iOS7_控件特点

iOS 7 按钮无边框,操作栏透明,控制器全屏

Auto Layout会帮助app自动调整新的UI元素度量,

并且对字号自动动态调整。

  1. iOS 7,app的图标尺寸是120 x 120像素(高分辨率下)。
  2. 提供包含 状态栏部分的图像。
  1. iOS 7,视图控制器统一采用了全屏视图
  2. 自定义bar的icon。
  3. 使用Auto Layout帮助你的app完成相应布局变化下的响应。
  4. 使用动态的字体。可以自由调整app中的字号大小。
  5. 用户在系统中设定自定义字号的时候,app的字体也会发生相应的变化。
  6. 确保你的app不会与系统的新增手势产生冲突:
  7. 从屏幕底部向上滑动调出控制中心的手势。

操作栏背景着色 使用barTintColor或tintColor

<span style="color:#ffffff;">// iOS 7检查宏
NSUInteger DeviceSystemMajorVersion();
NSUInteger DeviceSystemMajorVersion() {
static NSUInteger _deviceSystemMajorVersion = -1;
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
_deviceSystemMajorVersion = [[[[[UIDevice currentDevice] systemVersion] componentsSeparatedByString:@”.”] objectAtIndex:0] intValue];
});
return _deviceSystemMajorVersion;
}
#define MY_MACRO_NAME (DeviceSystemMajorVersion() < 7)</span>

UIViewController提供了以下属性

  1. edgesForExtendedLayout

    这个属性属于UIExtendedEdge类型,它可以单独指定矩形的四条边,也可以单独指定、指定全部、全部不指定。

    使用edgesForExtendedLayout指定视图的哪条边需要扩展,不用理会操作栏的透明度。这个属性的默认值是UIRectEdgeAll。

  2. extendedLayoutIncludesOpaqueBars

    如果你使用了不透明的操作栏,设置edgesForExtendedLayout的时候也请将 extendedLayoutIncludesOpaqueBars的值设置为No(默认值是YES)。

  3. automaticallyAdjustsScrollViewInsets

    如果你不想让scroll view的内容自动调整,将这个属性设为NO(默认值YES)。

iOS 7允许视图控制器在app运行过程中改变系统状态栏的样式。

开启这个功能,请在Info.plist文件中添加键UIViewControllerBasedStatusBarAppearance,并将值设为YES。

动态改变系统状态栏的一个好方法是重写preferredStatusBarStyle方法,

用一个动画模块来更新状态栏外观,

并调用setNeedsStatusBarAppearanceUpdate方法。

使用着色(Tint Color)

在iOS 7中,着色是UIView的一个属性。iOS 7的app会使用着色来定义一个关键色,这个颜色表明“这里是可交互的”,或者表示元素选中的状态。

当你指定某个视图的着色的时候,这个颜色会自动继承到所有的子视图中。因为UIWindows继承自UIView,你可以这样通过设置窗体的着色属性指定着色:

window.tintColor = [UIColor purpleColor];

如果不为窗体指定着色,则会使用系统默认的颜色。

默认情况下,视图的着色是nil,意味着视图使用父级的着色。也就是说哪怕你不设置着色的话,视图也总能够获取到一个色值。

总的来说,最好在视图还没有显示到屏幕上之前指定它的着色。想让视图继承上个层级的着色的话,就将着色设置为nil。

重要:iOS 7不支持通过外观代理API来设置着色。

当警告框(alert)和上拉菜单(action sheet)出现的时候,iOS 7自动将背后视图的着色变暗。为了响应该色彩变化,在渲染时使用tintColor的自定义视图的子类需要重写tintColorDidChange方法,以便在合适的时候刷新渲染。

注意:在iOS 6中,tintColor可以用来给导航栏的背景着色、tab栏、工具栏、搜索栏、搜索栏的范围选择栏着色。而在iOS 7中,给背景着色只需要使用barTintColor属性就可以了。

使用字体(Fonts)

iOS 7引入了动态字体(Dynamic Type)

最小字号下的邮件正文                 最大非残障辅助字号下的邮件正文

使用动态字体时,同时意味着:

  1. 所有文字的粗细,字间距,行高都被自动调整。
  2. 可以语义上指定不同的文字样式:正文、脚注、大标题等等。
  3. 对动态字体和残障辅助超大号字体都能有很好的响应效果。

要享受动态字体的好处,请用UIFont类下的preferredFontForTextStyle方法来生成文字,而不是直接指定字体的名称和大小。iOS 7会保证每个大小字体的最佳可读性。

