UIView

2025年3月17日 | 阅读 3 分钟

UIView可以定义为一个对象，通过该对象，我们可以在屏幕上创建和管理矩形区域。我们可以在一个视图中包含任意数量的视图，以创建UIViews的层次结构。

UIView通过继承UIKit的UIView类中定义的方法和属性进行管理。UIView的声明如下所示。

class UIView : UIKit

视图是iOS应用程序开发的基础，这就是为什么UIView是对象库中使用最多的对象之一。视图是iOS应用程序的基本构建块，它在其边界矩形内呈现内容，并处理与内容的任何交互。

UIViews是iOS应用程序与用户的基本连接点。iOS应用程序中的视图执行几个活动。

绘图和动画
- 通过使用视图，我们可以绘制到屏幕的矩形区域中。
布局和子视图管理
- 我们可以在UIView中嵌入一个或多个子视图。可以通过管理父视图的外观来管理子视图的外观。
- 我们可以定义自动布局规则来管理不同iOS设备上视图层次结构的大小和位置。
事件处理
- 视图可以响应触摸和其他类型的事件，因为它属于UIResponder的子类。
- 我们可以为uiview添加手势识别器，例如UITapGestureRecognizer。

创建UIView

可以通过实例化UIView类以编程方式创建视图。我们可以在UIView构造函数中传递frame对象。在iOS应用程序开发中，有很多对象，如标签、文本字段等，它们直接继承UIView类以使用公共属性和方法。

let rect = CGRect(x: 10, y: 10, width: 100, height: 100)
let myView = UIView(frame: rect)

示例 1

在本例中，我们将以编程方式创建两个UIViews并同时设置它们的属性。

ViewController.swift

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let frame1 = CGRect(x: 100, y: 100, width: 200, height: 200)
        let myView1 = UIView(frame: frame1)
        myView1.layer.shadowColor = UIColor.black.cgColor
        myView1.layer.borderColor = UIColor.black.cgColor
        myView1.layer.borderWidth = 2
        myView1.layer.cornerRadius = 5
        myView1.layer.shadowRadius = 2
    
        let frame2 = CGRect(x:100, y:400, width: 200, height: 200)
        let myView2 = UIView(frame: frame2)
        myView2.layer.shadowColor = UIColor.blue.cgColor
        myView2.layer.borderColor = UIColor.blue.cgColor
        myView2.layer.borderWidth = 2
        myView2.layer.cornerRadius = 5
        myView2.layer.shadowRadius = 2
        
        myView2.backgroundColor = .green
        myView1.backgroundColor = .red
        view.addSubview(myView1)
        view.addSubview(myView2)
    }
}

示例 2

在本例中，我们将在iOS应用程序上模拟网页的结构。在这种类型的iOS应用程序中，我们需要显示单独的自定义项，我们将在iOS应用程序中使用UIViews。

界面构建器

下图显示了在项目中开发的界面构建器（main.storyboard）。窗口左侧的窗格显示了项目中使用的视图和标签的层次结构。

ViewController.swift

在ViewController文件中，我们将添加标签的行为，以便我们可以更改与标签关联的UIView的外观。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var headerView: UIView!
    
    @IBOutlet weak var bodyView: UIView!
    
    @IBOutlet weak var footerView: UIView!
    
    @IBOutlet weak var headerLbl: UILabel!
    
    @IBOutlet weak var bodyLbl: UILabel!
    
    @IBOutlet weak var footerLbl: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        let headerTapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(headerLblTapped))
        headerLbl.isUserInteractionEnabled = true
        headerLbl.addGestureRecognizer(headerTapGestureRecognizer)
        
        let bodyTapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(bodyLblTapped))
        bodyLbl.isUserInteractionEnabled = true
        bodyLbl.addGestureRecognizer(bodyTapGestureRecognizer)
        
        
        let footerTapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(footerLblTapped))
        footerLb
		l.isUserInteractionEnabled = true
        footerLbl.addGestureRecognizer(footerTapGestureRecognizer)
    }
    
    @objc func headerLblTapped(){
        headerView.backgroundColor = .orange
    }
    
    @objc func bodyLblTapped(){
        bodyView.backgroundColor = .green
        
    }
    
    @objc func footerLblTapped(){
        footerView.backgroundColor = .orange
    }
}

输出