iOS开发7:自动旋转与调整大小

iOS开发7:自动旋转与调整大小,第1张

概述苹果的产品iPad和iPhone都是支持自动旋转的,因而我们写的程序也要支持两种视图:纵向和横向。 默认情况下,我们写的程序都是纵向的,就像前边的几个例子中那样。如果运行以前写的程序,当把模拟器旋转,你会发现很不友好,有的控件看不见了。这个时候,自动旋转就显得很有必要了。 1、我们先不谈如何实现自动旋转,先讲讲如何让程序知道它支持哪几种旋转。 运行Xcode 4.2,新建一个Single View

苹果的产品iPad和iPhone都是支持自动旋转的,因而我们写的程序也要支持两种视图:纵向和横向。

默认情况下,我们写的程序都是纵向的,就像前边的几个例子中那样。如果运行以前写的程序,当把模拟器旋转,你会发现很不友好,有的控件看不见了。这个时候,自动旋转就显得很有必要了。

1、我们先不谈如何实现自动旋转,先讲讲如何让程序知道它支持哪几种旋转。

运行Xcode 4.2,新建一个Single VIEw Application,程序名为RotateTest,其他设置如下图:

创建好工程后,打开的第一个页面包含如下视图:

我们可以在这里设置程序支持哪种旋转,只需选中那个按钮。从上图可以看出,默认情况下,iPhone程序不支持倒过来的旋转,因为如果视图是倒过来的,而此时突然来电话,那么会很不方便,因为页面依然是倒过来的。但是,如果你创建了一个iPad程序,你回发现上图四个按钮都是选中的,即iPad程序默认支持所有旋转。

注意,如果为程序创建了多个VIEw Controller,那么每个VIEw Controller都要可以设置所支持的旋转,不过,新建的VIEw Controller设置的值必须是主VIEw Controller的子集。

其实,我们修改上图中的按钮,实质上修改的是我们程序的pList文件,在这个工程中,是RotateTest-Info.pList文件,如下图,展开这个文件,最下面显示的就是所支持的旋转:

上面是设置支持选中的一种方法。我们也可以在代码中设定所支持的旋转。打开VIEwController.m,找到shouldautorotatetoInterfaceOrIEntation方法,完整代码如下:

