状态栏

IOS界面元素四栏(状态栏、导航栏、工具栏、TAB栏)设计规范

倖福魔咒の 提交于 2019-12-02 14:17:46
1.1 状态栏 状态栏展示于设备和当前环境相关的重要信息。 外观和行为:状态栏总是出现在屏幕顶部,包含网络连接、时间、电量等用户需要的信息 在iPhone上,状态栏的颜色会变。而在iPad上,状态栏总是黑色的 如果你的程序不是游戏或者媒体播放器的话,隐藏状态栏前要考虑清楚 当用户全屏观看媒体时,要把状态栏藏起来 合适的话,展示网络连接情况 在iPone上,定义状态栏的颜色。你可以选择灰色(默认色),透明黑或者半透明黑(alpha=0.5) 在iPhone上,设定好状态栏的颜色改变是否用动画来展 1.2 导航栏 导航栏用于在层级结构的信息中导航,也可以用来管理屏幕信息 外观和行为:导航栏位于屏幕的顶部,上面紧邻状态栏。导航栏通常居中显示当前这一屏的标题。当在层级信息间穿梭时,用户可以触摸导航栏左边的返回按钮回到上一层。用户还可以使用导航栏上与当前内容相匹配的控件来管理屏幕内容 在iPhone里,把屏幕从竖屏转成横屏模式会自动改变导航栏的高度(估计是想在横屏模式留出更多的空间给内容)。在iPad上,导航栏的透明度和高度不会随旋转改变。 在iPhone上,导航栏的是整屏通栏显示的。在iPad上,导航栏可能会嵌在分栏中的某一栏里,不会横贯整屏。 使用当前视图的标题作为导航栏的标题:导航栏标题变成新层级的标题;标题左侧出现返回按钮,写着前一级的标题 确保导航栏上的文字容易懂

iOS状态栏设置详解!

无人久伴 提交于 2019-12-02 14:15:36
在iOS开发过程中,经常会设置状态栏的样式,所以这里来学习一下状态栏的常用的设置方法。 1.首先明白状态栏的基本概念 ios上状态栏 就是指的最上面的20像素高的部分 状态栏分前后两部分,要分清这两个概念,后面会用到: 前景部分 :就是指的显示电池、时间等部分; 背景部分 :就是显示黑色或者图片的背景部分; 如下图:前景部分为白色,背景部分为黑色 注意:官方文档里面讲的很清楚,iOS7以后才有状态栏的自定义设置,所以该文章对iOS7之前可能无效! 2.设置状态栏前景和背景 这里必须注意:设置状态栏的时候,首先分为两种情况,其一:在plist里面设置了 View controller-based status bar appearance为 NO , 这个属性的意义就是不让控制器基于 status bar appearance的设置,也就是自己可以在每一个控制器里面自己进行设置。 这个时候就不能再用 - ( UIStatusBarStyle )preferredStatusBarStyle这个方法来设置,是没有效果的 , 而必须要用 [[UIApplication sharedApplication] setStatusBarStyle :UIStatusBarStyleLightContent ]来设置 , 其二,当 plist里面设置了 View controller-based

iOS开发——iOS状态栏和导航栏的控制问题

99封情书 提交于 2019-12-02 14:15:02
首先一点,IOS的界面分为状态栏和导航栏,状态栏是指显示电池、时间的最顶部的一个窄条,高度为20个点;而导航栏是紧接着状态栏的44个点高度的横条,一般用于显示app标题,返回按钮等操作按钮。 在ios7之前,状态栏和导航栏是分开的,而从ios7开始状态栏和导航栏交织在一起了,状态栏变为透明,导航栏的高度变为44+20=64: 状态栏控制 对状态栏的控制分两种情况: 全局设置 和 分页面设置 。控制这两种模式的开关是 info.plist 文件的 View controller-based status bar appearance 配置项。 一、全局设置状态栏 将 info.plist 文件的 View controller-based status bar appearance 设置为 NO ,即可开启全局设置,也就是说你在VC中对状态栏的控制都将无效,相比之下,是通过下面的代码来全局控制: //设置状态栏的字体颜色模式 [[ UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; //设置状态栏是否隐藏 [[ UIApplication sharedApplication] setStatusBarHidden: YES ]; 注意

