《iPhone与iPad开发实战—iOS经典应用剖析》连载六
来源:互联网 发布:陈设艺术设计相关软件 编辑:程序博客网 时间:2024/05/22 00:36
3.3.3 主视图UI
主视图如图3-36所示是MainView(主视图)设计窗口,我们一步一步介绍一下如何实现该视图设计和编程。
表3-7MainView视图中的控件
编号
控件项目
控件类型
1
密码长度标签
UILabel
2
密码长度文本框
UITextField
3
否显示发音标签
UILabel
4
否显示发音开关
UISwitch
5
包括小写标签
UILabel
6
包括小写开关
UISwitch
7
包括大写标签
UILabel
8
包括大写开关
UISwitch
9
包括数字标签
UILabel
10
包括数字开关
UISwitch
11
包括标点符号标签
UILabel
12
包括标点符号开关
UISwitch
13
产生密码按钮
UIButton
14
输出密码文本框
UITextField
15
发音文本框
UITextView
16
发送E-mail按钮
UITextField
17
背景图片控件
UIImageView
首先我们需要为工程准备图片,在工程的“Resources”文件夹右键点击菜单Add-> Existing Files…,弹出添加对话框,选择原作者项目中图片添加到当前工程中。图片添加到工程中后,可以添加背景图片控件了,选择MainView.xib文件双击会用Interface Builder打开,然后在菜单Tool->Library打开对象库对话框,选择Image View把它拖拽到MainView设计窗口,如图3-37所示。
主视图如图3-36所示是MainView(主视图)设计窗口,我们一步一步介绍一下如何实现该视图设计和编程。
图3-36 MainView视图设计窗口
主视图中的控件进行了编号,视图中的控件内容见表3-7所示。表3-7MainView视图中的控件
编号
控件项目
控件类型
1
密码长度标签
UILabel
2
密码长度文本框
UITextField
3
否显示发音标签
UILabel
4
否显示发音开关
UISwitch
5
包括小写标签
UILabel
6
包括小写开关
UISwitch
7
包括大写标签
UILabel
8
包括大写开关
UISwitch
9
包括数字标签
UILabel
10
包括数字开关
UISwitch
11
包括标点符号标签
UILabel
12
包括标点符号开关
UISwitch
13
产生密码按钮
UIButton
14
输出密码文本框
UITextField
15
发音文本框
UITextView
16
发送E-mail按钮
UITextField
17
背景图片控件
UIImageView
首先我们需要为工程准备图片,在工程的“Resources”文件夹右键点击菜单Add-> Existing Files…,弹出添加对话框,选择原作者项目中图片添加到当前工程中。图片添加到工程中后,可以添加背景图片控件了,选择MainView.xib文件双击会用Interface Builder打开,然后在菜单Tool->Library打开对象库对话框,选择Image View把它拖拽到MainView设计窗口,如图3-37所示。
图3-37 拖拽Image View到主视图设计窗口
然后在菜单Tools->Attributes Inspector打开按钮检查器,点中标签中对话框的Image下拉列表中选择SafeBack.png图片,如图3-38所示。图3-38 选择图片设计窗口
背景图片添加完成之后,我们就可以添加其它的控件了,这个没有先后顺序,从对象库中拖拽并摆放好就可以了。下面我们添加几个有代表性的,其它的就不再介绍了,先看密码长度标签如何做的吧,通过对象库拖拽一个Label控件到设计视图,然后双击使其处于编辑状态,输入Password Length如图3-39所示。再将鼠标点击到其它地方,这样密码长度标签就添加完成了。图3-39 编辑Label控件
密码长度文本框是从对象库拖拽一个Text Field控件到设计视图如图3-40所示。图3-40 编辑文本框控件
然后在菜单Tools->Attributes Inspector打开检查器,点中标签打开检查器,在Text项目中输入8,这可以让文本框显示8的初始值,在Alignment项目中选择右对齐按钮,如图3-41所示。图3-41 文本框检查器
其它的控件就不再一一介绍,在视图的下方还有3个隐藏控件,这些控件是如何实现隐藏和显示的呢?在本应用中是通过调整Alpha(透明度)属性,Alpha取值范围是0.0~1.0,0.0是最弱即完全透明,1.0是最强即完全不透明。从对象库拖拽一个按钮到设计视图,双击该按钮,编辑按钮的标签E-Mail Password,然后打开检查器,点中标签,找到Alpha属性如图3-42所示,将划块拖到最左边,就是0.0取值。图3-42 Alpha属性
其它2个控件也可以这样设置Alpha值。这样整个主视图UI部分就完成了。下面我们介绍主视图代码实现。- 《iPhone与iPad开发实战—iOS经典应用剖析》连载六
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载一
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载二
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载三
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载四
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载五
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载七
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载八
- 《iPhone与iPad开发实战——iOS 经典应用剖析》出版在即,敬请期待
- iPhone与iPad开发实战——iOS 经典应用剖析--视频
- iPhone与iPad开发实战——iOS 经典应用剖析视频--观看地址
- iPhone与iPad开发实战——iOS 经典应用剖析(更新完成)
- 我的作品《iPhone与iPad开发实战—iOS经典应用剖析》--以及源码下载地址
- ios视频免费ppt下载《iPhone与iPad开发实战——精通iOS开发》
- iPhone与iPad开发实战——精通iOS开发(更新完毕)
- iPhone与iPad开发实战——精通iOS开发--视频
- 《iPhone与iPad开发实战》——苹果公司应该将本书作为官方的iPhone和iPad开发图书
- iPad应用开发实战
- C# 判断数组中是否存在该元素
- Apache2.2+svn1.7 的一个错误解决
- 分布式系统编程,你到哪一级了?
- log4j源码解析及一个log4j:ERROR Attempted to append to closed appender named 的问题
- 闲着……学学写写汇编(只贴代码)(3)
- 《iPhone与iPad开发实战—iOS经典应用剖析》连载六
- struts2,jsp页用include访问一个action
- php学习心得1:框架mvc
- 关于linq 的dbml自动生成的表对象带s和不带s的问题
- windows程序设计(16):使用自己的图标,光标和字符串表
- 指尖上的Android之实战篇---前导(一)
- 每个程序员都应读的书
- 作为标准的IT人员查资料的网址
- RedHat Enterprise Linux 5 安装TFTP服务器和NFS服务器