iOS10 UI教程视图的边界与视图的框架
iOS10 UI教程视图的边界与视图的框架
iOS10 UI视图的边界
在视图的几何形状中我们提到了视图属性中的一部分属性可以将定义的视图绘制在屏幕上。其中典型的3个属性为边界属性、框架属性以及中心位置属性。
bounds表示的就是边界属性,它是一个CGRect属性。它定义了该视图本身内部的坐标系统中的位置(origin)和大小(size)。在大多数情况下bounds中的origin属性为(x: 0, y: 0),size属性为视图的大小。在使用bounds时,我们不可以确定视图是如何绘制在UI层次结构中的。
iOS10 UI视图的框架
frame表示的就是框架属性,定义了视图图如何放置层次结构中。frame是一个CGRect属性,它类型与bounds属性,但是frame的origin属性决定了视图如何放置它的父视图中。
注意:bounds属性和frame属性类似,但有所不同,bounds指的是该视图本身内部的坐标系统中的位置和大小。参照点是本身的坐标系统,即为绝对坐标,而frame指的是该视图在设计界面坐标系统中的位置和大小。参照点是设计界面,即为相对坐标。
【示例1-4:Frame】以下我们将使用代码说明frame和bounds的不同。具体的操作步骤如下:
(1)打开ViewController.swift文件,编写代码,实现在屏幕上显示一个红色的空白视图,并且分别输出bounds和frame的位置和大小。代码如下:
import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. let point=CGPoint(x: 67.0, y: 217.0) let size=CGSize(width: 240.0, height: 128.0) let rect=CGRect(origin: point, size: size) let newView=UIView(frame: rect) self.view.addSubview(newView) newView.backgroundColor=UIColor.red //输出bounds的位置 print("bounds.origin.x:\(newView.bounds.origin.x)") print("bounds.origin.y:\(newView.bounds.origin.y)") //输出bounds的大小 print("bounds.size.width:\(newView.bounds.size.width)") print("bounds.size.height:\(newView.bounds.size.height)") //输出frame的位置和大小 print("frame.origin.x:\(newView.frame.origin.x)") print("frame.origin.y:\(newView.frame.origin.y)") print("frame.size.width:\(newView.frame.size.width)") print("frame.size.height:\(newView.frame.size.height)") } …… }
此时运行程序,会看到如图1.9所示的效果
图1.9 运行效果 图1.10 运行效果
此时会在应用程序输出窗口输出如下内容:
//bounds的位置和大小 bounds.origin.x:0.0 bounds.origin.y:0.0 bounds.size.width:240.0 bounds.size.height:128.0 //frame的位置和大小 frame.origin.x:67.0 frame.origin.y:217.0 frame.size.width:240.0 frame.size.height:128.0
注意:在以上这些情况中,frame和bounds的size是相同的,但是origin是不同的。
(2)修改vViewController.swift文件中的viewDidLoad()方法中的代码,实现空白视图的旋转,旋转后再分别输出bounds和frame的位置和大小。代码如下:
override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. let point=CGPoint(x: 67.0, y: 217.0) let size=CGSize(width: 240.0, height: 128.0) let rect=CGRect(origin: point, size: size) let newView=UIView(frame: rect) self.view.addSubview(newView) newView.backgroundColor=UIColor.red newView.transform=CGAffineTransform(rotationAngle: 45) //旋转 print("bounds.origin.x:\(newView.bounds.origin.x)") …… }
此时运行程序,会看到如图1.10所示的效果。在应用程序输出窗口输出以下内容:
//bounds的位置和大小 bounds.origin.x:0.0 bounds.origin.y:0.0 bounds.size.width:240.0 bounds.size.height:128.0 //frame的位置和大小 frame.origin.x:69.5035357716888 frame.origin.y:145.270969771571 frame.size.width:234.992928456622 frame.size.height:271.458060456858
注意:在旋转视图后,bounds的位置和大小和在没有旋转视图之前是一样的。frame发生了变化,为了容纳旋转后的视图,尺寸会自动进行调整。
iOS10 UI教程视图的边界与视图的框架
相关阅读:iOS10 UI教程视图的几何形状
iOS10 UI教程视图的边界与视图的框架的更多相关文章
- iOS10 UI教程视图和子视图的可见性
iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围) ...
- iOS10 UI教程视图的中心位置
iOS10 UI教程视图的中心位置 center表示的是视图的中心位置属性,这个属性在相对的UI层次结构上工作,和frame类似.center属性是一个在父视图上定义视图的位置的简便方法.center ...
- iOS10 UI教程基改变视图的外观与视图的可见性
iOS10 UI教程基改变视图的外观与视图的可见性 视图是应用程序的界面,是用户在屏幕上看到的对象.用户可以通过触摸视图上的对象与应用程序进行交互,所以视图界面的优劣会直接影响到了客户体验的好坏.和视 ...
- iOS10 UI教程视图的生命周期
iOS10 UI教程视图的生命周期 说到视图的生命周期一般都是指视图控制器的视图生命周期.在视图的声明周期中最主要的有8个方法,分别为loadView().viewDidLoad().viewWill ...
- iOS10 UI教程视图的绘制与视图控制器和视图
iOS10 UI教程视图的绘制与视图控制器和视图 iOS10 UI视图的绘制 iOS10 UI教程视图的绘制与视图控制器和视图,在iOS中,有很多的绘图应用.这些应用大多是在UIView上进行绘制的. ...
- iOS10 UI教程视图调试
iOS10 UI教程视图调试 iOS10 UI教程视图调试,当视图很复杂的时候,层次结构就不会很简单了.Xcode可以通过视图(View)调试帮助开发者解决层次结构复杂的问题.视图调试是在Xcode ...
- iOS10 UI教程子视图和父视图UI层次结构和Views继承
iOS10 UI教程子视图和父视图UI层次结构和Views继承 iOS10 UI教程子视图和父视图UI层次结构和Views继承,本节将讲解与UI层次结构和Views继承相关的内容,其中包括子视图和父视 ...
- iOS10 UI教程视图的几何形状
iOS10 UI教程视图的几何形状 视图属性中的一部分属性可以让定义的视图绘制在屏幕上.在讲解这些属性前,我们首先将讲解,定义视图的几何形状所涉及到的结构类型.这些结构类型如下: CGPoint:它表 ...
- iOS10 UI教程禁用视图与用户的交互
iOS10 UI教程禁用视图与用户的交互 在上文中我们提到了使用isHidden属性和alpha属性可以使视图与用户的交互被禁用,除此之外此功能还可以使用UIView的isUserInteractio ...
随机推荐
- HDU 5995 Kblack loves flag ---BestCoder Round #90
题目链接 用两个布尔数组分别维护每个行/列是否被插过旗帜,最后枚举每一行.列统计答案即可.空间复杂度O(n+m),时间复杂度O(n+m+k). #include <cstdio> #inc ...
- 无限轮播的N+2 策略
N张照片把contentsSize设置为N+2个图片的宽度,例子如下,两端填充如图,当处于一端时,且即将进入循环状态的时候,如第二张图,从状态1滑动到状态2,在滑动结束的时候,将当前的位置直接转到状态 ...
- IOS- 自定义 UIButton
#pragma mark init方法内部默认会调用initWithFrame: - (id)initWithFrame:(CGRect)frame { self = [super initWithF ...
- jQuery与JS的区别,以及jQuery的基础语法
*在使用jQuery时,要在页面最上端加上 <script src="../jquery-1.11.2.min.js"></script> 看一下js与jQ ...
- October 11th 2016 Week 42nd Tuesday
A friend is one who knows you and loves you just the same. 朋友就是懂你并爱你的人. Leave nothing for tomorrow w ...
- grep(Global Regular Expression Print)
.grep -iwr --color 'hellp' /home/weblogic/demo 或者 grep -iw --color 'hellp' /home/weblogic/demo/* (-i ...
- eclipse maven tomcat7 热部署
.配置tomcat a.配置jdk b.CATALINA_HOME=c:\tomcat CATALINA_BASE=c:\tomcat .tomcat配置密码 C:\Program Files\oth ...
- nyoj744(位运算)
题目:http://acm.nyist.net/JudgeOnline/problem.php?pid=744 思路:a^b可以得到a~b间任意两个数异或运算的长度的最大值,设为n,答案为:pow(2 ...
- NYOJ926(概率)
题目链接:http://acm.nyist.net/JudgeOnline/problem.php?pid=926 设最终A获胜的概率为P,则B获胜的概率为1-P: 因此我们只需要考虑A获胜的概率即可 ...
- Quartus 11.0 的AS 下载方式和JTAG下载jic文件的方式
FPGA下载的三种方式:主动配置方式(AS)和被动配置方式(PS)和最常用的(JTAG)配置方式: AS由FPGA器件引导配置操作过程,它控制着外部存储器和初始化过程,EPCS系列.如EPCS1,EP ...