当前位置: 代码迷 >> 综合 >> IOS7 UI Transition Guide 状态栏 statusbar
  详细解决方案

IOS7 UI Transition Guide 状态栏 statusbar

热度:45   发布时间:2024-01-09 00:44:27.0

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:didFinishLaunchingWithOp tions:
里判断版本 6 or 7 来载入相关资源

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

13. 自动调整字体字号,dynamic type,用UIFontpreferredFontForTextStyl e去拿一个字体

14. 状态烂透明,其它bar都是半透明的
  UIBarPositionTopAttached
代表bar背景延伸到status bar,图像要64像素高,  UIBarPositionTop代表不延伸,所有bar的按钮都是无边际的

15.status bar,白底黑字:UIStatusBarStyleDefault
黑底白字:UIStatusBarStyleLightCon tent

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

17. 搜索栏,用tintColor定义引导文字foreground,用barTintColor来定义搜索栏的背景。IOS7可以在UISearchDisplayControlle r里面的displaysSearchBarInNavig ationBar特性,做到把搜索栏集合在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种方式UIImageRenderingModeAlwa ysTemplate(默认使用),UIImageRenderingModeAlwa ysOriginal(使用它来设定不是用tinting)

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

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

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

24.IOS7上,用pageViewControllerPrefer redInterfaceOrientationF orPresentation和pageViewControllerSuppor tedInterfaceOrientations 控制pageview

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

26. ScrollView外观上稍有变化,可以用automaticallyAdjustsScro llViewInsets特性管理srollview 

27.table view在iOS7里变动比较大,cellseparator更细更窄更浅色,同时是从左边开始插入。index默认是白底半透,header的文本显示用all-capitalletters
和footer文本显示用sentence-style
,可以用UITableViewHeaderFooterV iew来自定义样式;
cell组别扩展到整个屏幕宽度,cell选中状态是淡灰底。如果每个cell都有相同尺寸的图像,ios默认自动放置分隔,如果使用混合使用文本和图像,可以用separatorInset(UIEdgeInsets的特性)自定义。

28. text view和webview变动不大,需要注意的是用UIFont里的preferredFontForTextStyl e
取得页面的字体

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个按钮的上方显示
  相关解决方案