UIAppearance使用(轉(zhuǎn))

iOS5及其以后提供了一個比較強大的工具UIAppearance,我們通過UIAppearance設置一些UI的全局效果峭火,這樣就可以很方便的實現(xiàn)UI的自定義效果又能最簡單的實現(xiàn)統(tǒng)一界面風格,它提供如下兩個方法。

+ (id)appearance
這個方法是統(tǒng)一全部改,比如你設置UINavBar的tintColor层皱,你可以這樣寫:[[UINavigationBarappearance] setTintColor:myColor];
+ (id)appearanceWhenContainedIn:(Class<>)ContainerClass,...
這個方法可設置某個類的改變:例如:設置UIBarButtonItem在UINavigationBar、UIPopoverController京痢、UITabbar中的效果奶甘。就可以這樣寫
[[UIBarButtonItemappearanceWhenContainedIn:[UINavigationBar class],[UIPopoverController class],[UITabbar class] nil]setTintColor:myPopoverNavBarColor];

warning:請注意*使用appearance設置UI效果最好采用全局的設置,在所有界面初始化前開始設置祭椰,否則可能失效臭家。

修改導航欄背景:

UINavigationBar * appearance = [UINavigationBarappearance];
UIImage *navBackgroundImg =[UIImage imageNamed:@"navBg.png”];
[appearancesetBackgroundImage:navBackgroundImg forBarMetrics:UIBarMetricsDefault];

標簽欄(UITabBar)

UITabBar *appearance = [UITabBar appearance];
   //設置背景圖片
   [appearancesetBackgroundImage:[UIImageimageNamed:@"tabbar_bg.png"]];
   //門置選擇item的背景圖片
   UIImage *selectionIndicatorImage =[[UIImage imageNamed:@"tabbar_slider"]resizableImageWithCapInsets:UIEdgeInsetsMake(4,0, 0,0)] ;
    [appearancesetSelectionIndicatorImage:selectionIndicatorImage];

分段控件

UISegmentedControl *appearance = [UISegmentedControlappearance];
  
  //Segmenteg正常背景
  [appearancesetBackgroundImage:[UIImageimageNamed:@"Segmente.png"]
                  forState:UIControlStateNormal
                 barMetrics:UIBarMetricsDefault];
  
  //Segmente選中背景
  [appearancesetBackgroundImage:[UIImageimageNamed:@"Segmente_a.png"]
                  forState:UIControlStateSelected
                 barMetrics:UIBarMetricsDefault];
  
  //Segmente左右都未選中時的分割線
  //BarMetrics表示navigationbar的狀態(tài)疲陕,UIBarMetricsDefault表示portrait狀態(tài)(44pixelheight),UIBarMetricsLandscapePhone表示landscape狀態(tài)(32pixelheight)
  
  [appearancesetDividerImage:[UIImage imageNamed:@"Segmente_line.png"]
        forLeftSegmentState:UIControlStateNormal
         rightSegmentState:UIControlStateNormal
               barMetrics:UIBarMetricsDefault];
  
  [appearancesetDividerImage:[UIImage imageNamed:@"Segmente_line.png"]
        forLeftSegmentState:UIControlStateSelected
         rightSegmentState:UIControlStateNormal
               barMetrics:UIBarMetricsDefault];
  
  [appearancesetDividerImage:[UIImage imageNamed:@"Segmente_line.png"]
        forLeftSegmentState:UIControlStateNormal
         rightSegmentState:UIControlStateSelected
               barMetrics:UIBarMetricsDefault];
  
   //字體
  NSDictionary *textAttributes1 = @{UITextAttributeFont: [UIFont systemFontOfSize:18],
                           UITextAttributeTextColor:[UIColor blueColor],
                           UITextAttributeTextShadowColor:[UIColor whiteColor],
                           UITextAttributeTextShadowOffset:[NSValue valueWithCGSize:CGSizeMake(1, 1)]};
  
   [appearancesetTitleTextAttributes:textAttributes1forState:1];
  
  NSDictionary *textAttributes2 = @{UITextAttributeFont: [UIFont systemFontOfSize:18],
                           UITextAttributeTextColor:[UIColor whiteColor],
                           UITextAttributeTextShadowColor:[UIColor blackColor],
                           UITextAttributeTextShadowOffset:[NSValue valueWithCGSize:CGSizeMake(1, 1)]};
  
   [appearancesetTitleTextAttributes:textAttributes2forState:0];

UIBarButton

注意:UIBarbutton有l(wèi)eftBarButton钉赁,rightBarButton和backBarButton蹄殃,其中backBarButton由于帶有箭頭,需要單獨設置你踩。

barButton背景設置是ios6.0及以后的诅岩,而backbutton是ios5.0及以后的,這里要注意带膜!

代碼如下:

   //修改導航條上的UIBarButtonItem
   UIBarButtonItem *appearance = [UIBarButtonItem appearanceWhenContainedIn:[UINavigationBarclass], nil];

   //設置導航欄的字體包括backBarButton和leftBarButton吩谦,rightBarButton的字體
   NSDictionary *textAttributes = @{UITextAttributeFont: [UIFont systemFontOfSize:18],
                            UITextAttributeTextColor:[UIColor blueColor],
                            UITextAttributeTextShadowColor:[UIColor whiteColor],
                            UITextAttributeTextShadowOffset:[NSValue valueWithCGSize:CGSizeMake(1, 1)]};
   
    [appearancesetTitleTextAttributes:textAttributesforState:1];//forState為0時為下正常狀態(tài),為1時為點擊狀態(tài)膝藕。

   
   //修改leftBarButton式廷,rightBarButton背景效果
   [appearancesetBackgroundImage:[UIImageimageNamed:@"navBarButton.png"]
                   forState:UIControlStateNormal
                      style:UIBarButtonItemStyleBordered
                  barMetrics:UIBarMetricsDefault];
   
   [appearancesetBackgroundImage:[UIImageimageNamed:@"navBarButton_a.png"]
                   forState:UIControlStateHighlighted
                      style:UIBarButtonItemStyleBordered
                  barMetrics:UIBarMetricsDefault];

   
   //backBarButton需要單獨設置背景效果。只能在ios6.0以后才能用
   [appearancesetBackButtonBackgroundImage:[UIImage imageNamed:@"nav_bg.png"]
                            forState:0
                          barMetrics:UIBarMetricsDefault];
   
   [appearancesetBackButtonBackgroundImage:[UIImage imageNamed:@"work.png"]
                            forState:1
                          barMetrics:UIBarMetricsDefault];
   
   [appearancesetBackButtonTitlePositionAdjustment:UIOffsetMake(2,-1)
                              forBarMetrics:UIBarMetricsDefault];

工具欄

UIToolbar *appearance = [UIToolbar appearance];
   //樣式和背景二選一即可芭挽,看需求了
   //樣式(黑色半透明滑废,不透明等)設置
   [appearancesetBarStyle:UIBarStyleBlackTranslucent];
   //背景設置
   [appearancesetBackgroundImage:[UIImageimageNamed:@"toolbarBg.png"]
            forToolbarPosition:UIToolbarPositionAny
                  barMetrics:UIBarMetricsDefault];

UIAppearance實現(xiàn)原理

在通過UIAppearance調(diào)用“UI_APPEARANCE_SELECTOR”標記的方法來配置外觀時,UIAppearance實際上沒有進行任何實際調(diào)用袜爪,而是把這個調(diào)用保存起來(在Objc中可以用NSInvocation對象來保存一個調(diào)用)蠕趁。當實際的對象顯示之前(添加到窗口上,drawRect:之前)辛馆,就會對這個對象調(diào)用之前保存的調(diào)用俺陋。當這個setter調(diào)用后,你的界面風格自定義就完成了怀各。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末倔韭,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瓢对,更是在濱河造成了極大的恐慌,老刑警劉巖胰苏,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件硕蛹,死亡現(xiàn)場離奇詭異,居然都是意外死亡硕并,警方通過查閱死者的電腦和手機法焰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來倔毙,“玉大人埃仪,你說我怎么就攤上這事∩略撸” “怎么了卵蛉?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵颁股,是天一觀的道長。 經(jīng)常有香客問我傻丝,道長甘有,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任葡缰,我火速辦了婚禮亏掀,結果婚禮上,老公的妹妹穿的比我還像新娘泛释。我一直安慰自己滤愕,他們只是感情好,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布怜校。 她就那樣靜靜地躺著该互,像睡著了一般。 火紅的嫁衣襯著肌膚如雪韭畸。 梳的紋絲不亂的頭發(fā)上宇智,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天,我揣著相機與錄音胰丁,去河邊找鬼随橘。 笑死,一個胖子當著我的面吹牛锦庸,可吹牛的內(nèi)容都是我干的机蔗。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼甘萧,長吁一口氣:“原來是場噩夢啊……” “哼萝嘁!你這毒婦竟也來了?” 一聲冷哼從身側響起扬卷,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤牙言,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后怪得,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體咱枉,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年徒恋,在試婚紗的時候發(fā)現(xiàn)自己被綠了蚕断。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡入挣,死狀恐怖亿乳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情径筏,我是刑警寧澤葛假,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布障陶,位于F島的核電站,受9級特大地震影響桐款,放射性物質(zhì)發(fā)生泄漏咸这。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一魔眨、第九天 我趴在偏房一處隱蔽的房頂上張望媳维。 院中可真熱鬧,春花似錦遏暴、人聲如沸侄刽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽州丹。三九已至,卻和暖如春杂彭,著一層夾襖步出監(jiān)牢的瞬間墓毒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工亲怠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留所计,地道東北人。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓团秽,卻偏偏與公主長得像主胧,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子习勤,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,510評論 25 707
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫踪栋、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,025評論 4 62
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一種新的協(xié)議图毕。它實...
    香橙柚子閱讀 23,726評論 8 183
  • 喬恩在的出現(xiàn)夷都,讓青花的心情一下變得好起來,有的人總是能讓你的心情愉悅吴旋,而不在于他說了什么损肛,做了什么。按捺住這...
    空心木閱讀 448評論 0 1
  • iOS中的事件 響應者對象 - 在iOS中不是任何對象都能處理事件荣瑟,只有繼承了UIResponder的對象才能接收...
    Hevin_Chen閱讀 627評論 0 0