IOS重力感应

iPhone和iPad设备有4个方向的状态,我们可以针对应用当前所处的方向调整界面。

为了使应用支持不同的方向,首先我们需要在项目设置中设置设备支持的方向(也可以在项目的plist中设置)

Portrait  竖放,home键在屏幕下方

Upside Down  竖放,home键在屏幕上方

Landscape Left  横放,home键在屏幕左方

Landscape Right  横放,home键在屏幕右方

 

我们在StoryBoard中拖入一个新的ViewController,绑定好它的File's Owner,然后放入6个UIView,设置好不同的背景色

 

程序运行后,我们在旋转模拟器,发现在竖屏和横屏状态下,界面显示如下

     

 

显然横屏状态下这样的显示是不适合的,为了得到合适的显示效果,我们需要在ViewController中写一些代码。

首先我们先看一下在ViewController中和重力感应相关的一些函数

- (BOOL)shouldAutorotate  

此函数返回YES表示此视图控制器支持重力感应,返回NO表示此视图控制器不支持重力感应

 

- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation  

此函数设置视图控制器加载后最先显示的方向,UIInterfaceOrientation是一个结构体,支持的取值如下

UIInterfaceOrientationPortrait

UIInterfaceOrientationPortraitUpsideDown

UIInterfaceOrientationLandscapeLeft

UIInterfaceOrientationLandscapeRight

 

- (NSUInteger)supportedInterfaceOrientations

此函数设置视图控制器支持的方向(需要shouldAutorotate返回YES),支持的取值如下

UIInterfaceOrientationMaskPortrait

UIInterfaceOrientationMaskLandscapeLeft

UIInterfaceOrientationMaskLandscapeRight

UIInterfaceOrientationMaskPortraitUpsideDown

UIInterfaceOrientationMaskLandscape

UIInterfaceOrientationMaskAll = (UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscapeLeft | UIInterfaceOrientationMaskLandscapeRight | UIInterfaceOrientationMaskPortraitUpsideDown)

UIInterfaceOrientationMaskAllButUpsideDown 

 

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration 

用户界面即将旋转时触发此函数,toInterfaceOrientation表示即将到达的方向

 

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation

用户界面旋转结束时触发此函数,fromInterfaceOrientation表示旋转前的方向

 

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration

用户界面旋转过程中触发此函数,一般在此函数中定制翻转后控件的位置和大小

 

所以在上面那个实例中我们先将6个UIVIew控件连结到视图控制器中,然后在willAnimateRotationToInterfaceOrientation:duration:中修改旋转后的界面

 

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) {self.view1.frame = CGRectMake(50, 20, 110, 130);self.view2.frame = CGRectMake(225, 20, 110, 130);self.view3.frame = CGRectMake(400, 20, 110, 130);self.view4.frame = CGRectMake(50, 180, 110, 130);self.view5.frame = CGRectMake(225, 180, 110, 130);self.view6.frame = CGRectMake(400, 180, 110, 130);}
}

 

上面代码在旋转到横屏时修改view控件的位置,因为我们strobyboard中默认布局了竖直状态下的界面,所以在代码中不需要重新布局view控件竖直状态时的位置,但是如果我们是用编码方式放置的控件,那么需要在上面代码中添加一个else,设置竖屏后的界面。

    

转载于:https://www.cnblogs.com/zanglitao/p/4051706.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/406936.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

理解CSS3 max/min-content及fit-content等width值

1. CSS2.1的尺寸体系 在CSS2.1的世界中,常见的尺寸分为这几类: 2.1 充分利用可用空间。例如,一些div元素默认宽度100%父元素,这种充分利用可用空间的行为就称为“fill-available”。 2.2 收缩与包裹。典型代表就是浮动&#xf…

Vue中实现数据列表无缝轮播

实现效果: 链接 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>vue.js动态文字滚动公告代码</title><script src"https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js">…

接触VC之四:COM组件模型基础

From: http://daimajishu.iteye.com/blog/1081292 一年又一年&#xff0c;已经又过了一年了。我VC的生涯已经两岁了。可以相当地庆贺一下哟。回顾这一年的学习(唉&#xff0c;还没有工作实践呢。这年头&#xff0c;工作不好找哇。),还学了不少的好东西。其中&#xff0c;最重要…