ios状态栏,导航栏,工具栏,tab栏的位置,附图

二次信任 提交于 2019-12-02 14:14:51
在iOS 应用 程序开发时,UIKit 框架提供了大量的UI元素共开发者使用。但开发者设计应用程序的用户界面时,一定要记得用户对于系统内置的那一套应用程序已经非常熟悉,所以开发者一定要正确的使用这些UI元素,遵循系统内置应用的标准更容易让用户快速上手你的应用。   另外,使用标准UI的好处就是它们能够自动收到iOS的更新,当开发者使用这些标准的UI,同时可以自定义元素的样式,同样可以收到样式的自动更新。   iOS应用程序UI 元素主要由状态栏、导航栏、标签栏和工具栏组成。并不是每一个应用程序都需要这些bars,毕竟一个良好的应用程序是越简单越好,但如果必要时也需要呈现这些bars,这时候就需要开发者能够正确地使用这些Bars,本文将主要就这些UI元素的使用提供建议。    状态栏   状态栏通常显示与设备和当前系统环境相关的重要信息。   状态栏样式设置,开发者可以通过在你的Info.plist 文档中修改对应的Value来控制你的状态栏样式,关于如何设置values本文不准备进行阐述,开发者可前往 苹果开发者中心 进行学习。    * 样式和行为   状态栏通常显示在移动设备屏幕的上边缘,包含了用户需要的信息,如网络连接、时间以及 电池 使用状况等信息。   在iPhone上,状态栏可以有不同的颜色,iPad上,状态栏通常是黑色的。    * 设计指南:  

iOS开发之顶部状态栏statusBar颜色变化小结

