IOS7 UI Transition Guide 状态栏 statusbar

本文转载至 http://blog.csdn.net/linzhiji/article/details/12233387

Redesign Your App for iOS 7 之 页面布局

iOS7自定义statusbar和navigationbar的若干诡异问题

iOS 7 UI Transition Guide

1. icon 更新到iphone:120X120. ipad:152x152

 

2. 开机画面要添加回status bar

 

3. view controller 用full-screen layout

 

4. 重新设计bar button 图标

 

5. 按钮要使用无边化

 

6. 使用相对布局，auto layout，尽量不要写死坐标和大小

 

7. 用户可自定义字号，字号可调整

 

8. 注意底部手势的使用，苹果优先响应系统的控制面板

 

9.尽量去特效化去物理化，保持界面元素平滑和层次感

 

10. 尽量使用storyboards

 

11. 在application:didFinishLaunchingWithOptions:

里判断版本 6 or 7 来载入相关资源

 

12. 进度和选中状态的window.tintcolor 是应用到整个view,包括subviews.IOS7用barTintColor设置一个bar的背景

 

13. 自动调整字体字号，dynamic type，用UIFontpreferredFontForTextStyle去拿一个字体

 

14. 状态烂透明，其它bar都是半透明的

  UIBarPositionTopAttached

代表bar背景延伸到status bar，图像要64像素高, UIBarPositionTop代表不延伸，所有bar的按钮都是无边际的

 

15.status bar,白底黑字：UIStatusBarStyleDefault

黑底白字：UIStatusBarStyleLightContent

 

16. Navigation Bar 默认是半透明，底部有1像素的hairline， tintColor去定义barbutton,用barTintColor去定义bar 背景。如果要用自定义的返回按钮，需要做一个MASK图像作为切换过渡用。 NaviBar的下部阴影要用自定义图像和shadowImage来定义，不要用过长的带阴影部分的图像来做阴影，因为在IOS7上，多出的像素会首先放到statusbar

 

17. 搜索栏，用tintColor定义引导文字foreground,用barTintColor来定义搜索栏的背景。IOS7可以在UISearchDisplayController里面的displaysSearchBarInNavigationBar特性，做到把搜索栏集合在NaviBar上面，具体参考系统自带的日历应用

Scope bar范围bar不会自动显示，需要绑定到search bar，tint定义方法同搜索栏类似

 

18. Tab Bar在ipad上是56像素，用itemPositioning来定义布局，在中央布局时，可以用itemWidth和itemSpacing来自定义布局，tintColor定义选择的items,barTintColor定义背景。可以是使用selectedImageproperty来自定义选中状态的图像

 

19. Toolbar ，tintColor定义item,barTintColor定义背景，在top边有一条1像素hairline(貌似和别的几个bar有不一样，它们多少底部)，UIToolbarPosition已经弃用了，用UIBarPosition代替

 

20. barbuttons，使用图像有2种方式UIImageRenderingModeAlwaysTemplate（默认使用），UIImageRenderingModeAlwaysOriginal（使用它来设定不是用tinting）

 

21. activity view controller里的图标要用黑白和透明度表示，抗锯齿处理，不要用dropshadow。图标大小是70x70居中

 

22. Ios7 的ImageView包含tintColor特性，在UIImageRenderingModeAlwaysTemplate模式下，tintColor会应用到该图片上

 

23. 在Ios7上，用MKOverlayRenderer在mapview上创建overlay，3D地图内容参考MKMapCamera

 

24.IOS7上，用pageViewControllerPreferredInterfaceOrientationForPresentation和pageViewControllerSupportedInterfaceOrientations控制pageview

 

25. iPad上有popover来显示过渡页面，背景半透，同时内容是贴边的

 

26. ScrollView外观上稍有变化，可以用automaticallyAdjustsScrollViewInsets特性管理srollview 

 

27.table view在iOS7里变动比较大，cellseparator更细更窄更浅色，同时是从左边开始插入。index默认是白底半透，header的文本显示用all-capitalletters

和footer文本显示用sentence-style

，可以用UITableViewHeaderFooterView来自定义样式；

 cell组别扩展到整个屏幕宽度，cell选中状态是淡灰底。如果每个cell都有相同尺寸的图像，ios默认自动放置分隔，如果使用混合使用文本和图像，可以用separatorInset（UIEdgeInsets的特性）自定义。

 

28. text view和webview变动不大，需要注意的是用UIFont里的preferredFontForTextStyle

取得页面的字体

 

29.像添加，详细信息，标签，页面控制，时间选择器，进度条（进度条的颜色可以用trackTintColor设置）

，菊花，加减，切换按钮等元素有相当大的变化，

 

30.圆角按钮IOS7中已经不显示边框，并且用UIButtonTypeSystem代替之前的UIButtonTypeRoundedRect

，（IOS6样式的在新系统里自动转换）

 

31. Segmentedcontrol分节控制在IOS7里只有简单的样式，以前的segmentedControlStyle的特性已经不用了

 

32.slider在ios7里面可以用minimumTrackTintColor,maximumTrackTintColor, andthumbTintColor分别设定最小值颜色，最大值颜色，和触摸时颜色。如果设定成nil,就使用默认

 

33. 切换按钮在ios7里面动感十足，可以用onTintColor, tintColor, andthumbTintColor设置开关和触摸样式

 

34. actionsheet在ios7里面是一个半透的背景加上无边按钮。应用现在运行的用户自定义样式的as会被弃用，无论如何都是用IOS7的默认样式。在initWithTitle:delegate:cancelButtonTitle:destructiveButtonTitle:otherButtonTitles:方法里面的destructiveButtonTitle系统默认是红色

 

35. Alert在ios7里面也强制要使用默认样式，如果你提供第三个按钮，将在默认2个按钮的上方显示