贴图美化isd1501代码lesson note.pptx

贴图和美化

iOS设备NormaldisplayRetinadisplay

iOS设备

iOS设备

分辨率Retina设备分辨率点(坐标)iPhone4/4s640X960320X480?@2xiPhone5/5s/5c640X1136320X568?@2xnewiPad,iPad4

iPadAir,iPadmini22048X1536?1024X768?@2xiPhone6750X1334?375X667??@2xiPhone6Plus1242X2208414X736???@3x注:非Retina只有mini在用,还有早期的ipad和ipad2,iPhone3GS

Retina屏幕下对图片的处理UIImage*image=[UIImageimageNamed:@e1];e1.pnge1@2x.pnge1@3x.png系统自己选择

9切片技术竖直方向复制水平方向复制注:切片后可以复制、可以拉伸,根据情况选择

9切片原则4个角不变上下两边横向拉伸或复制左右两边纵向拉伸或复制中间横向纵向拉伸或复制两种模式Tile切片复制(默认模式)Stretch切片拉伸应用场景消息栏、新闻栏、各种框的美化、按钮背景、cell背景等

代码实现9切片UIImage*newImage=[imageresizableImageWithCapInsets:UIEdgeInsetsMake(10,12,10,12)resizingMode:UIImageResizingModeStretch];

Xcode实现9Slicing技术拖入图片到xcassets中,选中图片进行操作

按钮的贴图美化UIButton:区分状态设置图片Normal正常状态Highlighted高亮状态(用户按下后的状态)Disabled.enabled=NO(按钮不可用状态)Selected.selected=YES(按钮被选中)图片命名XxxxYyyy.pngXxxxYyyy@2x.pngNormal状态下的图片XxxxYyyyHL.pngXxxxYyyyHL@2x.pngHighlighted状态下的图片

滑块的贴图美化UISlidersetMaximumTrackImage:setMinimumTrackImage:setThumbImage:

tintColor属性统一管理一个视图中所有子视图和子视图的子视图的颜色批量修改一些视图的颜色颜色受控制的因素拥有xxxTintColor属性,如UISwitch没有xxxTintColor,受从UIView中继承来的tintColor影响self.window.tintColor影响整个应用的风格,除非某一个视图特别设置了自己的tintColor颜色

UIAppearance遵守此协议的对象,可以批量设置某种控件的外观(颜色、贴图等)获取方式+(instancetype)appearance;使用方式拿到此对象后,通过这个对象设置背景、颜色等来批量设置某一类控件的外观[[UISliderappearance]setTintColor:[UIColorredColor]]

UINavigationBar美化设置NavigationBar的颜色.barTintColor设置是否透明.translucent给NavigationBar贴图setBackgroundImage:forBarMetrics:

设置返回按钮的图片.backIndicatorImage.backIndicatorTransitionMaskImage设置按钮的颜色.tintColor设置标题栏的文字字体.titleTextAttributesUINavigationBar美化

UINavigationBar美化设置标题为任何视图self.navigationItem.titleView设置状态栏风格重写preferredStatusBarStyle方法是否显示状态栏重写prefersStatusBarHidden方法隐藏NavigationBarself.navigationControllersetNavigationBarHidden:

文档评论(0)

1亿VIP精品文档

相关文档