stackView的简单布局,以及给imageview添加事件响
2016-08-01 本文已影响167人
sunlin1234
示例图:四个imageView和label一起排列
1.首先我们先将这些控件拖到我们cell里面,每个imageView下面对应一个label,然后选中他们,找到下面红色画圈的地方,点击,就建立出了一个stackView;后边的三个stackView以此类推
2.将个satckView选中然后新建一个总的stackView例如:
3.现在我们开始来设置塌地一些属性,先简单的介绍一下她的一些常用的设置
对齐方式:Fill top center Bottom 等
分布方式:
view Model:(默认选项为第一个,选择其他的选项有时会有一些约束警告,但是仅仅针对stackView,对其他的没有影响)
下面选中的选项就是我们需要的,然后给他们居中添加约束
好了,布局完成!!下面我们来添加image View的点击时间GestureTap和相应的方法Segue跳转:
我们在右边控件选项区域找到Tap Geture Recongizer 把它拖到我们的image View上边,这样我们就给imageview添加了一个点击事件。(注意:那个User Interaction Enable 一定要选中,否则你的方法是没法使用的,点击也不会有响应)
我把自己写的方法贴出来可以参考一下,segue这个要在对应identifer处写明。
欢迎围观,共同交流。。。