操作栏和栏上按钮(Bars & Bar Buttons)

iOS 7中,状态栏是透明的,其他的操作栏(导航栏、tab栏、工具栏、搜索栏、搜索栏下面的范围选择栏)是半透明的。通常情况下,你希望能看到操作栏背后是你的内容。

大多数操作栏会将遮蔽住的内容进行模糊处理,除非你提供一张自定义背景图。

为了标识操作栏的位置,iOS 7引入了barPosition属性,它可以帮助你指定什么时候自定义背景图片需要平铺在状态栏上。值UIBarPositionTopAttached表明操作栏贴近屏幕顶部,背景向上延伸入系统状态栏区域。相对的,值UIBarPositionTop表示操作栏位于当前局部内容的顶部(比如,在弹出式气泡的顶部)它不为状态栏提供背景。

默认情况下,所有的栏上按钮都是无边框的。

系统状态栏(Status Bar)

因为系统状态栏是透明的,所以可以透过它看到后面的视图。状态栏的风格依照它内容的外观呈现,包括时间、电量、Wi-Fi信号等。使用常量UIStatusBarStyle来指定使用黑色风格还是白色风格:

UIStatusBarStyleDefault
显示黑色的文字内容。当状态栏后面的内容是淡色的时候适合使用。

UIStatusBarStyleLightContent 显示白色的文字内容。当状态栏后面的内容是深色时使用比较合适。

有些情况下,导航栏和搜索栏的背景图片可以向上延伸到状态栏背后。如果状态栏下面没有其他栏,内容视图需要使用全屏高度。在iOS 7中,通过独立的视图控制器,可以在app运行的时候改变状态栏的风格。实现方法是在Info.plist中加入键UIViewControllerBasedStatusBarAppearance,并设置值为YES。

  • 导航栏(Navigation Bar)
  • 导航栏帮助用户在不同信息层次结构中穿梭,并选择性地管理屏幕内容。

iOS 7                                                          iOS 6

  • iOS 7 让在导航栏上增加搜索栏的变得非常简单。

如果你使用UIBarPositionTopAttached样式创建了一个导航栏背景,确保图像包含了系统状态栏的区域。具体来说,你需要一个高分辨率下128像素的图像。

下面这个表格描述了iOS 7如何对待不同高度的可变导航栏背景。(更多请看“UIImage类参考”)

表格 5-1 可变大小的背景图片处理策略

搜索栏和范围选择栏(Search Bar & Scope Bar)避免使用超高的背景图片来制作导航栏下面的自定义投影,这种技术在iOS 7中不起作用,因为超高的图片会向上(系统状态栏方向)扩展,而不是向下(导航栏下面)扩展。如果你想给导航栏增加投影,可以创建一个自定义图片,然后使用shadowImage属性来自定义投影图片。

搜索栏接收用户输入的文字,下方可以附带一个范围选择栏。

iOS 7                                                          iOS 6

在iOS 7中,UISearchDisplayController包含了displaySearchBarInNavigationBar属性,这样你就可以将搜索栏放进导航栏,就像日历app里面这样:如果你使用UIBarPositionTopAttached的位置为搜索栏创建了一个背景图片,请确保图片的高度包含了状态栏的高度。

范围选择栏则允许用户选择搜索结果的范围。

注意:范围选择栏不能单独出现;必须依附在搜索栏下面出现。

iOS 7                                                          iOS 6

Tab栏(Tab Bar)

iOS 7                                                          iOS 6

如果使用了自定义icon的话,可以使用UITabBarItem中的selectedImage属性来设置按下状态的图像。如果不提供按下状态的icon,则两个状态会使用相同icon。

工具栏(Toolbar)

工具栏上放置当前屏幕或者视图下相关的对象的操作按钮。

iOS 7                                                          iOS 6

栏上按钮(Bar Buttons)

在iOS 6中,栏上按钮可以是有边框的,也可以是无边框的。在iOS 7中只能是无边框的。

iOS 7中的导航栏按钮                                iOS 6中的导航栏按钮

为了更加明确,在iOS 7中,app的栏上按钮经常使用文字而不是图形。例如,iOS 7中的日历应用使用了Inbox(收件箱)代替了收件箱图形:

iOS 7                                                          iOS 6

