iphone界面元素的大小

2024-04-15 02:26:43

本文章转自apple官方网站，特此声明禚来强

Sizes of iPhone UI Elements

Element	Size (in points)
Window (including status bar)	320 x 480 pts
Status Bar (How to hide the status bar)	20 pts
View inside window (visible status bar)	320 x 460
Navigation Bar	44 pts
Nav Bar Image / Toolbar Image	up to 20 x 20 pts (transparent PNG)
Tab Bar	49 pts
Tab Bar Icon	up to 30 x 30 pts (transparent PNGs)
Text Field	31 pts
Height of a view inside a navigation bar	416 pts
Height of a view inside a tab bar	411 pts
Height of a view inside a navbar and a tab bar	367 pts
Portrait Keyboard height	216 pts
Landscape Keyboard height	140 pts

Points vs. Pixels

The iPhone 4 introduced a high resolution display with twice the pixels of previous iPhones. However you don't have to modify your code to support high-res displays; the coordinate system goes by points rather than pixels, and the dimensions in points of the screen and all UI elements remain the same.

iOS 4 supports high resolution displays (like the iPhone 4 display) via the scale property on UIScreen, UIView, UIImage, and CALayer classes. If the object is displaying high-res content, its scale property is set to 2.0. Otherwise it defaults to 1.0.

All you need to do to support high-res displays is to provide @2x versions of the images in your project. See the checklist for updating to iOS4 or Apple documentation for Supporting High Resolution Screens for more info.

Adjusting Sizes

Click here to see how to adjust View Frames and Bounds.

Additional References

Apple Documentation: Points vs. Pixels
Apple Documentation: UIBarButtonItem Class Reference says "Typically, the size of a toolbar and navigation bar image is 20 x 20 points."
Apple Documentation: UITabBarItem Class Reference says "The size of an tab bar image is typically 30 x 30 points."

iphone界面元素的大小相关推荐

iphone界面元素的尺寸［转］
iphone界面元素的尺寸,转载,以备查询. 原文地址: http://www.idev101.com/code/User_Interface/sizes.html Element Size (in ...
iPhoneUI元素的大小
最近工作中经常涉及的到iphone界面元素尺寸单位问题,特此整理,希望能给大家些帮助. Element元 Size (in points)大小 Window (including status bar ...
JMeter5.2.1 改变界面元素大小和BodyData（消息体数据）字体大小
目录一.问题描述二.解决办法解决方式一解决方式二 (1)改变界面元素大小 (2)改变"消息体数据"(BodyData)代码字体大小一.问题描述二.解决办法解决方式一 ...
iPhone 界面尺寸以及各种图表尺寸
iPhone界面尺寸设备屏幕尺寸开发尺寸状态栏高度导航栏高度 tab栏高度高宽比 iPhone 4/4S 3.5英寸 320*480 40px 88px 98px 0.66 iPhon ...
手机设计尺寸 - iPhone界面尺寸
参考网址: http://www.qijishow.com/down/app-index.htm iPhone界面尺寸设备分辨率 PPI 状态栏高度导航栏高度标签栏高度 iPhone6 plu ...
Android 和 iPhone 界面布局示例
下图是根据Android和iPhone这两个平台的"生产内容型的应用程序"整理出来的界面布局示例.所对比的4个点,均是两大平台的应用程序常规界面元素. 状态栏: Android和i ...
ios 自动缩小字体_技巧：如何改变iPhone上的字体大小
腾讯数码讯(编译:李斯特)最近收到不少朋友关于iPhone默认字体大小的抱怨:虽然iOS默认字号设置是经过精心设计的,但是对于一些用户来说,默认的字号还是显得偏小,导致信息或者其他界面的文字看起来比较 ...
【2k-3k高分辨率界面调整】jmeter3.3 win10界面元素调整，界面兼容，jemter文字太小
jmeter5.4.1资源下载(界面大小已调整好,适用于高分辨率2k-3k显示屏,1k的可以自行调整参数)-其它文档类资源-CSDN下载本人电脑配置:华为笔记本2018 matebook pro 3 ...
TeeChart界面元素使用说明（区域填充、Marks、Annotation）
TeeChart界面元素使用说明面积填充仪表日常应用中经常会出现面积计算的场景,因此在谱图中填充面积可以更加直观地展示对应的面积区域. TeeChart工具箱(https://blog.c ...

最新文章

热门文章