一、省市选择界面数据展示

1.省市选择界面数据展示，就是这样的一个东西

我们接下来，看我们第二个案例，就是这个省市选择，

左边选择一个省，右边就把这个省所有的市展示出来

比如，我现在展示的是山东的城市，

我选择一个山西

第一步干嘛，是不是也是分析它的界面

1）上面是一个PickerView

2）下面是Label，显示对应的数据

先拖一个PickerView，这个PickerView的约束，好添加吧，

然后呢，底下这两个Label，约束，好添加吧，

2.我们先来搭建界面，新建一个项目

Name：04-省市选择

把项目的前缀，改一下

然后，界面，选择Window-Stay in Front

把这个模拟器，放在最前面，

然后，打开Main.storyboard，

1）第一步，怎么办，是不是先拖一个PickerView过来

设置它的约束

把这个勾去掉，

然后呢

1）距离顶部的距离

随便设置啊，这个没有强制要求的

比如说，设置20

然后呢，左、右、两边的距离，设置成0

如果这个数字，没有变的话，按Tab键，它是不会帮你选中的

然后呢，现在，更新一下frame

点击增加

颜色的话，我们也改一下，

然后呢，底下是不是两个Label，

拖上来

按住option键，拖过来，

现在，我要求这两个Label，保持它们，一直在中间

1）所以说，它们的间距，一直是固定的，对吧

这个约束，我们也添加过，对不对，

现在选中一个，比如左边这个

一个一个来写，啊，我不知道你们前面的习惯是怎么样的，我的习惯是一个一个来写，

先把它们自己有的，设置好了以后，再设置它们共有的一些东西，

现在，左边这个Label，

1）我先设置它，距离顶部，比如说，20，

2）然后，左边呢，我也让它为20，

点击增加，

有两个了，

2）然后呢，右边这个Label，是不是也是一样的，

1）距离右边，20，

2）距离上边，20

点击增加，

3）然后呢，它们之间的关系，是什么

等宽、等高、对不对，

所以呢，按住command键，然后呢，

添加一下，一个Equal Widths、一个Equal Heights，

点击增加

4）然后呢，还缺一个什么，是不是它们俩之间的间距，

所以呢，你随便选中一个

选中右边儿，距离左边儿

选中左边儿，距离右边儿，

我们现在选中的是右边儿，设置它距离左边儿，20，

选择更新一下frame，

点击增加，

把它的颜色，也改一下，

颜色改成灰色，

额，改的是文字颜色，不对吧，应该是背景色吧，

command + Z、撤销一下，

改一下它的背景颜色啊，backgroundColor，

改成灰色

改完之后，按住command键，你可以同时选中两个，

设置它们的背景色，

改成灰色，

是不是可以，

2）然后呢，我们文字居中，

也是一样的，

现在约束是不是设置好了，

你在写的时候，也是一样的