在早期版本的iOS中,自定义栏上按钮图片会自动被当做“template image”。(template image被用作最终图像的一个遮罩。)而iOS 7中,你可以使用以下UIImage属性来指定是否需要把自定义的图片当做template image来处理:

  1. UIImageRenderingModeAlwaysTemplate。图片被用作Template Image。
  2. UIImageRenderingModeAlwaysOriginal。图片按照原样渲染。

如果你没有指定对图片的处理方法的话,图片会使用包含它的视图的默认处理方式。比如,tab栏默认会使用template处理方式,而进度滑块则会使用原样完整渲染的处理方式。

注意:template image会依照其父结构的着色进行着色 。如果不想让栏上的元素被着色,为图片设置UIImageRendering-ModeAlwaysOriginal属性。

内容视图(Content View)

内容视图用来显示自定义的app内容。因为大多数内容视图的外观系统都没有提供,所以iOS 7视觉上的变化对他们几乎没有影响。有个比较大的例外是分组聚合表格视图,它在iOS 7上外观有巨大的变化。

活动菜单(Activity)

活动菜单代表了一个可以响应当前选择内容的功能,它可以是系统提供的或者自定义的。用户可以通过系统提供的活动视图控制器来使用这些功能,当用户点击分享按钮的时候,活动视图控制器就会从屏幕底部向上升起。

系统提供的活动菜单中可以提供两种风格的按钮:

  1. 原样渲染的app图标——比如下面这个邮件的icon
  2. 和tab栏上的按钮一样的风格——比如下面复制、打印这样的icon

第三方功能总是使用第二种风格的icon。

如果要在你的app中提供某个服务,创建一个简洁、线框状的template image。创建template image的时候请遵守下述指导原则:

  1. 使用黑色或者白色,配合适当的alpha透明度
  2. 不要使用投影
  3. 使用抗锯齿效果

活动菜单上的template image应该在区域中居中,分辨率大约在70 x 70像素左右。

集合视图(Collection View)

集合视图用来管理和有序排列项目,将它们以可定制的布局进行呈现。

在iOS 7中,集合视图支持自定义过场动画。了解更多请参考“UICollectionViewTransition-Layout类参考”。

照片应用使用了集合视图来展示图片集,并支持他们之间的过场动画。

图片视图(Image View)

图片视图显示一张图片或者一系列动态的图片。

在iOS 7中,UIImageView包含了着色属性tintColor。当图片视图包含template image的时候,tintColor会被应用到图片上。

地图视图(Map View)

地图视图展示地理数据,支持自带地图应用的大多数功能。

照片应用中的地图视图帮助用户查看照片的地理位置信息。

在iOS 7,只能够使用一个新的类MKOverlayRenderer来在地图视图上面创建覆盖层。

如果要给地图视图增加3D外观的话,只需给它的camera属性分配一个相机对象即可(MKMapCamera的一个实例)。要了解更多,参考“MKMapView类参考”。

页面视图控制器(Page View Controller)

页面视图控制器用来管理多页的内容,可以使用滚动过场,也可以使用卷页过场动画。

在iOS 7中,使用两个方法来分别指定(pageViewControllerPreferredInterfaceOrientationForPresentation和pageViewControllerSupportedInterfaceOrientations)。

下面可以看到iOS 7模拟器中页面视图控制器的默认外观:

滚动视图(Scroll View)

滚动视图帮助用户查看超出视图边界的内容。滚动视图在iOS 6和7上视觉唯一的不同是滚动条的外观。

iOS 7                                     iOS 6

在iOS 7上,你可以通过UIViewController的automaticallyAdjustsScrollViewInsets属性来管理滚动视图的项目分组之间的间隔。

表格视图(Table View)

iOS 7                                               iOS 6

表格视图中的元素在iOS 7中也有了不同的样式。

文本视图(Text View)

请使用UIFont类的preferredFontForTextStyle方法获取文本视图中显示的文字内容。

网页视图(Web View)

控件(Controls)

控件是种特殊的UI元素,用户既可以看(获取信息)也可以与之交互(操作它)。所有的iOS 7控件的外观都得到了升级,它们大多数都有了新的尺度。

因为UIControl是从UIView继承而来,你可以使用控件的tintColor属性来为它们着色。

系统提供的控件默认支持系统定义的动效,外观也会随着高亮和选中状态的变化而变化。

日期拾取器(Date Picker)

日期拾取器显示了日期和时间的内容,包括:分钟,小时,日期,年份。它的整体尺寸和iOS 6比起来没有变化,但是外观发生了巨大的变化。

