Mac os swift storyboard 实现窗体模拟登录

360影视 动漫周边 2025-04-23 09:48 4

摘要:步骤四: 点击➕ ,会弹出小窗体,在搜索框输入label,拖拽到ViewController 窗体上,在搜索text,找到TextField 拖拽到左边窗体,继续拖拽几个,还有登录按钮和取消按钮

步骤一:打开XCdoe,创建项目,选择mac os,选择Application 的App,下一步

步骤二:选择Interf 为Storyboard,Language 为swift ,下一步,找到要保存的文件夹,create 即可

步骤三: 进入项目中,选中Main.storyboard ,右边会显示窗体界面,在右上方,有个➕,点击即可

步骤四: 点击➕ ,会弹出小窗体,在搜索框输入label,拖拽到ViewController 窗体上,在搜索text,找到TextField 拖拽到左边窗体,继续拖拽几个,还有登录按钮和取消按钮

注意,密码框可再是TextField,而是Secure Text Field了

提交按钮,选择 Push Button ,取消按钮也可以是它

接下来,可以先运行一下,看看窗体的效果

步骤五:绑定控件

再点击项目左侧栏,选中ViewController ,第二栏就会是编码区了,如图

会弹出一个对话框,在name处给该控件起个名字,然后点击Connec 按键

照着这样的操作,继续给密码框和登录按钮,取消按钮添加名字和注册按钮

注意,你会发现编码区红框里面,序号那边有类似单选按钮的,说明已经控件注册好了,如果没有,可能是自己手动写入的,后面还需要绑定

步骤六: 给登录按钮添加事件

选中登录按钮,点击右键,会弹出事件窗体,选中Sent Action 里面的action 单选按钮,拖拽到右侧的源码区,如图,会弹出对话框,给该事件起一个名字

在源码区,就会自动多了红框的源码,注意这个是自动的,不需要手动输入

步骤七: 实现逻辑

func checkCread{let users=user.stringValue.trimmingCharacters(in: .whitespaces)let pwds=pwd.stringValue.trimmingCharacters(in: .whitespaces)//非空验证guard !users.isEmpty,!pwds.isEmpty else{showalert(title:"输入错误",message:"用户名或密码错误")return}//预设凭证let cuser="admin"let cpwd="123"//判断逻辑if users==cuser && pwds==cpwd{showAlert(title: "登录成功", message: "欢迎回来,\(users)!")}else{showAlert(title: "登录失败", message: "用户名或密码错误")pwd.stringValue = ""}}

注意:showAlert方法还没有实现,目前项目里面报错,接下来实现该方法,就是类似C#的messageBox 这样的

func showAlert(title:String,message:String){let alert=NSAlertalert.messageText=titlealert.informativeText=messagealert.addButton(withTitle: "确定")alert.alertStyle = .informational//成功是.informational 错误 .warning//显示弹窗alert.beginSheetModal(for: self.view.window!){ _ in }}

来源:腊八科技圈

相关推荐