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秒 左右 就可以避免看到这个黑色横条  

 

posted on   ACM_Someone like you  阅读(1015)  评论(0编辑  收藏  举报

编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示