iOS 7的app会将日期拾取器嵌入到内容中,而不是单独呈现在一个弹出的视图上。比如日历应用动态地将表格的一行扩展开,将日期拾取器嵌入,用户指定时间的时候就不需要离开当前这个添加事项视图。

新增联系人按钮(Contact Add Button)

新增联系人按钮是一个UIButtonTypeContactAdd类型的UIButton,它可以将用户的信息添加到其他基于文字视图的文字域中。

新增联系人按钮的大小和外观在iOS 7中有变化。

iOS 7               iOS 6

细节展开按钮(Detail Disclosure Button)

细节展开按钮是一个UIButtonTypeDetailDisclosure类型的UIButton,它表明当前项目还有额外的细节和相关功能,点击后会在另一个表格或视图中呈现。在iOS 7中,细节展开按钮使用和Info按钮一样的符号。

iOS 7               iOS 6

当细节展开按钮出现在表格的一行中,点击该行的其它地方不会激活该按钮;相反地,这个操作会选中该行,或者触发app定义的行为。

Info按钮(Info Button)

Info按钮的类型是UIButtonTypeInfoLight或者UIButtonTypeInfoDark。它表明app的配置细节入口,新页面有时候出现在当前视图的背面。在iOS 7中,info按钮使用和细节展开按钮相同的图形。

iOS 7            iOS 6(天气应用中的)

文本标签(Label)

文本标签用来呈现静态文本。

默认情况下,文本标签会使用系统字体,所以在iOS 6和7上会看起来不一样。

iOS 7                                           iOS 6

确保使用UIFont的方法preferredFontForTextStyle来获取显示在标签上的文字。

页码控件(Page Control)

iOS 7                     iOS 6

拾取器(Picker)

iOS 7                                            iOS 6

进度视图(Progress View)

iOS 7                                                iOS 6

刷新控件(Refresh Control)

iOS 7                                             iOS 6

圆角矩形按钮(Rounded Rectangle Button)

圆角矩形按钮在iOS 7中被弃用了。

用系统的无边界按钮替代它。

对应的类型是UIButtonTypeSystem的UIButton。

iOS 7系统按钮不包括倒角和背景样式。

系统按钮可以包含一个图形或者文字信息,可以指定一种着色或者继承父级的着色。

iOS 7系统按钮            iOS 6的圆角矩形按钮

注意:在iOS 7中,UIButtonTypeRoundedRect被重新定义成UIButtonType-System。在iOS 6中使用圆角矩形按钮的app会自动转化成系统按钮的外观。

如果你需要显示一个包含倒角的按钮,使用UIButtonTypeCustom类型的按钮,这个类型支持自定义背景图片。

分段控件(Segmented Control)

iOS 7                                       iOS 6

iOS 7,分段控件使用单一样式

滑动器(Slider)

iOS 7                                          iOS 6

iOS 7中依然可以对最小和最大轨道图像按下状态使用着色,

使用三个属性来操作:

(minimumTrackTintColor,maximumTrackTintColor和thumbTintColor)

如果你将minimumTrackColor属性设为nil,则该区域会继承父级的着色;

如果设置maximumTrackTintColor或thumbTintColor的值为nil的话,

两个区域都会使用默认颜色。

步进器(Stepper)

iOS 7                       iOS 6

在iOS 7中,默认情况下,步进器将自定义增减位置的图像视为template image。

开关(Switch)

iOS 7                       iOS 6

iOS 7继续可以对开、关、不可用三个状态使用着色。

按下状态则使用下面三个属性着色:

onTintColor,tintColor和thumbTintColor。

文本域(Text Field)

iOS 7                                         iOS 6

确保使用UIFont的preferredFontForTextStyle方法来获取和显示文字域中的文字。

临时视图(Temporary Views)

ActionSheet,AlertView,ModalView 是三种临时视图,

它们在需要用户特别注意的时候、或提供额外的选择或者功能的时候会出现。

模态视图本质上是视图的一种

注意:当临时视图出现时,iOS 7自动将背后那个标准视图变暗。

动作列表(Action Sheet)

iOS 7,默认是透明的,包括无边框的按钮

iOS 7                                          iOS 6

ActionSheet中危险的选项destructiveButtonTitle默认红色

警告对话框(Alert)

iOS 7                                             iOS 6

iOS 7,警告对话框有三个按钮时,第三个按钮会显示在前两个按钮下一排

模态视图(Modal View)

