9 ios 状态栏20像素_ios uitablevie 20状态栏 - CSDN
精华内容
参与话题
  • iOS 各种控件默认高度(图示)

    万次阅读 2013-02-04 15:47:43
    状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用。如下图 用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明的黑色...
    1.状态栏
    状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用。如下图


    用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明的黑色。

    如果需要隐藏状态栏可以使用调用:
    [[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];
    或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。


    2.导航栏
    在纵向模式下导航栏为44像素高,在横向模式下为32像素高,导航栏提供了一个很少用的提示模式,该模式将高度扩展了30像素,在纵向模式下为320*74像素,在横向模式下为480*74像素。
    要向导航栏添加提示,则设置self.navigationItem.prompt = @"................"。



    3.选项卡  工具栏
    选项卡为48像素高,工具栏为44像素高。此两个UI元素通长不用于横向模式。

    典型的带有导航栏和状态栏的应用程序为纵向显示保留了320*416的区域,为横向保留了480*268的区域。如果使用选项卡栏或者工具栏则会使高度再次减少48或者44像素。

    4.键盘和pickerView
    此一般都为横向320*216像素,纵向为480*162像素。

    另外,UISwitch默认为94*28像素,UISegmentedControl通长为44像素高。

    UITextField高度一般至少为30像素。

    5.UIScreen类
    [[UIScreen mainScreen] applicationFrame]一般会根据正在使用的工具栏,状态栏,导航栏来返回可用的区域。


    iPhone和iPad下各种常见控件的宽度和标准是一样的,所以这里就用iPhone说明。

     

    以下是常见的几种控件的高度。Statusbar,Navigationbar和Tabbar的宽度极其图标大小。


    下表是更为详细的参数,包括了Statusbar,Navigationbar、Tabbar、toolbar和Keyboard等等

    展开全文
  • iOS设备的UI 规范 iPhone界面尺寸 iPhone图标尺寸 iPad的设计尺寸 iPad图标尺寸 ...iOS 各种控件默认高度 ...状态栏 ...状态栏一般高度为20像素

    iOS设备的UI 规范

    iPhone界面尺寸

    这里写图片描述

    这里写图片描述


    iPhone图标尺寸

    这里写图片描述

    这里写图片描述


    iPad的设计尺寸

    这里写图片描述

    这里写图片描述


    iPad图标尺寸

    这里写图片描述

    这里写图片描述


    iPhone设备尺寸分辨率比例

    这里写图片描述


    iPhone各设备 launch image

    这里写图片描述


    iOS 各种控件默认高度

    状态栏

    状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用。如下图

    这里写图片描述

    用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明的黑色。

    如果需要隐藏状态栏可以使用调用: 
    [[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO]; 
    或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。

    导航栏

    在纵向模式下导航栏为44像素高,在横向模式下为32像素高,导航栏提供了一个很少用的提示模式,该模式将高度扩展了30像素,在纵向模式下为320*74像素,在横向模式下为480*74像素。 
    要向导航栏添加提示,则设置self.navigationItem.prompt = @”…………….”。

    这里写图片描述

    选项卡/工具栏

    选项卡为48像素高,工具栏为44像素高。此两个UI元素通长不用于横向模式。

    这里写图片描述

    典型的带有导航栏和状态栏的应用程序为纵向显示保留了320*416的区域,为横向保留了480*268的区域。如果使用选项卡栏或者工具栏则会使高度再次减少48或者44像素。

    键盘和pickerView

    此一般都为横向320*216像素,纵向为480*162像素。 
    另外,UISwitch默认为94*28像素,UISegmentedControl通长为44像素高。 
    UITextField高度一般至少为30像素。

    UIScreen类

    [[UIScreen mainScreen] applicationFrame]一般会根据正在使用的工具栏,状态栏,导航栏来返回可用的区域。

    控件列表

    iPhone和iPad下各种常见控件的宽度和标准是一样的,所以这里就用iPhone说明。

    以下是常见的几种控件的高度。Statusbar,Navigationbar和Tabbar的宽度极其图标大小。

    这里写图片描述

    下表是更为详细的参数,包括了Statusbar,Navigationbar、Tabbar、toolbar和Keyboard等等

    这里写图片描述

    展开全文
  • ios状态栏 就是指的最上面的20像素高的部分 状态栏分前后两部分,要分清这两个概念,后面会用到: 前景部分:就是指的显示电池、时间等部分; 背景部分:就是显示黑色或者图片的背景部分; (一)设置statusBar...

    ios上状态栏 就是指的最上面的20像素高的部分
    状态栏分前后两部分,要分清这两个概念,后面会用到:

    前景部分:就是指的显示电池、时间等部分;
    背景部分:就是显示黑色或者图片的背景部分;

    (一)设置statusBar的【前景部分】

    简单来说,就是设置显示电池电量、时间、网络部分标示的颜色, 这里只能设置两种颜色:

    默认的黑色(UIStatusBarStyleDefault)
    白色(UIStatusBarStyleLightContent)
    可以设置的地方有两个:plist设置里面 和 程序代码里
    初始化设置:导航栏设置为不透明并给了"标题"与状态栏文字作对比

                       self.edgesForExtendedLayout = 0;
                       self.navigationItem.title = @"标题";

    只设置navigationBar不透明和写了一个标题.png


    改变状态栏的方法
    方法一:
    1、plist
    View controller-based status bar appearance 设置为 NO


    设置为NO.png


    2、代码设置

    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;

    效果如下:


    状态栏白色.png


    方法二:
    1、plist
    View controller-based status bar appearance 设置为 YES 或者默认(不设置)
    注意:
    如果View controller-based status bar appearance为YES。
    则[UIApplication sharedApplication].statusBarStyle 无效。
    2、代码设置

    self.navigationController.navigationBar.barStyle = UIBarStyleBlack;

    状态栏导航栏文字都白色,背景黑色.png

    或者在控制器中重写 preferredStatusBarStyle方法,修改状态栏颜色

    - (UIStatusBarStyle)preferredStatusBarStyle {
    //    return UIStatusBarStyleLightContent;
        return UIStatusBarStyleDefault;
    }

    (二)设置statusBar的【背景部分】
    背景部分,简单来说,就是背景色;改变方法有两种:

    1、系统提供的方法

    navigationBar的setBarTintColor接口,用此接口可改变statusBar的背景色

    self.navigationController.navigationBar.barTintColor = [UIColor greenColor];

    纯粹的背景色设置,默认字体都是黑色.png

    如果想将状态栏和导航栏字体全变为白色,这样就行

    self.navigationController.navigationBar.barStyle = UIBarStyleBlack;

    此行代码能将状态栏和导航栏字体颜色全体改变,只能是黑色或白色.png


    如果只想改变导航栏的字体颜色,可以这样

    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]}];

    在默认显示的标题中直接修改文件的大小和颜色也是可以的.png


    还可以改变字体大小

    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor],NSFontAttributeName:[UIFont systemFontOfSize:25]}];

    改变字体颜色大小.png


    或者可以设置背景图片

    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"image01"] forBarMetrics:UIBarMetricsDefault];

    图片背景.png


    2、另辟蹊径

    创建一个UIView,
    设置该UIView的frame.size 和statusBar大小一样,
    设置该UIView的frame.origin 为{0,-20},
    设置该UIView的背景色为你希望的statusBar的颜色,
    在navigationBar上addSubView该UIView即可。
    原理:
    状态栏区域相对于navigationBar的区域为

    {0,-20,self.view.bounds.size.width,20}

    除了改变状态栏的前景色(文字颜色,wifi颜色,时间颜色,电池颜色),就是改变背景色.由于状态栏区域上的控件是隐藏的,所以只要在状态栏区域被渲染了颜色,状态栏的背景颜色就跟着一起改变,从而改变了状态栏的背景颜色.

    UIView *statusBarView = [[UIView alloc]   initWithFrame:CGRectMake(0, -20,    self.view.bounds.size.width, 20)];
    statusBarView.backgroundColor = [UIColor greenColor];
    [self.navigationController.navigationBar addSubview:statusBarView];

    改变状态栏的背景颜色.png

    另外图片透明处理
    navigationBar为透明,注释掉self.edgesForExtendedLayout = 0;

    // self.edgesForExtendedLayout = 0;
     [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault]
     self.navigationController.navigationBar.shadowImage = [UIImage new];

    图片透明设置.png


    作者:致id
    链接:http://www.jianshu.com/p/63f758796438
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    展开全文
  • IOS学习笔记56-IOS7状态栏适配方法一

    万次阅读 2013-10-11 12:07:06
    近期由于IOS7的发布,所以应用的适配潮可谓是都搞的锣鼓喧天,甚是热闹,因此呢,因适配IOS7而产生的问题也是铺天盖地的卷来,所以了,我也从简单的状态栏适配开始,先研究了下关于状态栏的适配,特总结如下,供广大...

           近期由于IOS7的发布,所以应用的适配潮可谓是都搞的锣鼓喧天,甚是热闹,因此呢,因适配IOS7而产生的问题也是铺天盖地的卷来,所以了,我也从简单的状态栏适配开始,先研究了下关于状态栏的适配,特总结如下,供广大网友一起讨论交流。

    PS:首先说明下,ios7中,由于status bar不再占用单独的20px,如果app需要同时支持ios7和ios6.1以下,那就需要适配下了,适配开始:

    先看用xcode新建项目后 IOS7和IOS6上的的运行效果:
    ps:一个empty application 里面+了一个rootcontroller,作为window的根控制器,view里面放了一个tableview;


    是不是遇到的IOS7的新问题,状态栏跟tableview重叠了,OK,看见这个不想看到的结果,下面我们就开始正式的解决掉这个招人不喜欢的效果。

    为了达到ios7与ios6.1以下的UI统一,苹果官方给出的建议是:

    苹果官方适配建议

    第一步:不要勾选xib中的Use Autolayout,如下图:


    第二步:第二步:选择View as “ios6.1 and Earlier”,还是上图位置处;

    第三步:在Size Inspector中,有一ios6/7 Deltas:分别表示在PosX的增量、PosY的增量、宽度增量、高度增量。


    ps:在“ios6.1 and Earlier”模式下,由于status bar的高度为20,所以当app运行在ios7.0模式下时,需要view向下移动20像素,因此在ΔY上设置为20.
    tableView坐标向下移动了20,由于整个屏幕的高度是不变的,所以在“ios7.0 and Later”模式下,需要将tableView的高度减去20像素,即在“ios6.1 and Earlier”模式下,设置tableView的ΔHeight为 -20。如果不设置ΔHeight,tableView底部会有20像素是不可见的,可以测试demo看看。
    ***注***:Δ,正数表示增,负数表示减。

    第四步:ok,设置完成,到IOS上看效果:


    是不是神奇的发现跟以前的有似曾相识的赶脚呢。。。这样“ios6.1 and Earlier”和“ios7.0 and Later” UI布局便统一了。

    下一篇在讲一讲网传的更改window坐标的方法。


    展开全文
  • ios7状态栏重叠问题的解决方法

    千次阅读 2014-03-01 20:31:53
    ios7状态栏重叠 ios7状态栏改成ios6样式: 1、在info.plist中新增 View controller-based status bar appearance 项并且将Value设置成 NO 这样状态栏就变成白字了。 2、在AppDelegate.m中加入下面的代码,判断...
  • 状态栏隐藏掉之后,页面上的tableView会自动向上滚20像素 这是因为在iOS7.0之后,系统会自动调整scrollView的layout 和 contentInsets 。从而使其自动地适应iOS7之后那种整个屏幕都可以放入自定义控件的方法。...
  • #define kIs_iphone (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) #define kIs_iPhoneX kScreenWidth >=375.0f && kScreenHeight &.../*状态栏高度*/ #define kS...
  • self.automaticallyAdjustsScrollViewInsets = NO;
  • 如果你准备将你的老的 iOS 6 app 迁移到 iOS 7 上,那么你必须注意了。当你的老的 app 在 iOS 7 设备上运行时,所有ViewController 的视图都整体...你当然可以在 Xcode 中修改每个 View,将他们下移20像素状态栏高度
  • ios状态栏重叠问题

    千次阅读 2014-05-13 10:34:46
    ios7状态栏重叠 ios7状态栏改成ios6样式: 1、在info.plist中新增 View controller-based status bar appearance 项并且将Value设置成 NO 这样状态栏就变成白字了。 2、在AppDelegate.m中加入下面的代码,...
  • App 预览规范 (iOS、tvOS) 您可以提供 tH.264 和 ProRes 422(仅限 HQ)格式的 App 预览,并且需要具有如下规格: 视频规格 表头 H.264 格式 ProRes 422(仅限 HQ)格式 目标...
  • iOS 6/7下导航栏和状态栏的适配

    千次阅读 2014-02-12 17:47:02
    看到现在比较大的几个应用在iOS7下纷纷统一了导航栏和状态栏的样式,自己也有点坐不住的感觉,所以搜索了下总结了几个适配方法 一 在iOS7下最底层设置一个controller的view顶部空出20像素再其它的controller都往...
  • 做个电子书的应用,用了UIWebView,顶部一直有20点的背景色的空条,然后各种排查,什么subview,什么frame,什么contentSize等等,还是没能解决,而且都没头绪了。后来经一高手指导,只加了一句便得以解决。早知如此...
  • ios状态栏 就是指的最上面的20像素高的部分 状态栏分前后两部分,要分清这两个概念,后面会用到: 前景部分:就是指的显示电池、时间等部分; 背景部分:就是显示黑色或者图片的背景部分; (一)设置statusBar的...
  • iOS 设备现有的分辨率如下: iPhone/iPod Touch 普通屏 320像素 x 480像素 iPhone 1、3G、3GS,iPod Touch 1、2、3 3:2 Retina 屏 640像素 x 960像素 iPhone 4、4S,iPod Touch 4 16:9 ...
  • 1.1 状态栏状态栏展示于设备和当前环境相关的重要信息。 外观和行为:状态栏总是出现在屏幕顶部,包含网络连接、时间、电量等用户需要的信息 在iPhone上,状态栏的颜色会变。而在iPad上,状态栏总是黑色的 ...
  • 1、启动画面的尺寸 iPhone5和iPod touch5代: ...对于iPad的启动画面(隐藏状态栏时): 横屏:2048*1536 像素,1024*768 像素 竖屏:1536*2048像素,768*1024像素 以上均为png格式。 2、应用图标的尺寸 I
1 2 3 4 5 ... 20
收藏数 6,404
精华内容 2,561
关键字:

9 ios 状态栏20像素