iOS10 UI教程视图的几何形状

iOS10 UI教程视图的几何形状

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

  • CGPoint:它表示一个二维坐标系中的点,由x和y两个属性进行定义。
  • CGSize:它表示一个矩形的尺寸,由width和height两个进行定义。
  • CGRect:它表示一个矩形的位置和大小,由origin和size两个属性进行定义。

注意:初始化这些结构类型所需要的代码非常简单,而且有很多功能都是通过Apple提供的,使用这些结构类型可以简化开发者的工作。

【示例1-3:ViewGeometry】以下将创建一个空白视图,并且在其中会使用到CGRect、CGSize和CGPoint的实例。代码如下:

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)                                                  //实例化一个CGPoint对象

        let size=CGSize(width: 240.0, height: 128.0)                                 //实例化一个CGSize对象

        let rect=CGRect(origin: point, size: size)                                       //实例化一个CGRect对象

        let newView=UIView(frame: rect)

        self.view.addSubview(newView)

        newView.backgroundColor=UIColor.red

    }

……

}

  

此时运行程序,会看到如图1.8所示的效果。

 

图1.8  运行效果

相关阅读:iOS10 UI教程禁用视图与用户的交互

时间: 2024-10-09 21:25:16

iOS10 UI教程视图的几何形状的相关文章

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

iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围)以外部分的可见性.其语法形式如下: var clipsToBounds: Bool { get set } 其中,将此属性设置为true,视图将掩盖它的子视图,防止这些子视图被显示在边界之外,如图1.17所示.   图1.17  可见性 [示例1-8:clipsToBounds]以下将使用clips

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

iOS10 UI教程子视图和父视图UI层次结构和Views继承 iOS10 UI教程子视图和父视图UI层次结构和Views继承,本节将讲解与UI层次结构和Views继承相关的内容,其中包括子视图和父视图.管理层次结构.视图和子视图的可见性.层次结构的事件等内容. 子视图和父视图 每一个UIView(或者是子类)的实例都可以与其它的视图使用父-子关系的方式进行连接.其中父视图被称为superview(超视图),孩子视图被称为subviews(子视图).一个视图可以有且仅有一个父视图,但是可以有多个

iOS10 UI教程层次结构的事件

iOS10 UI教程层次结构的事件 iOS10 UI教程层次结构的事件,层次结构中存在7个事件,对于这些事件的介绍如表1-3所示.通过这些事件,可以监听视图,当视图在层次结构上发生变化时可以被拦截,也可以通过父视图或子视图进行管理. 表1-3  层次结构的事件 事件 功能 didAddSubview(_:) 当加入视图完成后调用 willRemoveSubview(_:) 在删除视图之前调用 willMove(toSuperview:) 当移动视图之前调用 didMoveToSuperview(

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

iOS10 UI教程禁用视图与用户的交互 在上文中我们提到了使用isHidden属性和alpha属性可以使视图与用户的交互被禁用,除此之外此功能还可以使用UIView的isUserInteractionEnabled属性实现,其语法形式如下: var isUserInteractionEnabled: Bool { get set } 此属性可以接收一个布尔值,当接收的布尔值为false时,视图与用户的交互就会被禁用. [示例1-2:isUserInteractionEnabled]以下将禁用文

黑马程序员:赶紧下载iOS10开发教程第二弹

虽然6月13日WWDC2016的发布会结束了,但是本届大会的开发者session环节还在持续进行着.黑马程序员本着对技术的狂热,对学生负责的态度,仍然坚持每天对课程进行深入的研发.本文主要是黑马程序员对iOS 10 中SDK所更新的主要内容进行总结.根据黑马程序员惯例,在文章的最后,有相关相关教学视频及Demo会有分享链接,供各位下载! 1.Grand Center Dispatch GCD 在本次一更新主要有以下内容: ?创建私有队列 ?安排异步执行的工作项目(items) ?GCD能自动将工

OpenCV中几何形状识别与测量

经常看到有学习OpenCV不久的人提问,如何识别一些简单的几何形状与它们的颜色,其实通过OpenCV的轮廓发现与几何分析相关的函数,只需不到100行的代码就可以很好的实现这些简单几何形状识别与对象测量相关操作.本文就会演示给大家如何通过OpenCV 轮廓发现与几何分析相关函数实现如下功能: 几何形状识别(识别三角形.四边形/矩形.多边形.圆) 计算几何形状面积与周长.中心位置 提取几何形状的颜色 在具体代码实现与程序演示之前,我们先要搞清楚一些概念. 一:基本概念与函数介绍 1. 轮廓(cont

Android仿微信UI布局视图(圆角布局的实现)

圆角按钮,或布局可以在xml文件中实现,但也可以使用图片直接达到所需的效果,以前版本的微信就使用了这种方法. 实现效果图:    不得不说,这种做法还是比较方便的. 源代码: MainActivity(没写任何代码,效果全在布局文件中实现): package com.android_settings; import android.app.Activity; import android.os.Bundle; public class MainActivity extends Activity

jQuery UI 教程

jQuery UI 教程 jQuery UI 是建立在 jQuery JavaScript库上的一组用户界面交互.特效.小部件及主题.无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择.jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同.所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Wi

android自定义控件系列教程----视图的测量和布局

前面说点什么 当我们的一个视图界面绘制在android屏幕上面的时候其实都必须经过这几步measure. layout.draw这几个阶段,我们可以在view类里面看到这几个函数,然后里面有几个函数是onmeasure.onlayout.ondraw这几个函数是我们重写控件需要注意的这几个函数,下面我们就来讲讲这几个函数的功能和作用. onMeasure 正如这个函数的名子一样就是测量,所有的图示其实系统在绘制之前都不知道它到底有多大的,所以在很多时候我们在初始化界面oncreate的时候直接去