word-break:break-all和word-wrap:break-word的区别

1. CSS的学习&#xff0c;就我个人看来&#xff0c;是有别于JavaScript这张传统程序语言的学习的。本身属性就多&#xff0c;值也多&#xff0c;不同属性在一起表现也不一样&#xff0c;不同属性和不同类型的HTML标签在一起又不一样&#xff0c;再加上兼容性差异和未定义行为。…

2009年上半年网络工程师考试下午试卷参考答案(二)

试题四&#xff08;共15分&#xff09;阅读以下说明&#xff0c;回答问题1至问题4&#xff0c;将解答填入答题纸对应的解答栏内。【说明】某公司总部和分支机构的网络配置如图4-1所示。在路由器R1和R2上配置IPSec安全策略&#xff0c;实现分支机构和总部的安全通信。图4-1【问题…

CSS深入理解vertical-align和line-height的基友关系

1. vertical-align 众所周知&#xff0c;vertical-align支持很多属性值&#xff0c;足足可以组成一个足球队了&#xff1a; 其中&#xff0c;有个属性值暴露了vertical-align和line-height之间的基友关系&#xff0c;大家猜猜看是哪个属性值&#xff1f;哇塞&#xff0c;好厉害…

解决html2canvas截取页面部分div黑屏问题

当截取页面的部分div时出现上述问题 原因&#xff1a; 当转存图片格式为jpeg时截取整个页面(document.body)没有问题&#xff0c;但截取部分div会有黑屏 将jpeg改为png时图片可正常显示。

window.print() 前端实现网页打印详解

前言 print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容&#xff0c;我们可以在MDN上查看到相关的简单介绍。 一、print()方法 print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框&#xff0c;让用户可以设置打印请求。最简单的打…

android- Auto Monitor Logcat

启动模拟器的时候弹出窗体&#xff1a; 它实在询问你是否显示logcat视图以便显示此工作空间中的程序信息。 因为如何程序错误&#xff0c;可以从logcat中看到错误的原因&#xff0c;建议选择yes。 单击确定&#xff0c;你会发现多了一个Logcat窗体。转载于:https://www.cnblogs…

C#2.0泛型

泛型是什么 一种类型占位符&#xff0c;或称之为类型参数。我们知道在一个方法中&#xff0c;一个变量的值可以作为参数&#xff0c;但其实这个变量的类型本身也可以作为参数。泛型允许我们在调用的时候再指定这个类型参数是什么。在.net中&#xff0c;泛型能够给我们带来的两…

css行高line-height的一些深入理解及应用

1. 一些字面意思 “行高”是指两行文字间基线之间的距离。基线是在英文字母中用到的一个概念&#xff0c;我们刚学英语的时使用的那个英语本子每行有四条线&#xff0c;其中底部第二条线就是基线&#xff0c;是a,c,z,x等字母的底边线。下图的红色线即为基线 2. line-height与l…

echarts使用大总结

echarts图表x轴数据太多显示不全的问题 问题如图&#xff0c;x轴数据条数过多可能导致x轴显示不全&#xff0c;开始我使用下面方法 xAxis: {type: "category",min: min,max: max,data:time,axisLabel: {interval:num,//interval为x轴两相邻数据之间所包含数据条数&a…

我对CSS vertical-align的一些理解与认识(一)

1. vertical-align一大堆乱七八糟的属性 有句俗语叫做“见多不怪”&#xff0c;我估摸着这些top,bottom属性大家都见过&#xff0c;没啥看头&#xff0c;没啥说头。老实讲&#xff0c;我看到这些养臭虫的属性也头疼&#xff0c;所以&#xff0c;忘了他们&#xff0c;我们说点有…

我对CSS vertical-align的一些理解与认识(二)

1. 我对不同浏览器解析vertical-align属性的理解 在上集中&#xff0c;在最后提供的实例中&#xff0c;vertical-align:middle实际上应该是与后面的文字是独立的&#xff0c;毫无关联&#xff0c;就是说vertical-align无论是什么&#xff0c;都不影响文字在box中的位置&#x…