iOS系列 基础篇 06 标签和按钮 (Label & Button)
iOS系列 基础篇 06 标签和按钮 (Label & Button)
目录:
标签和按钮是两个常用的控件,下面咱们逐一学习。
1. 标签控件
使用Single View Application模板创建一个名为“LabelAndButtonSimple”的工程
(PS:具体创建过程和各设置项介绍等可参见前面的文章,这里就截图简单带过了:)
(1) 打开Xcode,选择Create a new Xcode Project:

(2) 选择Single View Application模板,点击Next:

(3) 设置项目相关信息,点击Next保存并完成创建:

(4) 打开Main.storyboard文件,从对象库中拖拽一个Label控件,并将其摆放在设计视图的居中位置:

从上图可以看出,Label标签的属性检查器中包涵Label和View两个分组:
- Label组主要是设置文本相关的属性,例如文本内容、字体颜色、字体类型、对齐方式等。
- View组主要是从视图的角度对控件进行设置,例如背景、外观等。
所有的视图都具有View组。
之前的文章介绍过,我们可以通过双击或者设置属性来实现Label控件的文本输入,这里的属性指的就是Label组下的Text属性。
当然,你也可以使用代码操作Label控件的这一属性,从而实现文本的设置和编辑。
需要说明的是,对象库中包涵了控制器、基本控件、高级控件和手势等很对对象。
随着版本的升级,对象库还在不断的扩充和完善,短时间内可能无法找到指定的控件,此时我们可以在对象库中直接闭着眼输入控件名,或者借助对象库下方的搜索栏来查找。
如图:

2. 按钮控件
按照上面操作Label控件的方式,从对象库中拖拽一个Button控件并放到Label标签的正下方,如图:

双击该按钮,输入文本OK:

现在按钮的状态是默认状态(未点击的正常显示状态),我们运行瞅一下效果:

为了美观,一般还要通过属性检查器优化一下该按钮。
打开属性检查器,找到Type设置项:

展开Type下拉列表,可以选择很多按钮类型,如图:

其中,各项含义如下:
- Custom:自定义类型。如果我们不喜欢圆角按钮,可以使用此类型。
- System:系统默认属性,表示该按钮没有边框。在iOS 7之前,按钮默认为圆角矩形。
- Detail Disclosure:细节展示按钮(一个圈,里面一个字母i),主要用于表视图中的细节展示。
- Info Light和Info Dark:这两个是信息按钮,和上面的细节展示按钮一样,表示有一些信息需要展示,或者有可以设置的内容。
- Add Contact:添加联系人按钮(一个圈,里面一个+)。
如果希望点击按钮时按钮中央高亮显示,可以勾选Drawing中的Show Touch On Highlight复选框,如图:

为了能突出高亮的效果,我们可以把按钮背景设置为深颜色,这可以到属性检查器的View - Background中设置:

这里,我设置的是黑色,为了观察高亮的效果嘛。呵呵,运行结果如下:

3. 结尾
这里我们虽然还没有任何点击等动作事件的代码,但是到目前为止,我们已经学习了如果创建并设置Label与Button的相关属性。
也算是小有成就感吧。呵呵。
下一篇咱们就学习一下如何给他们添加动作事件,做一个小案例出来。加油、
iOS系列 基础篇 06 标签和按钮 (Label & Button)的更多相关文章
- iOS系列 基础篇 07 Action动作和输出口
iOS系列 基础篇 07 Action动作和输出口 目录: 1. 前言及案例说明 2. 什么是动作? 3. 什么是输出口? 4. 实战 5. 结尾 1. 前言及案例说明 上篇内容我们学习了标签和按钮 ...
- iOS系列 基础篇 08 文本与键盘
iOS系列 基础篇 08 文本与键盘 目录: 1. 扯扯犊子 2. TextField 3. TextView 4. 键盘的打开和关闭 5. 打开/关闭键盘的通知 6. 键盘的种类 7. 最后再扯两句 ...
- iOS系列 基础篇 09 开关、滑块和分段控件
iOS系列 基础篇 09 开关.滑块和分段控件 目录: 案例说明 开关控件Switch 滑块控件Slider 分段控件Segmented Control 1. 案例说明 开关控件(Switch).滑块 ...
- iOS系列 基础篇 05 视图鼻祖 - UIView
iOS系列 基础篇 05 视图鼻祖 - UIView 目录: UIView“家族” 应用界面的构建层次 视图分类 最后 在Cocoa和Cocoa Touch框架中,“根”类时NSObject类.同样, ...
- iOS系列 基础篇 03 探究应用生命周期
iOS系列 基础篇 03 探究应用生命周期 目录: 1. 非运行状态 - 应用启动场景 2. 点击Home键 - 应用退出场景 3. 挂起重新运行场景 4. 内存清除 - 应用终止场景 5. 结尾 本 ...
- iOS系列 基础篇 04 探究视图生命周期
iOS系列 基础篇 04 探究视图生命周期 视图是应用的一个重要的组成部份,功能的实现与其息息相关,而视图控制器控制着视图,其重要性在整个应用中不言而喻. 以视图的四种状态为基础,我们来系统了解一下视 ...
- Java多线程系列--“基础篇”06之 线程让步
概要 本章,会对Thread中的线程让步方法yield()进行介绍.涉及到的内容包括:1. yield()介绍2. yield()示例3. yield() 与 wait()的比较 转载请注明出处:ht ...
- iOS系列 基础篇 01 构建HelloWorld,剖析并真机测试
iOS基础 01 构建HelloWorld,剖析并真机测试 前言: 从控制台输出HelloWorld是我们学习各种语言的第一步,也是我们人生中非常重要的一步. 多年之后,我希望我们仍能怀有学习上进的心 ...
- iOS系列 基础篇 02 StoryBoard 故事板文件
iOS基础 02 StoryBoard 故事板文件 目录: 1. 故事板的导航特点 2. 故事板中的Scene和Segue 3. 本文最后 在上篇HelloWorld工程中有一个Main.storyb ...
随机推荐
- WCF学习之旅—实现支持REST服务端应用(二十三)
在上一篇(WCF学习之旅—实现REST服务(二十二))文章中简单介绍了一下RestFul与WCF支持RestFul所提供的方法,本文讲解一下如何创建一个支持REST的WCF服务端程序. 四.在WCF中 ...
- Vuex2.0+Vue2.0构建备忘录应用实践
一.介绍Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,适合于构建中大型单页应用. ...
- 前端开发面试题收集(css部分)
http://davidshariff.com/quiz/ 做了下这里面前端开发面试的题,发现有些不会,所以在此做个整理以供自己学习,参考,总结. 1.问: CSS属性是否区分大小写? ul { Ma ...
- 前端MVVM框架设计及实现
最近抽出点时间想弄个dom模块化的模板引擎,不过现在这种都是MVVM自带的,索性就想自己造轮子写一个简单的MVVM框架了 借鉴的自然还是从正美的Avalon开始了,我2013年写过一个关于MVC MV ...
- HTML5权威指南--标签新变化,文件API,拖放API(简要学习笔记一)
1.标签元素更加语义化 2.内容类型仍然为“text/html” 扩展符仍然为html或者htm. <1>DOCTYPE 声明<!DOCTYPE html>就可 ...
- .NET Core的文件系统[2]:FileProvider是个什么东西?
在<读取并监控文件的变化>中,我们通过三个简单的实例演示从编程的角度对文件系统做了初步的体验,接下来我们继续从设计的角度来继续认识它.这个抽象的文件系统以目录的形式来组织文件,我们可以利用 ...
- PHP的学习--新特性
最近做的项目使用了 php7,但感觉有很多新特性没有用起来.就想总结一下,一些可能会用到的新特性.之前使用的环境是 php5.4,所有也会有 php5.5 和 php5.6 的特性总结进来,这里只列出 ...
- 使用ETag进行session的降级
回顾 在web后台开发中我们经常需要存储一些变量到session中进行暂存,最为特殊的就是"购物车",由于http的无状态特性,因此我们需要在客户端打上一个标记,唯一的标示客户端并 ...
- 微信开发之Ngrok环境准备
一.为什么要使用ngrok? 各位肯定都知道,做微信开发,我们的开发服务器需要和微信服务器做交互,SO,我们需要准备一台放置在公网的服务器,能够使得我们的服务器可以正常访问微信服务器,并且微信服务器也 ...
- 利用Python进行数据分析(5) NumPy基础: ndarray索引和切片
概念理解 索引即通过一个无符号整数值获取数组里的值. 切片即对数组里某个片段的描述. 一维数组 一维数组的索引 一维数组的索引和Python列表的功能类似: 一维数组的切片 一维数组的切片语法格式为a ...