首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 操作系统 >

iOS学习札记43——iOS6下自定义UI控件外观效果

2013-04-07 
iOS学习笔记43——iOS6下自定义UI控件外观效果尽管iOS原生的UI控件就已经有很不错的显示效果,但是App开发者

iOS学习笔记43——iOS6下自定义UI控件外观效果

       尽管iOS原生的UI控件就已经有很不错的显示效果,但是App开发者仍然希望自己的产品与众不同,所以自定义UI外观成了每个App产品开发必做之事。今天就来做一个在iOS6下实现自定义UI的demo,内容及Demo来源于国外iOS博客raywenderlich,先看看美化前后效果差别(左边为美化前,右边为美化后):

iOS学习札记43——iOS6下自定义UI控件外观效果                                iOS学习札记43——iOS6下自定义UI控件外观效果


整个Demo里面几乎包含所有iOS下的UI控件,以下我只对关键代码给出说明,详情大家可以下载附上的Demo源码查看。好了,首先在AppDelegate.m中新建了一个方法customizeApperance(),所有的美化效果都在这个方法里完成,并且在application:didFinishLauchingWithOptions:里面调用这个方法。


1.自定义导航栏


图片只会被拉伸红色矩形区域,假如红框左右距离图片边距分别为25,距离上下边距为0,则Insets的写法就是这样:UIEdgetInsetsMake(0,25,0,25),如果要使整张图片拉伸,则四个参数全部传0即可。代码中分别指定了横屏和竖屏下的两种方式。


同时,可以指定导航栏底部的阴影图片、颜色和UIBarButtonItem的样式等:

导航栏阴影



2.设置底部Tab栏的样式(背景、选中、默认)



3.自定义UISwitch



4.自定义UIPageControl


这里简要说明了几种控件的自定义效果,查看其他控件自定义效果,大家可以下载Demo仔细查看并根据自己的需要进行定制

Demo源码下载:代码


加入我们的QQ群或微信公众账号请查看:Ryan's zone公众账号及QQ群

同时欢迎关注我的新浪微博和我交流:@唐韧_Ryan




热点排行