百科问答小站 logo
百科问答小站 font logo



iPhone 6 和 6 Plus 新增的屏幕尺寸会如何影响 iOS 应用的界面设计? 第1页

  

user avatar   liu-dian 网友的相关建议: 
      

从iPhone 6 开始 iOS 的 UI 设计方式更像 web 而不是 app,不同尺寸的 iPhone 上 UI 的结构是一样的,各 UIView 的位置尺寸会有所不同。比如同样的一段文本,iPhone 5S 上要显示5行, iPhone 6 Plus 上可能只要三行,显示它们的 UITextView 的尺寸就会不同。苹果从 iOS 6 开始提供了 Auto Layout ,(

Auto Layout Guide: Introduction

),他的作用类似 web 中的 CSS,可以用排版语言对 UIView 进行布局,我们只要表达出 UIView 应该靠左、靠右、居中、边距多少等信息,Auto Layout 根据设备尺寸自动计算各 UIView 的 frame。以前 UI 设计喜欢用绝对定位,因为 iPhone 6 之前所有 iPhone 的宽度都是 320 points(注意,不是 pixels),从 iPhone 6 开始将有不同的尺寸(所以叫 Resizeable iPhone),如果用绝对定位就需要针对每种设备做调整,设计师会骂娘的。

还有就是 app 的 Launch Image,因为设备尺寸增多,再结合横屏竖屏,导致的结果是一个 app 要有 n 多个 Launch Image,iOS 8 开始提供了 Launch Screen 的概念,现在可以用一个 xib 文件来作为 Launch Screen,然后用 Interface Builder 对 Launch Screen 进行设计,因为可以使用 Auto Layout,所以我们只需要一个 xib 文件都可以应对所有尺寸的 iPhone。

以前一直觉得 iOS 的 UI 开发不如 Android,通过手工计算 frame 位置来布局简直是石器时代的做法,现在 iPhone 虽然尺寸变多了,不过因为有了成熟的 Auto Layout, UI 的设计和开发变的反而比以前更容易。




  

相关话题

  怎样制作工业设计作品集? 
  如何评价 2016 猴年春晚吉祥物「康康」? 
  请问为了省油省电,能否在公路上铺设一块块能变换地面摩擦力的板,板能通过电脑感应,调节地面的粗糙程度? 
  有哪些颜色搭配、色彩基本知识方面的书籍? 
  如何评价 WWDC 2016?哪一点最吸引你? 
  用乐高积木能干什么? 
  兵器历史上有哪些惊为天人或者脑洞大开的产品(包括原型机)? 
  闲置的 iPad mini 一代如何物尽其用? 
  如何看待iOS 14.5 不再默认为女性语音,你期待新声音吗,新系统还有哪些值得期待的点? 
  为什么 iOS 中加粗字体需要重启(Respring),而改变字号却不用? 

前一个讨论
女生在大学真的需要男朋友吗?
下一个讨论
为什么总有人把同性恋和人兽恋以及乱伦划等号?





© 2025-05-04 - tinynew.org. All Rights Reserved.
© 2025-05-04 - tinynew.org. 保留所有权利