zoukankan      html  css  js  c++  java
  • iOS 屏幕原点坐标 && 导航栏风格的自定义

    其一

    屏幕原点坐标 (x ,y) 受 self.navigationController. navigationBar 的 setTranslucent (BOOL) 属性控制 

    在 iOS7 以后  translucent  属性默认为 YES   该属性含义是 毛玻璃 半透明效果    

    YES  起始 坐标 为屏幕顶端 左上角 为 (0 , 0)  ,此时 UI展示的内容可透过 导航栏

    NO   起始 坐标 为屏幕顶端 左上角 为 (0 , 20 + 44) 这个说明 起始坐标 在状态栏 和 导航栏 之下边开始 导航栏便没有毛玻璃效果了

    其二

    我们知道导航控制器 是控制根  整体都是统一的状态  所以要用系统的导航控制器改变风格 就是改变整体  那么如果要定制 其中一个页面的话 当退出 当前页面 一定要恢复导航栏的系统设计状态 

    剩下的 在实战中慢慢体会 举一反三  效果都可以出来

    例如

    +(void)setNormalGreenNav:(UINavigationController *)navigationController
    {
        [navigationController.navigationBar setTranslucent:NO];
        if (floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_6_1) {
            [navigationController.navigationBar setTintColor:[UIColor colorWithRed:0.25 green:0.65 blue:0.35 alpha:1]];
            [navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"header.png"] forBarMetrics: UIBarMetricsDefault];
            
        } else {
            [navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
            [navigationController.navigationBar setTintColor:[UIColor whiteColor]];//导航栏的文字颜色
            [navigationController.navigationBar setBarTintColor:COLOR_THEME_GREEN];//导航栏的背景颜色
        }
    }
    
    +(void)cancelNormalGreenNav:(UINavigationController *)navigationController
    {
        [navigationController.navigationBar setTranslucent:YES];
        [navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"header_newblack2"] forBarMetrics: UIBarMetricsDefault];//这个是个半透明的图片 
    }

    其三 

    bug 分析  以上方法   整体风格 是绿色导航 无毛玻璃效果  其中 偶尔会出现 透明 毛玻璃效果  这个时候 如果进行切换 时候 起始坐标高度变化 0 -- (20 + 44) 会出现 黑色横条的过度视觉 UI   这个 我处理的方法是 加上UI延迟  0.8秒 左右 就可以避免看到这个黑色横条  

  • 相关阅读:
    if __name__ == '__main__' 该如何理解
    Github下载慢和下载过程中断等情况的解决方案
    Git下载安装及设置详细教程
    冒烟测试是什么?
    100道MySQL数据库经典面试题解析
    Linux 下ZooKeeper安装
    运用Docker+Jenkins+Nginx+Spring Boot 自动化部署项目
    linux本地远程上传&下载阿里云oss的shell脚本实现方法
    运行java项目shell简洁脚本
    阿里云oss利用工具上传图片文件
  • 原文地址:https://www.cnblogs.com/someonelikeyou/p/4635383.html
Copyright © 2011-2022 走看看