iOS系列 基础篇 06 标签和按钮 (Label & Button)

目录:

  1. 标签控件
  2. 按钮控件
  3. 小结

  标签和按钮是两个常用的控件,下面咱们逐一学习。

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)的更多相关文章

  1. iOS系列 基础篇 07 Action动作和输出口

    iOS系列 基础篇 07 Action动作和输出口 目录:  1. 前言及案例说明 2. 什么是动作? 3. 什么是输出口? 4. 实战 5. 结尾 1. 前言及案例说明 上篇内容我们学习了标签和按钮 ...

  2. iOS系列 基础篇 08 文本与键盘

    iOS系列 基础篇 08 文本与键盘 目录: 1. 扯扯犊子 2. TextField 3. TextView 4. 键盘的打开和关闭 5. 打开/关闭键盘的通知 6. 键盘的种类 7. 最后再扯两句 ...

  3. iOS系列 基础篇 09 开关、滑块和分段控件

    iOS系列 基础篇 09 开关.滑块和分段控件 目录: 案例说明 开关控件Switch 滑块控件Slider 分段控件Segmented Control 1. 案例说明 开关控件(Switch).滑块 ...

  4. iOS系列 基础篇 05 视图鼻祖 - UIView

    iOS系列 基础篇 05 视图鼻祖 - UIView 目录: UIView“家族” 应用界面的构建层次 视图分类 最后 在Cocoa和Cocoa Touch框架中,“根”类时NSObject类.同样, ...

  5. iOS系列 基础篇 03 探究应用生命周期

    iOS系列 基础篇 03 探究应用生命周期 目录: 1. 非运行状态 - 应用启动场景 2. 点击Home键 - 应用退出场景 3. 挂起重新运行场景 4. 内存清除 - 应用终止场景 5. 结尾 本 ...

  6. iOS系列 基础篇 04 探究视图生命周期

    iOS系列 基础篇 04 探究视图生命周期 视图是应用的一个重要的组成部份,功能的实现与其息息相关,而视图控制器控制着视图,其重要性在整个应用中不言而喻. 以视图的四种状态为基础,我们来系统了解一下视 ...

  7. Java多线程系列--“基础篇”06之 线程让步

    概要 本章,会对Thread中的线程让步方法yield()进行介绍.涉及到的内容包括:1. yield()介绍2. yield()示例3. yield() 与 wait()的比较 转载请注明出处:ht ...

  8. iOS系列 基础篇 01 构建HelloWorld,剖析并真机测试

    iOS基础 01 构建HelloWorld,剖析并真机测试 前言: 从控制台输出HelloWorld是我们学习各种语言的第一步,也是我们人生中非常重要的一步. 多年之后,我希望我们仍能怀有学习上进的心 ...

  9. iOS系列 基础篇 02 StoryBoard 故事板文件

    iOS基础 02 StoryBoard 故事板文件 目录: 1. 故事板的导航特点 2. 故事板中的Scene和Segue 3. 本文最后 在上篇HelloWorld工程中有一个Main.storyb ...

随机推荐

  1. MySQL基础之视图

    关于视图 视图是虚表,其中并不存在数据,只是多个表的组成 使用视图的优势 视图可以代替复杂的查询SQL语句,可以事先将不同表的多个数据组织起来 提高权限控制管理,能够将权限限制为行级管理,更具有安全性 ...

  2. scope.$apply是干嘛的

    开始用angular做项目的时候,一定碰到过$scope.$apply()方法,表面上看,这像是一个帮助你进行数据更新的方法,那么,它为何存在,我们又该如何使用它呢. JavaScript执行顺序 J ...

  3. hadoop2.7.1 HA安装部署(转)

    hadoop集群规划 目标:创建2个NameNode,做高可用,一个NameNode挂掉,另一个能够启动:一个运行Yarn,3台DataNode,3台Zookeeper集群,做高可用. 在 hadoo ...

  4. SSIS 属性:ExecValueVariable

    有些Task组件执行完成之后,会产生输出结果,称作Execution Value,例如,Execute SQL Task在执行完成之后,会返回受影响的数据行数.Task组件的Execution Val ...

  5. 解析大型.NET ERP系统 电子邮件系统帐户集成

    为保证ERP系统的信息流准确快速的传递,需要给系统设计一个消息盒子机制.当系统中发生业务操作后,需要提醒下一个环节的操作人员,以保证ERP信息流快速准确传递.比如生产任务单(工作单,加工单,制单)过帐 ...

  6. ASP.NET MVC5+EF6+EasyUI 后台管理系统(22)-权限管理系统-模块导航制作

    系列目录 最近比较忙,系统难度独步增加,文章的发布速度明显比以前慢了. 由于我们已经跑通了整个系统,所有东西都回到了简单,接下来我们做模块制作也就是操作SysModule表. 首先我们来回顾一下之前的 ...

  7. Notes:SVG(3)---滤镜和渐变

    SVG滤镜使用filter标签来定义,该标签必须嵌套在defs元素里面,并且必须指定一个ID,以供引用. 在 SVG 中,可用的滤镜有: feBlend feColorMatrix feCompone ...

  8. 原生JS封装Ajax插件(同域&&jsonp跨域)

    抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正 ...

  9. c#编程基础之枚举

    枚举的意义就在于限制变量取值范围. 当可以确定的几种取值时才可以用. 如果输入一个字符串需要进行判断是否是我们需要的字符串时,则一般需要这样写: using System; using System. ...

  10. 从零开始学 Java - Spring 集成 Memcached 缓存配置(二)

    Memcached 客户端选择 上一篇文章 从零开始学 Java - Spring 集成 Memcached 缓存配置(一)中我们讲到这篇要谈客户端的选择,在 Java 中一般常用的有三个: Memc ...