iOS-学习笔记-UI-第十三天


视图:

贴图和美化界面

绘图

手势+变形

布局

动画

动力特效

iOS8专题

搜索框(iOS8之前,iOS8)



今天:

贴图和美化


1. 不同屏幕的图片适配(非Retina和Retina)

    1.1 设备屏幕的分类

        从显示的角度:非Retina和Retina(视网膜 高清屏)

        从设备的屏幕尺寸角度:对角线长度为3.5寸 4寸 4.7寸 5.5寸

        不同的设备的分辨率不同,为了统一高清屏显示时一个统一的坐标系,所以使用点作为坐标系单位,编写代码设计界面时使用点坐标系即可。


        在相同大小区域内,根据不同屏幕的种类,准备多套图即可,图片名称 用@数字x的方式来区分用于适配哪种屏幕,系统可以自动判断加载哪一张



2. 九切片

    2.1 为什么有就切片?

        对于一些形式简单,内容有规律变化的背景图来说,需要根据实际的尺寸动态的改变图片的大小,而不是有人工作图的方式来完成图片尺寸的调整。

    2,2 九切片的核心理念

        保证分割线以外的四个角不变,其余中间部分可以自动根据设置进行复制或拉伸,在拼接上四个角以后,图片的尺寸就会被放大。

    2.3 如何实现九切片

        方式一:使用xcode工具进行切片


    

3. 控件的美化

    

4. tintColor

    4.1 什么是tintColor?

        一个可以从父容器过渡给自视图的颜色属性,只要在父视图级别上设置一个颜色,那么父视图中包含的所有子视图在没有自己指定颜色的时候,就都会使用父视图设置的tintColor,可以实现批量的颜色设置的效果


    4.2 作用

        统一风格


    4.3 如何使用

        只对一个界面做统一效果颜色设置,那么就选中控制器中自带的视图,修改这个视图的tintColor,则该界面所有控件都会应用这个设置。

        对整个应用做所有界面的统一颜色设置,那么需要在appDelegate的启动方法中,设置window的tintColor即可


     注意:

        a. 如果某个视图自己设置过 tintColor,那么该视图就不在使用父视图中得tintColor

        b. 有些视图会有自己特定的tintColor属性,如,导航栏就有 barTintColor 特有的颜色设置,那么此时该属性也不受父容器的tintColor的影响



5. (UIAppearance)

    5.1 是什么?

        一种可以定义外观的特殊类,可以针对制定的某一类控件做批量的外观设置(字体,颜色,图片...)

        设定应用中出现的某种控件实例的统一外观的定制。

        如:希望应用中所有按钮都有红色背景,那么使用UIAppearance可以对UIButton这种类型作风格的设置,设置完成后,该应用中得所有按钮就会按照设定的样式,统一改变外观


    5.2 如何使用?

        step1:【类型名 appearance】获取到该类型的UIAppearance实例

        step2:针对类型的外观做属性设置


6. 美化导航栏Navigation Bar

    设置背景色

    设置背景图

    左右按钮中得文字颜色

    中间标题的文字样式

    返回按钮中图标的样式

    设置带有导航时,状态栏中的文字颜色



6. 美化标签栏TabBar 和 TabBarItem

    TabBar的整体的背景图

    每一个单独的item被选中时的背景图

    每一个单独的item的文字的样式以及位置


    美化代码写在哪里?

        写在AppDelegate的didFinishLaunchingWithOptions方法中

        用到UIAppearance,对整个应用中的导航和tabBar做风格设定


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值