iOS开发-登录界面开发(2)Button控件的使用-Swfit4.1_Xcode9.3.1

1.做一个登录按钮,拖拽一个button控件,设置文字 文字颜色 背景颜色(背景颜色设置 截图中未做演示 往下拉就可以找到) 样式:

2.设置控件高度,手动拖拽控件边缘也可以,也可以像下面截图一样操作,设置准确数值:

3.我们来实现button圆角效果,我们可以选择在控制器中用代码实现,也可以如下图,在视图中实现:

  layer.cornerRadius

  layer.masksToBounds

4.接下来,我们在控制器中,获取输入框和按钮。先获取输入框:

  做法是,点击屏幕右上角交叠的2个圆,同时显示 视图和控制器,按住control,把控件拖拽到控制器,设置控件名称后,回车:

 

5.获取登录按钮:

6.获取 登录按钮 的 点击事件:

7.为了实现,输入vip号码后,按钮背景颜色变化,我们需要监听一下输入框内容的改变:

8.我们来根据输入框的内容,设置登录按钮的背景颜色:

  小技巧:bt_login.backgroundColor = color,输入到这里,敲个回车就会打开颜色编辑器,就可以轻松取色了

复制代码
import UIKit

class ViewController: UIViewController {
    
    
    @IBOutlet weak var et_vip_code: UITextField! // VIP号码
    @IBOutlet weak var bt_login: UIButton! // 登录按钮

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    // 登录按钮 的 点击事件
    @IBAction func bt_login_clicked(_ sender: Any) {
    }
    
    // 输入框内容 改变 监听
    @IBAction func et_vip_code_changed(_ sender: Any) {
        let vipCode = et_vip_code.text!
        if vipCode.count > 0 {
            bt_login.backgroundColor = #colorLiteral(red: 0.1921568627, green: 0.5411764706, blue: 1, alpha: 1) // 已经输入VIP号码 登录按钮背景色
        } else{
            bt_login.backgroundColor = #colorLiteral(red: 0.3137254902, green: 0.3921568627, blue: 0.5137254902, alpha: 1) // 没有输入VIP号码 登录按钮背景色
        }
    }
    
}
复制代码

效果图(请忽略渣画质):

9.本篇博文结束了,下一篇,我们来介绍苹果的第三方框架管理工具 CocoaPods ~

相关推荐
程序员的必经之路! 【限时优惠】 现在下单,还享四重好礼: 1、教学课件免费下载 2、课程案例代码免费下载 3、专属VIP学员群免费答疑 4、下单还送800元编程大礼包 【超实用课程内容】  根据《2019-2020年中国开发者调查报告》显示,超83%的开发者都在使用MySQL数据库。使用量大同时,掌握MySQL早已是运维、DBA的必备技能,甚至部分IT开发岗位也要求对数据库使用和原理有深入的了解和掌握。 学习编程,你可能会犹豫选择 C++ 还是 Java;入门数据科学,你可能会纠结于选择 Python 还是 R;但无论如何, MySQL 都是 IT 从业人员不可或缺的技能!   套餐中一共包含2门MySQL数据库必学的核心课程(共98课时)   课程1:《MySQL数据库从入门到实战应用》   课程2:《高性能MySQL实战课》   【哪些人适合学习这门课程?】  1)平时只接触了语言基础,并未学习任何数据库知识的人;  2)对MySQL掌握程度薄弱的人,课程可以让你更好发挥MySQL最佳性能; 3)想修炼更好的MySQL内功,工作中遇到高并发场景可以游刃有余; 4)被面试官打破沙锅问到底的问题问到怀疑人生的应聘者。 【课程主要讲哪些内容?】 课程一:《MySQL数据库从入门到实战应用》 主要从基础篇,SQL语言篇、MySQL进阶篇三个角度展开讲解,帮助大家更加高效的管理MySQL数据库。 课程二:《高性能MySQL实战课》主要从高可用篇、MySQL8.0新特性篇,性能优化篇,面试篇四个角度展开讲解,帮助大家发挥MySQL的最佳性能的优化方法,掌握如何处理海量业务数据和高并发请求 【你能收获到什么?】  1.基础再提高,针对MySQL核心知识点学透,用对; 2.能力再提高,日常工作中的代码换新貌,不怕问题; 3.面试再加分,巴不得面试官打破沙锅问到底,竞争力MAX。 【课程如何观看?】  1、登录CSDN学院 APP 在我的课程中进行学习; 2、移动端:CSDN 学院APP(注意不是CSDN APP哦)  本课程为录播课,课程永久有效观看时长 【资料开放】 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化。  下载方式:电脑登录课程观看页面,点击右侧课件,可进行课程资料的打包下载。
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页