iOS 7                                        iOS 6

时间: 2024-10-09 22:52:53

iOS7_控件特点的相关文章

在DataGridView控件中实现冻结列分界线

我们在使用Office Excel的时候,有很多时候需要冻结行或者列.这时,Excel会在冻结的行列和非冻结的区域之间绘制上一条明显的黑线.如下图: (图1) WinForm下的DataGridView控件也能实现类似的冻结行或者列的功能(参见:http://msdn.microsoft.com/zh-cn/library/28e9w2e1(VS.85).aspx) ,但是呢,DataGridView控件默认不会在冻结列或者行的分界处绘制一个明显的分界线,这样的话,最终用户很难注意到当前有列或者

摆脱Login控件,自己定义登录操作

protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { //在登录过程中,程序自动使用login.aspx进行拦截 //验证用户通过后,自动返回拦截的位置 if (Membership.ValidateUser(this.TextBox1.Text, this.TextBox2.Text)) { this.Session["xh"] = this.TextBox1.Text; FormsAuth

python selenium 处理时间日期控件(十五)

测试过程中经常遇到时间控件,需要我们来选择日期,一般处理时间控件通过层级定位来操作或者通过调用js来实现. 1.首先我们看一下如何通过层级定位来操作时间控件. 通过示例图可以看到,日期控件是无法输入日期,点击后弹出日期列表供我们选择日期,自己找了一个日期控制演示一下,通过两次定位,选择了日期 #-*- coding:utf-8 -*- import time from selenium import webdriver driver = webdriver.Chrome() driver.get

Delphi XE10 dxLayoutControl 控件应用指南

http://www.cnblogs.com/Bonny.Wong/p/7440288.html DevExpress VCL套件是一套非常强大的界面控件,可惜关于Delphi开发方面的说明太少,有些控件使用起来一头雾水,不知从何下手.本节详细介绍在Delphi Xe10 Seattle中如何利用dxLayoutControl 控件来做界面布局. 1.  首先从工具箱面板中将dxLayoutControl放在Form上,设置2个关键属性如下: 属性 属性值 说明 Align alClient 一

Android自己定义控件之轮播图控件

背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个控件,不必每次反复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还须要在以下加一个指示器来标示滑动到了第几张轮播图.指示器我们能够用一个线性布局来依据要展示的轮播图设置显示的View,我们要做这种一个控件没

[ ObjectListView ] - ListView的增强控件 - 前言 (翻译)

********************************************************************************** 原  标 题: A Much Easier to Use ListView 原文地址: https://www.codeproject.com/Articles/16009/A-Much-Easier-to-Use-ListView 翻       译: 于国栋 http://www.shannon.net.cn *********

MFC 加入背景图片并让控件背景透明

/*加入背景图片*/ BOOL CTOOLDlg::OnEraseBkgnd(CDC* pDC) { // TODO: 在此加入消息处理程序代码和/或调用默认值 CDialog::OnEraseBkgnd(pDC); HBITMAP   m_hBitmap; HDC           m_hBkDC; m_hBitmap   =   ::LoadBitmap(::GetModuleHandle(NULL),MAKEINTRESOURCE(IDB_BITMAP2)); m_hBkDC     =

[转] 基于C#的波形显示控件的实现

转自 基于C#的波形显示控件的实现[附完整源码下载] 编者记: 09年暑假正好在学院实验室呆了一段时间,做了个完整的上位机软件(具体实现:根据下位机的指令,实现通过串口来操纵下位机进行实验,并将采集的数据进行处理和保存,并以图形的方式显示),整个项目边学C# WinForm边设计,这个波形显示控件就是项目中的一部分,也花了自己绝大多数时间.此外,顺便将该波形显示控件当作自己毕业设计的内容,下文实际上是节选自自己的本科毕业论文,希望对大家能有所帮助.代码以及文章有疏漏.错误.不妥之处在所难免,欢迎

ASP.NET页面生命周期与控件生命周期

ASP.NET页面生命周期 (1)PreInit 预初始化(2)Init 初始化(3)InitComplete 初始化完成(4)PreLoad 预加载(5)Load 加载(6)LoadComplete 加载完成(7)PreRender 预输出(8)PreRenderComplete 预输出完成(9)Unload 卸载 ASP.NET控件生命周期 -- 实例化(Instantiate) 控件被页面或另一个控件通过调用它的构造器所实例化.这个步骤之后所列出的阶段,仅当控件加入控件树中才会发生. --