实现一个简单的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开发界面,左侧为文件导航栏
今日份swift学习7
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处,我们可以看到控件在各种设备上的显示情况

想要统一控件在各个设备上的位置位置,我们可以对控件进行约束

首先,把两个输入框装进一个大的视图中统一管理。
*选中

*点击按钮
今日份swift学习7
把他们装入Stack View视图中

*选中Stack view,点击按钮 今日份swift学习7 进行对齐约束

(下图两个选项分别是垂直和水平约束,当两者值都为0时,视图处在屏幕中间)
今日份swift学习7
*点击按钮 今日份swift学习7对其添加对界面两侧距离的约束

在spacing中还可设置两个元素框的间距

label和button的约束和textfeild一样(*上者的下距离和下者的上距离都是相对中间而言的)

2.编写代码
(1)回到xcode,通过 今日份swift学习7按钮打开辅助编辑器

*代码在viewcontroller中进行编写,可以按住option键然后点击viewcontroller,让viewcontroller中的内容显示在右侧的辅助编辑器中(右上角的三个按钮 今日份swift学习7可显示或隐藏边栏)

(2)将控件关联到代码文件中
按住control键,鼠标按住label拖出一条蓝色的线,拖到编码界面内松开,会弹出一个窗口
今日份swift学习7
今日份swift学习7
先对label进行关联
connection选择outlet意味着label会作为属性关联到viewcontroller中
name:属性名称
type:属性的数据类型
设置好后点击connect

相同方法关联其他控件
*button关联函数(connection选择action)
然后就可以写入函数
今日份swift学习7
今日份swift学习7

相关文章:

  • 2021-07-31
  • 2021-11-07
  • 2021-05-24
  • 2022-01-04
  • 2022-12-23
  • 2022-12-23
  • 2021-08-24
猜你喜欢
  • 2021-08-11
  • 2021-10-21
  • 2021-05-20
  • 2021-12-10
  • 2021-10-17
  • 2021-12-08
  • 2021-07-15
相关资源
相似解决方案