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教程视图的边界与视图的框架的更多相关文章

  1. iOS10 UI教程视图和子视图的可见性

    iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围) ...

  2. iOS10 UI教程视图的中心位置

    iOS10 UI教程视图的中心位置 center表示的是视图的中心位置属性,这个属性在相对的UI层次结构上工作,和frame类似.center属性是一个在父视图上定义视图的位置的简便方法.center ...

  3. iOS10 UI教程基改变视图的外观与视图的可见性

    iOS10 UI教程基改变视图的外观与视图的可见性 视图是应用程序的界面,是用户在屏幕上看到的对象.用户可以通过触摸视图上的对象与应用程序进行交互,所以视图界面的优劣会直接影响到了客户体验的好坏.和视 ...

  4. iOS10 UI教程视图的生命周期

    iOS10 UI教程视图的生命周期 说到视图的生命周期一般都是指视图控制器的视图生命周期.在视图的声明周期中最主要的有8个方法,分别为loadView().viewDidLoad().viewWill ...

  5. iOS10 UI教程视图的绘制与视图控制器和视图

    iOS10 UI教程视图的绘制与视图控制器和视图 iOS10 UI视图的绘制 iOS10 UI教程视图的绘制与视图控制器和视图,在iOS中,有很多的绘图应用.这些应用大多是在UIView上进行绘制的. ...

  6. iOS10 UI教程视图调试

    iOS10 UI教程视图调试 iOS10 UI教程视图调试,当视图很复杂的时候,层次结构就不会很简单了.Xcode可以通过视图(View)调试帮助开发者解决层次结构复杂的问题.视图调试是在Xcode ...

  7. iOS10 UI教程子视图和父视图UI层次结构和Views继承

    iOS10 UI教程子视图和父视图UI层次结构和Views继承 iOS10 UI教程子视图和父视图UI层次结构和Views继承,本节将讲解与UI层次结构和Views继承相关的内容,其中包括子视图和父视 ...

  8. iOS10 UI教程视图的几何形状

    iOS10 UI教程视图的几何形状 视图属性中的一部分属性可以让定义的视图绘制在屏幕上.在讲解这些属性前,我们首先将讲解,定义视图的几何形状所涉及到的结构类型.这些结构类型如下: CGPoint:它表 ...

  9. iOS10 UI教程禁用视图与用户的交互

    iOS10 UI教程禁用视图与用户的交互 在上文中我们提到了使用isHidden属性和alpha属性可以使视图与用户的交互被禁用,除此之外此功能还可以使用UIView的isUserInteractio ...

随机推荐

  1. 【python】正则中的group()

    来源:http://www.cnblogs.com/kaituorensheng/archive/2012/08/20/2648209.html 正则表达式中,group()用来提出分组截获的字符串, ...

  2. HDU 4950 Monster

    题目链接 题意:有一个怪物的血量为h,人攻击怪物,每回合可以杀掉a滴血,再回b滴血,k个回合之后人会休息一回合,即人不攻击而怪物回b滴血,问能否杀死.翻译过来就是给定一个数h,每轮可以先减a再加b,k ...

  3. php curl get post

    post有3种. 1.post方式 privatefunction send_post($url,$post_data){ $ch = curl_init($url); curl_setopt($ch ...

  4. java annotation

    import java.lang.annotation.Documented; import java.lang.annotation.ElementType; import java.lang.an ...

  5. poj1611(并查集)

    题目链接:http://poj.org/problem?id=1611 题意: SARS(非典型肺炎)传播得非常厉害,其中最有效的办法是隔离那些患病.和患病者接触的人.现在有几个学习小组,每小组有几个 ...

  6. 什么是DMI,SMBIOS,符合SMBIOS规范的计算机的系统信息获取方法

    转自:http://www.cnblogs.com/gunl/archive/2011/08/08/2130719.html DMI是英文单词Desktop Management Interface的 ...

  7. Python 的三目运算

    其他语言:php 判定条件?为真时的结果:为假时的结果 $a=88 $b=99 $res = $a>$b?$a>$b 搞笑的Python:令人意想不到的语法形式 true_value if ...

  8. 玩转SSRS第十篇---自定义代码

    提到SSRS 那么就不得不提一下自定义代码的功能,通过自定义代码,有时候可以解决一些比较复杂的问题,比如将让指定的数据行应用指定的属性值.此篇将演示如何通过简单结构的自定义代码进行报表样式的基本设计. ...

  9. 跟着鸟哥学Linux系列笔记0-如何解决问题

    跟着鸟哥学Linux系列笔记0-扫盲之概念 在发生问题怎么处理: 1.  在自己的主机.网络数据库上查询How-To或FAQ -Linux 自身的文件数据: /usr/share/doc -CLDP中 ...

  10. 配置ogg目录索引-oracle与mysql的双向同步步骤

    以下几篇文章描述了利用ogg对oracle与mysql进行双向同步的配置过程以及注意事项,欢迎参考. 配置ogg异构oracle-mysql(1)基础环境配置 http://www.cnblogs.c ...