- (BOol)shouldautorotatetoInterfaceOrIEntation:(UIInterfaceOrIEntation)interfaceOrIEntation{    // Return YES for supported orIEntations    return (interfaceOrIEntation != UIInterfaceOrIEntationPortraitUpsIDeDown);}

上面的代码表明,不支持倒转(UIInterfaceOrIEntationPortraitUpsIDeDown)。

iOS中定义了四个表示方向的变量:

UIInterfaceOrIEntationPortraitUIInterfaceOrIEntationPortraitUpsIDeDownUIInterfaceOrIEntationLandscapeleftUIInterfaceOrIEntationLandscapeRight

如果iOS设置旋转了,程序就会调用这个方向,如果返回YES就旋转视图,否则的话就不旋转。如果你建立了一个iPad程序,这个方法就是简单的返回YES。

2、既然我们已经让程序知道支持什么旋转了,下面讲讲如何实现。

在iOS中有三种方法可以实现自动旋转。

(1)最简单的方法就是利用Xcode中的Size Inpector:

(2)在VIEw所对应的VIEwController.m中重写willAnimateRotationToInterfaceOrIEntation方法,在这个方法中重新设置控件的大小与位置。

(3)再新建一个视图,这样,我们有两个视图了,一个纵向,一个横向。在这两个视图上设计好了之后,当旋转时根据旋转方向,调用相应的视图。

3、以下是这三个方法的简单使用。

3.1 使用Size Inpector实现自动旋转:

① 单击VIEwController.xib,在打开的视图区域拖放两个button在上面,分别命名为“按钮上”和“按钮下”,页面布局如下图:

图中两个按钮在水平方向上是居中放置的。

② 运行程序,并将模拟器旋转,对比一下旋转前后的效果:

旋转之后,“按钮下”不见了。不过,“按钮上”的坐标和大小其实是没变的。

我现在想实现旋转之后两个按钮还是水平方向居中,并且还是一个在顶端、一个在底端。为实现这个,我要做以下工作:

③ 在VIEw中选中“按钮上”,打开Size Inspector,把左边的红实线改成虚线:

④ 在VIEw中选中“按钮下”,打开Size Inspector,把左边和上边的红实线改成虚线,下边的红虚线改成实线:

外围的红实线表示距离不变,例如上图右中下方的红实线就表示对应的控件与下方的距离不变,而其他方向会自动调整。现在运行一下并旋转模拟器,看看效果:

3.2 重写willAnimateRotationToInterfaceOrIEntation方法,重新设置控件的大小与位置

① 首先先给这两个按钮添加Outlet映射到VIEwController.h,名称分别是button_1和button_2:

② 在VIEwController.m中的@end之前添加以下代码:

- (voID)willAnimateRotationToInterfaceOrIEntation:(UIInterfaceOrIEntation)toInterfaceOrIEntation duration:(NSTimeInterval) duration {    if (UIInterfaceOrIEntationIsPortrait(toInterfaceOrIEntation)) {        button_1.frame = CGRectMake(124,20,72,37);        button_2.frame = CGRectMake(124,403,37);    } else {        button_1.frame = CGRectMake(20,131,37);        button_2.frame = CGRectMake(388,37);    }}

③ 运行,看看效果:

3.3 创建新视图,旋转时切换视图:

① 我们先创建原始视图的副本,但是还是在原来的VIEwController中。单击VIEwController.xib,打开IB,在左边的三个图标中选中VIEw图标,如果用的是Mac Book,那么按住Control键,如果是虚拟机,请按住Alt键。按住后按住鼠标左键,往下拖,鼠标会变成绿色的加号。注意新视图跟原始图是并列的,所以你要往正确的方向拖,然后松开鼠标,这样就创建了原来视图的副本:

② 调整新视图为横向(Landscape):

选中新视图,打开Attribute Inspector,在OrIEntation中选择Landscape:

③ 调整新视图中的按钮的位置,你可以按照自己的喜好设置,这里设置成如下所示:

④ 下面,我们为这两个VIEw建立Outlet映射,注意是VIEw,而不是VIEw上的控件。建立映射的方法都是一样,两个名称分别是portrait和landscape:

⑤ 单击VIEwController.m,在@implementation那行代码的下一行添加以下语句:

#define degreesToradians(x) (M_PI*(x)/180.0)

⑥ 修改willAnimateRotationToInterfaceOrIEntation方法,如下:

- (voID)willAnimateRotationToInterfaceOrIEntation:(UIInterfaceOrIEntation)toInterfaceOrIEntation duration:(NSTimeInterval)duration {    if (toInterfaceOrIEntation == UIInterfaceOrIEntationPortrait) {        self.vIEw = self.portrait;        self.vIEw.transform = CGAffinetransformIDentity;        self.vIEw.transform = CGAffinetransformMakeRotation(degreesToradians(0));        self.vIEw.bounds = CGRectMake(0.0,0.0,320.0,460.0);    } else if(toInterfaceOrIEntation == UIInterfaceOrIEntationLandscapeleft) {        self.vIEw = self.landscape;        self.vIEw.transform = CGAffinetransformIDentity;        self.vIEw.transform = CGAffinetransformMakeRotation(degreesToradians(-90));        self.vIEw.bounds = CGRectMake(0.0,480.0,300.0);    } else if(toInterfaceOrIEntation == UIInterfaceOrIEntationLandscapeRight) {        self.vIEw = self.landscape;        self.vIEw.transform = CGAffinetransformIDentity;        self.vIEw.transform = CGAffinetransformMakeRotation(degreesToradians(90));        self.vIEw.bounds = CGRectMake(0.0,300.0);    }}

⑦ 运行,查看效果:

4、小结

这次讲了实现自动旋转调整大小的三种方法,第一种只要点点鼠标,很简单,但不适合复杂的视图;第二种要重新设置控件的大小和位置,代码量会比较大;第三种是创建两种视图,旋转时调用不同的视图,比较适合复杂的视图。

总结

以上是内存溢出为你收集整理的iOS开发7:自动旋转与调整大小全部内容,希望文章能够帮你解决iOS开发7:自动旋转与调整大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1092290.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存