Swift - Button

Swift - Button 首页 / iOS入门教程 / Swift - Button

它是使用户能够与应用程序进行交互的控件。它用于触发用户执行的事件。它根据用户交互执行自定义代码。

class UIButton : UIControl

让无涯教程创建一个非常简单的例子,其中无涯教程将为无涯教程的项目添加一个按钮,并将在View Controller类文件中创建其操作方法,以便它可以在触摸事件上执行一些任务。

在此示例中,无涯教程将使用属性检查器中的属性添加到Storyboard上的按钮,并为其提供背景颜色,字体大小和标题标签。

iOS Button

按钮操作

要对按钮(Button)点击执行任何操作,无涯教程将在ViewController类文件中监听按钮对象的操作。在该项目中,按钮将更改主视图的背景色。

iOS Button

ViewController.class

import UIKit
class ViewController: UIViewController {
    @IBOutlet var mainView: UIView!
    var didTap = true
    
    override func viewDidLoad() {
        super.viewDidLoad()
       //Do any additional setup after loading the view.
    }

    @IBAction func changeBtnTapped(_ sender: Any) {
        if(didTap)
        {
            mainView.backgroundColor = .orange
            didTap = false
        }
        else{
            mainView.backgroundColor = .groupTableViewBackground
            didTap = true
        }
    }    
}

输出:

iOS Button

按钮状态

按钮的类型定义其外观和行为。无涯教程可以在Storyboard文件中或使用init方法定义按钮类型。按钮可以有两种类型:“System”和“Custom”。

按钮可以有五个状态

  • Default             -   最初将按钮添加到UIView时,它将保持默认状态,直到用户与其交互。当用户与按钮交互时,状态将更改为其他值。
  • Highlighted    -   当用户点击按钮时,它会变更为突出显示状态。
  • focused             -   当接收到用户的焦点时,按钮进入聚焦状态。
  • Selected           -   此状态不会影响按钮的行为或外观。无涯教程可以使用isSelected属性获取并设置此值。
  • Disabled          -  当无涯教程不希望用户与按钮交互时,无涯教程可能需要禁用按钮。可以使用isEnabled属性设置和获取此状态。

按钮内容

按钮的内容向用户指示按钮的行为。在iOS应用程序中,按钮可以包含背景图像或标题标签文本以指定按钮的内容。无涯教程可能需要配置UILabel和UIImageView对象来管理按钮的内容。

无涯教程可以通过使用按钮对象上的titleLabel或imageView属性来访问按钮的内容。

iOS Button

构建器属性

sn属性描述
1Type代表按钮的类型,在运行时不能更改。它只能在创建按钮时设置。通过使用buttonType属性可以访问它。
2State Config是按钮的状态选择器。它定义了按钮的状态,因此更改只能应用于该状态。
3Title它是按钮的标题。
4 Tint, font, and attribute这些属性应用于按钮标题字符串,如色调颜色,字体,文本颜色等。
5Image是按钮的前景图像。
6background是按钮的背景图像。

外观属性

sn属性描述
1 Shadow Offset它是应用于按钮标题字符串的阴影偏移量。可以在运行时通过使用按钮的titleLabel上的shadowOffset属性来设置此属性。
2Drawwing它表示按钮的绘制行为。在界面构建器中,无涯教程可以设置三个选项,即showTouchWhenHighlighted,adjustImageWhenHighlighted和AdjustImageWhenDisabled。
3Line Break这是按钮标题标签的换行模式。

边缘插入属性

sn属性描述
1Edge它是要配置的边缘插图。无涯教程可以将单独的边缘插图设置为按钮的整体内容。
2Inset它代表插入值。可以使用contentEdgeInsets,titleEdgeInsets和imageEdgeInsets属性访问这些值。

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

赵成的运维体系管理课 -〔赵成〕

深入浅出区块链 -〔陈浩〕

React实战进阶45讲 -〔王沛〕

代码精进之路 -〔范学雷〕

动态规划面试宝典 -〔卢誉声〕

陈天 · Rust 编程第一课 -〔陈天〕

现代React Web开发实战 -〔宋一玮〕

B端体验设计入门课 -〔林远宏(汤圆)〕

PPT设计进阶 · 从基础操作到高级创意 -〔李金宝(Bobbie)〕

好记忆不如烂笔头。留下您的足迹吧 :)