美文网首页
第一个Xcode项目(2) - Auto Layout - 布局

第一个Xcode项目(2) - Auto Layout - 布局

作者: P_T | 来源:发表于2016-01-16 16:06 被阅读80次

[相关信息:Xcode7.2 ; Swift2.0]

先回顾一下效果图


看起来还不错的设计图

上次我们已经把大致的框架搭好了,那接下来只要把东西放满就好了,Go,Go,Go!


添加文本框 然后我们把文本框的高度设置的高一点,方便使用的时候点击
设置文本框的高度

当然时间栏跟上面这个是一样的,就不赘述了。


添加Label控件并设置属性 控件添加完以后是这样子的
控件添加完的样子 接下来当然是要添加约束了
设置第一个文本框的约束
设置第二个文本框的约束
设置第二个文本框右边的按钮的约束
设置三个小按钮的约束
设置三个小按钮边上的分割线的约束

剩下还有那个Label约束没有添加,其实那个不用添加,因为容器的高度不变,Label又是左对齐的。

下一步是把三个按钮的图标设置一下


设置按钮的圆角和边框,图片和背景颜色
设置第二个按钮的文字和文字格式
设置按钮文字格式的对比图

so~~我们来运行下看看APP的效果 (Command+R)


运行APP的效果
收工~

相关文章

网友评论

      本文标题:第一个Xcode项目(2) - Auto Layout - 布局

      本文链接:https://www.haomeiwen.com/subject/gcghkttx.html