iOS 之自定义UI组件的外观——使用UIAppearance协议自定义视图(初识)
2014-09-18 11:10
405 查看
文章来源:http://www.ituring.com.cn/article/30658
在iOS 5以前,自定义原生控件的外观并没有原生支持,因此开发人员感觉很麻烦。开发人员经常面临的问题是修改一个控件所有实例的外观。解决这个问题的正确方法是重写一遍控件。但由于这么做非常费时,一些开发人员开始覆盖或混写一些方法,如
从iOS 5开始,苹果通过两个协议(
要定制应用中所有条形按钮的颜色,可以在
注意,iOS 4的时候
同样,可以根据内部包含的视图采用如下方法来定制控件的外观:
第一个参数是以
从iOS 5开始,大多数UI元素都增加了对
意味着可以调用
尽管一开始苹果反对(在Mac和iOS平台上)使用UI定制,但情况慢慢发生了变化。苹果自己的原生应用(比如新的Reminder应用)也有了深度定制的、模仿现实的用户界面。有了
在iOS 5以前,自定义原生控件的外观并没有原生支持,因此开发人员感觉很麻烦。开发人员经常面临的问题是修改一个控件所有实例的外观。解决这个问题的正确方法是重写一遍控件。但由于这么做非常费时,一些开发人员开始覆盖或混写一些方法,如
drawRect:。
从iOS 5开始,苹果通过两个协议(
UIAppearance和
UIAppearanceContainer)规范了对许多UIKit控件定制的支持。所有遵循
UIAppearance协议的UI控件通过定制都可以呈现各种外观。不仅如此,
UIAppearance协议甚至允许开发者基于控件所属的区域指定不同的外观。也就是说,当某个控件包含在特定视图中时,可以指定它的外观(如
UIBarButtonItem的
tintColor)。也可以获取该控件类的外观代理对象,用该代理定制外观来实现,下面来看一个例子。
要定制应用中所有条形按钮的颜色,可以在
UIBarButtonItem的外观代理中设置
tintColor:
<code style="padding: 0px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: inherit; background-color: transparent; border: 0px;"><span class="pun" style="color: rgb(0, 0, 0);">[[</span><span class="typ" style="color: rgb(43, 145, 175);">UIBarButtonItem</span><span class="pln" style="color: rgb(0, 0, 0);"> appearance</span><span class="pun" style="color: rgb(0, 0, 0);">]</span><span class="pln" style="color: rgb(0, 0, 0);"> setTintColor</span><span class="pun" style="color: rgb(0, 0, 0);">:[</span><span class="typ" style="color: rgb(43, 145, 175);">UIColor</span><span class="pln" style="color: rgb(0, 0, 0);"> redColor</span><span class="pun" style="color: rgb(0, 0, 0);">]];</span></code>
注意,iOS 4的时候
setTintColor方法就在
UIBarButtonItem中了,但它只会作用到某个特定的控件实例,而不是所有的此类控件。借助外观代理对象,我们可以定制使用上述类创建的任意对象的外观。
同样,可以根据内部包含的视图采用如下方法来定制控件的外观:
<code style="padding: 0px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: inherit; background-color: transparent; border: 0px;"><span class="pun" style="color: rgb(0, 0, 0);">[[</span><span class="typ" style="color: rgb(43, 145, 175);">UIBarButtonItem</span><span class="pln" style="color: rgb(0, 0, 0);"> appearanceWhenContainedIn</span><span class="pun" style="color: rgb(0, 0, 0);">:[</span><span class="typ" style="color: rgb(43, 145, 175);">UINavigationBar</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="kwd" style="color: rgb(0, 0, 139);">class</span><span class="pun" style="color: rgb(0, 0, 0);">],</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="kwd" style="color: rgb(0, 0, 139);">nil</span><span class="pun" style="color: rgb(0, 0, 0);">]</span><span class="pln" style="color: rgb(0, 0, 0);"> setTintColor</span><span class="pun" style="color: rgb(0, 0, 0);">:[</span><span class="typ" style="color: rgb(43, 145, 175);">UIColor</span><span class="pln" style="color: rgb(0, 0, 0);"> redColor</span><span class="pun" style="color: rgb(0, 0, 0);">]];</span></code>
第一个参数是以
nil结尾的所有容器类的列表,包括
UINavigatorBar、
UIPopOverController等遵循
UIAppearanceContainer协议的类。
从iOS 5开始,大多数UI元素都增加了对
UIAppearance协议的支持。此外,iOS 5中类似于
UISwitch的控件允许我们方便地将on开关的颜色变成设计师选定的颜色。现在,怎么确定哪些情况下能够通过UIKit的外观代理来定制所有元素(以及元素中的哪些属性)呢?有两种方式。老办法是查阅文档,另一个办法是大多数开发人员使用的快捷方式:读头文件。打开对应的UIKit元素的头文件,其中所有带有
UI_APPEARANCE_SELECTOR标记的属性都支持通过外观代理来定制。举个例子,UINavigationBar.h中的
tintColor属性带有
UI_APPEARANCE_SELECTOR标记:
<code style="padding: 0px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: inherit; background-color: transparent; border: 0px;"><span class="lit" style="color: rgb(128, 0, 0);">@property</span><span class="pun" style="color: rgb(0, 0, 0);">(</span><span class="pln" style="color: rgb(0, 0, 0);">nonatomic</span><span class="pun" style="color: rgb(0, 0, 0);">,</span><span class="pln" style="color: rgb(0, 0, 0);">retain</span><span class="pun" style="color: rgb(0, 0, 0);">)</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="typ" style="color: rgb(43, 145, 175);">UIColor</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="pun" style="color: rgb(0, 0, 0);">*</span><span class="pln" style="color: rgb(0, 0, 0);">tintColor UI_APPEARANCE_SELECTOR</span><span class="pun" style="color: rgb(0, 0, 0);">;</span></code>
意味着可以调用
<code style="padding: 0px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: inherit; background-color: transparent; border: 0px;"><span class="pun" style="color: rgb(0, 0, 0);">[[</span><span class="typ" style="color: rgb(43, 145, 175);">UINavigationBar</span><span class="pln" style="color: rgb(0, 0, 0);"> appearance</span><span class="pun" style="color: rgb(0, 0, 0);">]</span><span class="pln" style="color: rgb(0, 0, 0);"> setTintColor</span><span class="pun" style="color: rgb(0, 0, 0);">:</span><span class="pln" style="color: rgb(0, 0, 0);">newColor</span><span class="pun" style="color: rgb(0, 0, 0);">];</span></code>
尽管一开始苹果反对(在Mac和iOS平台上)使用UI定制,但情况慢慢发生了变化。苹果自己的原生应用(比如新的Reminder应用)也有了深度定制的、模仿现实的用户界面。有了
UIAppearance协议,实现同样效果所用的代码要少得多
相关文章推荐
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图()
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图
- IOS自定义UI组件的外观——使用UIAppearance协议自定义视图
- 使用UIAppearance协议自定义视图
- 使用UIAppearance协议自定义视图
- 使用UIAppearance 协议自定义视图
- 使用UIAppearance协议自定义视图 UI_APPEARANCE_SELECTOR
- iOS_Swift初识之使用三种回调方式自定义Button
- iOS - 使用自定义的Xib作为自己的子视图
- IOS开发(97)之自定义视图之使用XIB自定义一个UIView
- IOS 表视图(UITableVIew)的使用方法(4)自定义表视图单元
- UI一揽子计划 21 (UICollectionView、SDWebImage第三方类库加载图片的使用、集合视图的布局UICollectionViewFlowLayout 、自定义Cell、布局协议
- iOS 5中使用UIAppearance来自定义应用的外观
- 设置视图IOS开发(97)之自定义视图之使用XIB自定义一个UIView
- >02 (协议代理)、自定义视图、程序执行顺序(iOS程序启动流程 )、视图控制器、(MVC的理解)
- 14-2 UITabBarController标签视图控制器、配置UITabBar、自定义UITabBarItem、(UIAppearance)、三大视图控制器的综合使用、AdressBook、(+U
- UIAppearance 协议自定义视图