百科问答小站 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 的设计和开发变的反而比以前更容易。




  

相关话题

  有哪些有趣的细节设计,能让你在使用时不禁微笑? 
  iOS 11通讯录图标是否有违苹果对LGBT的立场? 
  为什么日本的设计一眼能看出来? 
  2020 年 9 月 17 日 iOS 14 正式版发布,有哪些值得期待的功能和亮点? 
  一些图片是怎么设计出来的,是设计图案的那种,有什么软件? 
  有哪些「富人用不着,穷人买不起」的东西? 
  网传东京奥运会中国队入场服曝光,「番茄炒蛋」变「条纹配碎花」,你觉得好看吗?有哪些寓意? 
  为什么现在的手机都设计成不可换电池? 
  有哪些游戏里的某个场景或者城镇设计很棒? 
  汽车开发中的快速原型和基于模型设计的区别 dspace 有什么作用? 

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





© 2025-02-18 - tinynew.org. All Rights Reserved.
© 2025-02-18 - tinynew.org. 保留所有权利