江枫思渺然 提交于 2019-12-02 14:14:39
2019独角兽企业重金招聘Python工程师标准>>> iOS开发之顶部状态栏statusBar颜色变化小结 在网上搜了一堆结果,没有一个全面总结的,太零碎,不符合需求,现在就整理最符合自己的小结。 1.单个视图View没有导航控制器包装的情况下 默认情况下,启动状态栏和进入程序后的状态栏都是默认的颜色-黑色,如下图: 默认情况.gif 1.只设置启动状态栏颜色改变(白色),而视图中状态栏不变化(默认黑色),做如下的设置即可,两种方式不管先设置哪一个,另一个都会相应的变化,如下图: 在General里面做的修改 Info.plist文件中生成的相应配置 只有启动栏颜色改变.gif 2.设置启动状态栏颜色改变(白色),视图中的状态栏也变成白色(保持上面的设置),有两种设置方式: a.在Info.plist里面添加一行 View controller-based status bar appearance = NO 即可,如下图: 在Info.plist里面设置 b.在视图控制器中添加代码,如下图: 在.m文件中添加代码 效果如下图: 启动和视图一起改变.gif 3.设置视图中状态栏的颜色为白色,启动程序时的状态栏为默认颜色(黑色),没有做1.中的任何设置情况下,在控制器.m文件中添加如下代码(即2.->b.图所示): - (UIStatusBarStyle

ios状态栏操作

岁酱吖の 提交于 2019-12-02 14:11:11
[UIApplication sharedApplication].networkActivityIndicatorVisible = YES; //显示 [UIApplication sharedApplication].networkActivityIndicatorVisible = NO; //隐藏 让状态栏显示网络等待标志 状态栏是可以通过UIApplication类提供的一些方法来修改的,比如完全去掉状态栏或者修改风格,不过这些改变只是在你的程序内部,当你退出你的程序又会复原。 UIApplication *myApp = [UIapplication sharedApplication]; 1.隐藏状态栏 [myApp setStatusBarHidden:YES animated:YES]; 记得隐藏状态栏后的你的“桌面”就增加320×20的大小,所以最好是在任何window或者view创建之前隐藏它。 2.状态栏风格 [myApp setStatusBarStyle: UIStatusbarStyleBlackOpaque]; typedef enum { UIStatusBarStyleDefault, UIStatusBarStyleBlackTranslucent, UIStatusBarStyleBlackOpaque } UIStatusBarStyle

iOS上 关于状态栏的相关设置(UIStatusBar)

ⅰ亾dé卋堺 提交于 2019-12-02 14:10:52
1.基础知识: ios上状态栏 就是指的最上面的20像素高的部分 状态栏分前后两部分,要分清这两个概念,后面会用到: 前景部分 :就是指的显示电池、时间等部分; 背景部分 :就是显示黑色或者图片的背景部分; 如下图:前景部分为白色,背景部分为黑色 注意:这里只涉及到ios7以及更高版本,低版本下面的讲解可能无效。 2.设置statusBar的【前景部分】 简单来说,就是设置显示电池电量、时间、网络部分标示的颜色, 这里只能设置两种颜色: 默认的黑色( UIStatusBarStyleDefault ) 白色( UIStatusBarStyleLightContent ) 可以设置的地方有两个:plist设置里面 和 程序代码里 1).plist设置statusBar 在plist里增加一行 UIStatusBarStyle (或者是“Status bar style”也可以),这里可以设置两个值,就是上面提到那两个 UIStatusBarStyleDefault 和 UIStatusBarStyleLightContent 这样在app启动的launch页显示的时候,statusBar的样式就是上面plist设置的风格。 2).程序代码里设置statusBar [[UIApplication sharedApplication]setStatusBarStyle

iOS 隐藏顶部状态栏

若如初见. 提交于 2019-12-02 14:10:15
iOS 开发过程中可能会有这样的需求。 为了不影响app内容的显示,将顶部的状态栏(现实信号,时间,电量)隐藏 默认状态栏一直是存在的 方法一, 适用于修改个别页面的状态栏 我们可以通过设置ViewController的属性来隐藏 在 viewDidLoad 方法中添加如下代码 [self prefersStatusBarHidden]; [self performSelector:@selector(setNeedsStatusBarAppearanceUpdate)]; 再实现一个方法 - (BOOL)prefersStatusBarHidden { return YES;//隐藏为YES,显示为NO } 好了 我们运行一下看看效果 方法二, 适用于修改所有状态栏 我们找到项目的 info.plist文件(项目自动创建的,一般默认在Supporting Files 下) 查看一下有没有这两个key Status bar is initially hidden (value:YES) View controller-based status bar appearance (value:NO) 如果没有 点击+添加 完成之后 效果如下 运行项目 看看效果 是不是 隐藏的,方法二出来之后所有页面不用设置 默认都是 隐藏状态栏的 好了 大家可以加群继续讨论学习 苹果开发群

iOS控件:状态栏

有些话、适合烂在心里 提交于 2019-12-02 14:09:51
由于iOS 7 SDK较早期版本的SDK改动较大,因此App的界面也会出现种种问题,其中最明显的问题就是状态栏与导航栏的显示问题。 一、状态栏 iOS 6: iOS7: 当未使用导航栏时,上面的截图对比了在iOS 6与iOS 7上的显示情况。iOS 6中的状态栏不透明,视图控制器的主视图原点在状态栏下面。而iOS 7的状态栏背景色变为透明色,视图控制器的主视图原点在屏幕左上角,即状态栏显示在主视图之上,透过状态栏可以显示视图的内容。 如下图将视图的坐标设置为 CGRectMake ( 0 , 0 , 300 , 40 )的效果如下 iOS 7提供了两种状态栏的样式,用于控制状态栏文字的颜色。 typedef NS_ENUM(NSInteger, UIStatusBarStyle) { UIStatusBarStyleDefault = 0, // Dark content, for use on light backgrounds UIStatusBarStyleLightContent NS_ENUM_AVAILABLE_IOS(7_0) = 1, // Light content, for use on dark backgrounds UIStatusBarStyleBlackTranslucent NS_ENUM_DEPRECATED_IOS(2_0, 7_0, "Use