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

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

先回顾一下效果图


看起来还不错的设计图

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


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

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


添加Label控件并设置属性
控件添加完以后是这样子的
控件添加完的样子
接下来当然是要添加约束了
设置第一个文本框的约束

设置第二个文本框的约束

设置第二个文本框右边的按钮的约束

设置三个小按钮的约束

设置三个小按钮边上的分割线的约束

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

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


设置按钮的圆角和边框,图片和背景颜色

设置第二个按钮的文字和文字格式

设置按钮文字格式的对比图

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


运行APP的效果

收工~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容