实现一个简单的iOS开发项目 BMI计算器
*资料: BMI指数,身体体质指数
BMI=体重(kg)÷身高²(m)
BMI<18.5过轻
18.5≦BMI<24.0正常
24.0≦BMI<28.0过重
BMI≧28.0肥胖
创建一个project项目(编程时是创建一个playground)
下图为xcode开发界面,左侧为文件导航栏
BMI项目主要在viewcontroller.swift和main.storyboard中实现
1.首先在main中搭建应用的视图
(1)显示BMI计算器的计算结果的控件(同时可以当作输入提示)
一般使用UILable(右下角库面板中搜索托入编辑器中)
选中时可对其属性进行一些设置
ex:文本内容设置为“请输入数据”
在autoshriek中,选择minimum font size可以在label过长时自动调整字体大小以显示全部内容
(2)读取用户输入的控件
可以使用UITextField
设置其占位符可进行输入提示
*在keyboard中,我们可以设置用户输入数字时弹出的键盘(数字键盘decimal pad)
(3) 让用户点击进行计算的按钮
使用控件UIButton
(4) 在view as处,我们可以看到控件在各种设备上的显示情况
想要统一控件在各个设备上的位置位置,我们可以对控件进行约束
首先,把两个输入框装进一个大的视图中统一管理。
*选中
*点击按钮
把他们装入Stack View视图中
*选中Stack view,点击按钮 进行对齐约束
(下图两个选项分别是垂直和水平约束,当两者值都为0时,视图处在屏幕中间)
*点击按钮 对其添加对界面两侧距离的约束
在spacing中还可设置两个元素框的间距
label和button的约束和textfeild一样(*上者的下距离和下者的上距离都是相对中间而言的)
2.编写代码
(1)回到xcode,通过 按钮打开辅助编辑器
*代码在viewcontroller中进行编写,可以按住option键然后点击viewcontroller,让viewcontroller中的内容显示在右侧的辅助编辑器中(右上角的三个按钮 可显示或隐藏边栏)
(2)将控件关联到代码文件中
按住control键,鼠标按住label拖出一条蓝色的线,拖到编码界面内松开,会弹出一个窗口
先对label进行关联
connection选择outlet意味着label会作为属性关联到viewcontroller中
name:属性名称
type:属性的数据类型
设置好后点击connect
相同方法关联其他控件
*button关联函数(connection选择action)
然后就可以写入函数