转自:http://blog.163.com/prevBlogPerma.do?host=ab__&srl=19972617320111021103057168&mode=prev
iPhone开发中经常用到的控件尺寸大集合
Sizes of iPhone UI Elements
Points vs. Pixels
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 Imageup 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 bar416 pts Height of a view inside
a tab bar411 pts Height of a view inside
a navbar and a tab bar367 pts Portrait Keyboard height 216 pts Landscape Keyboard height 140 pts
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."
Application icon (required for all apps) |
57 x 57 114 x 114 (high resolution) |
72 x 72 |
|
App Store icon (required for all apps) |
512 x 512 |
512 x 512 |
|
Launch image (required for all apps) |
320 x 480 640 x 960 (high resolution) |
For portrait:
For landscape:
|
|
Small icon for Spotlight search results and Settings (recommended) |
29 x 29 58 x 58 (high resolution) |
50 x 50 for Spotlight search results 29 x 29 for Settings |
|
Document icon (recommended for custom document types) |
22 x 29 44 x 58 (high resolution) |
64 x 64 320 x 320 |
|
Web clip icon (recommended for web apps and websites) |
57 x 57 114 x 114 (high resolution) |
72 x 72 |
|
Toolbar and navigation bar icon (optional) |
Approximately 20 x 20 Approximately 40 x 40 (high resolution) |
Approximately 20 x 20 |
|
Tab bar icon (optional) |
Approximately 30 x 30 Approximately 60 x 60 (high resolution) |
Approximately 30 x 30 |
|
Newsstand icon for the App Store (requiredfor Newsstand apps) |
At least 512 pixels on the longest edge |
At least 512 pixels on the longest edge |
相关推荐
iphone UI 设计工具
在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;...
Iphone UI设计 Iphone UI设计 Iphone UI设计 Iphone UI设计
豆瓣iPhoneUI设计图 物有所值 豆瓣iPhoneUI设计图 物有所值
iphone UI pdf格式 jquery-iphone-ui
iPhone、iPad、Android UI常用设计尺寸,网上找的
仿iPHONE UI C#源码 仿iPHONE UI C#源码 仿iPHONE UI C#源码
IPHONE IPAD UI 组件素材 还是比较实用的
iPhoneX iPhone8模板 标准设计尺寸 Axure iPhoneX 模板,亲自验证可以正常使用
iphone_UI源代码 iphone_UI源代码 iphone_UI源代码 iphone_UI源代码
iPhone的设计尺寸,想了解的来来来来...,这里很全面哦
iPhone开发ui设计规格说明文档,icon及图标设计规格
jquery实现iphone滑动界面,jQuery iPhone UI 是 iPhone 平台上的 UI 界面包。
Visual Studio 2005 + Windows Ce 6.0开发的一套仿iPhone界面特效
移动UI设计基本规范.pdf12.ios视觉设计规范说明.pdf13.Android的设计尺寸-尺寸ChiCun.pdf14.APP设计一些基本规范.pdf15.触屏手机UI点击区域的小秘密GUI.pdf16.关于Android的多种屏幕适配.pdf17.Android设计.pdf18....
使用Axure做iOS的原型,这个库可以方便的创建iPhone上使用的元件。
UI设计: ...4.iphone ipad android UI界面设计素材 5.扁平化UI 6.三天入门Ui图标设计 7.网页美工视频教程 8.网页与UI设计从入门到精通视频教程 说明:本资源由网盘形式下载-点击下载附件有提取码 ...
一个不错的ios的ui库,个性按钮,划屏组件,日历等
Iphone UI各种控件实例
iphone设计标准