zoukankan      html  css  js  c++  java
  • 界面像素

    转载。。。

    1.状态栏

    状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用。如下图
    iphone开发-----界面的布局,一般控件的大小
    用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明的黑色。
     
    如果需要隐藏状态栏可以使用调用:
    [[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];
    或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。
     
     
    2.导航栏
    在纵向模式下导航栏为44像素高,在横向模式下为32像素高,导航栏提供了一个很少用的提示模式,该模式将高度扩展了30像素,在纵向模式下为320*74像素,在横向模式下为480*74像素。
    要向导航栏添加提示,则设置self.navigationItem.prompt = @"................"。
     
    iphone开发-----界面的布局,一般控件的大小
    3.选项卡  工具栏
    选项卡为48像素高,工具栏为44像素高。此两个UI元素通长不用于横向模式。
     
    iphone开发-----界面的布局,一般控件的大小
    典型的带有导航栏和状态栏的应用程序为纵向显示保留了320*416的区域,为横向保留了480*268的区域。如果使用选项卡栏或者工具栏则会使高度再次减少48或者44像素。
     
    4.键盘和pickerView
    此一般都为横向320*216像素,纵向为480*162像素。
     
    另外,UISwitch默认为94*28像素,UISegmentedControl通长为44像素高。
     
    UITextField高度一般至少为30像素。
     
    5.UIScreen类
    [[UIScreen mainScreen] applicationFrame]一般会根据正在使用的工具栏,状态栏,导航栏来返回可用的区域。
  • 相关阅读:
    Vue在移动端App中使用的问题总结
    CSS中的自适应单位vw、vh、vmin、vmax
    sass、less中的scoped属性
    CSS中的 , > + ~
    Git 使用的问题总结
    Vux的安装使用
    React-router的基本使用
    React使用的扩展
    React使用的思考总结
    React的基本使用
  • 原文地址:https://www.cnblogs.com/sevenology/p/3267651.html
Copyright © 2011-2022 走看看