1、Button、Label和Textfield的交互

来源:互联网 发布:个人怎么在淘宝卖食品 编辑:程序博客网 时间:2024/05/16 14:12

1、要实现的功能是在界面上有一个Label、一个文本框和一个按钮,当点击按钮时就把文本框中的值设置到Lable。

2、创建一个Singl View Application工程,工程名为BtnLabelText,语言选择Swift,Devices选择iPhone,如下图所示:


3、创建之后的工程目录如下图所示:


4、依次选择Main.storyboard->View Controller->View,然后单击wAny hAny,会出现下图所示我们选择Base Values。


5、选择之后找到对象库,依次向故事板中添加两个标签,一个文本框,一个按钮并命名,如下图所示:


                               对象库                                                                                                            添加的控件信息

6、修改第一个标签的标题,选择你好标签,然后单击右侧工具栏上得属性按钮,然后修改其标题,其中Alignment可选择文字的对其方式,如下图所示:


7、按照此方法,依次修改第二个标签和按钮的标题,如下图所示:


8、为标签和文本框添加关联变量,首先要将代码和故事板同时打开,点击右上角的两个交叉圆即可显示,如下图所示:


9、选择“请输入信息”标签,然后按着Ctrl键,同时按住鼠标左键,拖到代码区域(类中方法外),当出现Insert Outlet or Outlet Collection时表示可以插入,如下图所示:


10、当松开鼠标后就会弹出一个对话框,在输入变量名displayText,其他默认,然后单击Connect按钮,如下图所示:


11、此时就会在代码区域添加一行代码,那么就表示这个变量就与此标签建立了关联,可通过这个变量名来更改标签的内容,如下图所示:


12、为文本框添加一个关联变量,方法同上。

13、为按钮添加一个单击事件方法,首先右键单击该按钮,然后在弹出的对话框中选择后边的+号,然后按住+号拖放到代码处,如下图所示:


14、输入方法名clickMe,其他默认,然后单击Connect按钮,然后就会再代码处添加一个方法,如下图所示:


15、在该方法中输入代码,首先要获取文本框的值,然后在将值设置到标签中,具体用法如下所示:


16、编译运行,如下图所示:


0 0