前言

看完前面3章的内容，基本对IOS开发有一些认识了，这章我们开始动手去实践做点小练习，学习如何创建并设置标签和按钮（Label & Button）的相关属性，以及通过一个交互式的案例演示动作和输出口的使用。

系列文章：

IOS 初级开发入门教程（一）介绍篇

IOS 初级开发入门教程（二）第一个HelloWorld工程及StoryBoard使用

IOS 初级开发入门教程（三）探究应用及视图的生命周期变化

创建Swift新项目

使用Label和Button

1、先打开 Main.storyboard，看到视图后。

2、在工具右下方各种库模块中找到第三个选项。

3、在搜索框里搜索Label 和 Button 。

4、拖拽到视图上，并双击可编辑文本。

设置属性模块

展开 Type 下拉列表，可以选择很多按钮类型，其中，各项含义如下：

Custom：自定义类型。如果我们不喜欢圆角按钮，可以使用此类型。
System：系统默认属性，表示该按钮没有边框。在iOS 7之前，按钮默认为圆角矩形。
Detail Disclosure：细节展示按钮（一个圈，里面一个字母i），主要用于表视图中的细节展示。
Info Light和Info Dark：信息按钮，表示有一些信息需要展示，或者有可以设置的内容。
Add Contact：添加联系人按钮（一个圈，里面一个＋）。

Drawing 绘画属性，其中 Shows Touch On Highlight 默认不勾选，是按钮点击高亮效果。

点击Button改变Label文本

1、首先打开图文编辑界面。

2、点击代码界面左上角的菜单选项可以选择要编写代码页面。

3、按住 control 键拖拽Label到代码界面后命名。（图中代码无需手打，是自动生成的。）

4、按Control键拖button，设置Action事件。

这个一定要注意，第一个选项选择Action。然后命名和设置Type类型。

5、最后我们在定义的Onclick方法中写代码逻辑，这里写改变Label文本为：HelloWorld。

最后注意：个人一个小经验总结，可以观察控件的绑定情况。

首先查看代码界面，可以发现被绑定的方法代码左边会有实心原点，如图：

然后，我们右键打开控件标签的属性观察，如图：

运行结果

IOS 初级开发入门教程（四）基础控件使用小练习相关推荐

IOS 初级开发入门教程（一）介绍篇
导读目前移动端开发市场上引导开发者追求技多不压身,一个全栈开发者至少要懂后台服务器.数据库.Android.web.ios开发等."一超多强"是指开发者先成为一门技术的专家然后掌 ...
Qt入门教程【基础控件篇】QLCDNumber数码管类型控件
效果描述它可以显示几乎任何大小的数字.它可以显示十进制.十六进制.八进制或二进制数.使用 display() 插槽很容易连接到数据源,该插槽被重载以采用五种参数类型中的任何一种. 还有一些槽可以用 ...
Qt入门教程【基础控件篇】QLabel文本标签
描述 QLabel 用于显示文本或图像. 不提供用户交互功能. 标签的视觉外观可以通过多种方式进行配置,并且可以用于为另一个小部件指定焦点助记键. QLabel 可以包含以下任何内容类型 Plain ...
移动端app开发-03-IOS 初级开发入门教程
移动端app开发-03-IOS 初级开发入门教程什么是iOS iOS是苹果公司为它的移动设备(iPhone.iPad.iWatch等)开发的移动操作系统. iOS发展史 2007年苹果发布iPh ...
IOS 初级开发入门教学（一）介绍篇
导读目前移动端开发市场上引导开发者追求技多不压身,一个全栈开发者至少要懂后台服务器.数据库.Android.web.ios开发等.一超多强"是指开发者先成为一门技术的专家然后掌握了解多门技 ...
基于springboot+vue(thymeleaf)+mysql下的自创音乐网站平台--CrushMusic(开发日志十四)--audio控件重写音乐播放
本次花了很大精力去完成了播放界面,虽然歌词同步这里没完成,但后续还是可以完善的,这次我重写了audio控件,让audio是自己想要的样式,先看成果图. 这个界面参考的是酷狗音乐网页版的布局,感觉自己 ...
python 选择文件对话框插件_[ PyQt入门教程 ] PyQt5基本控件使用:消息弹出、用户输入、文件/目录选择对话框...
本文主要介绍PyQt界面实现中常用的消息弹出对话框.提供用户输入的输入框.打开文件获取文件/目录路径的文件对话框.学习这三种控件前,先想一下它们使用的主要场景: 1.消息弹出对话框.程序遇到问题需要退 ...
iOS开发入门教程_iOS开发视频教程
iOS开发入门教程 (Object-C.网络编程.多线程.蓝牙.二维码.Cocos2D.OpenGL) 适合人群:初级课时数量:34课时用到技术:IOS,Object-C,OpenGL,XCode ...
安卓开发入门教程-UI控件_EditText
什么是EditText EditText是用于进行文本输入的UI控件. 基础样例 1.普通输入效果图代码 <EditTextandroid:layout_width="wrap_c ...

IOS 初级开发入门教程（四）基础控件使用小练习

前言