stackView的简单布局,以及给imageview添加事件响应

示例图:四个imageView和label一起排列


stackView的简单布局,以及给imageview添加事件响应_第1张图片

1.首先我们先将这些控件拖到我们cell里面,每个imageView下面对应一个label,然后选中他们,找到下面红色画圈的地方,点击,就建立出了一个stackView;后边的三个stackView以此类推

2.将个satckView选中然后新建一个总的stackView例如:

3.现在我们开始来设置塌地一些属性,先简单的介绍一下她的一些常用的设置

对齐方式:Fill  top  center  Bottom 等

分布方式:

stackView的简单布局,以及给imageview添加事件响应_第2张图片

view   Model:(默认选项为第一个,选择其他的选项有时会有一些约束警告,但是仅仅针对stackView,对其他的没有影响)

stackView的简单布局,以及给imageview添加事件响应_第3张图片

下面选中的选项就是我们需要的,然后给他们居中添加约束


stackView的简单布局,以及给imageview添加事件响应_第4张图片


好了,布局完成!!下面我们来添加image View的点击时间GestureTap和相应的方法Segue跳转:

我们在右边控件选项区域找到Tap Geture Recongizer 把它拖到我们的image View上边,这样我们就给imageview添加了一个点击事件。(注意:那个User Interaction Enable 一定要选中,否则你的方法是没法使用的,点击也不会有响应)

我把自己写的方法贴出来可以参考一下,segue这个要在对应identifer处写明。


stackView的简单布局,以及给imageview添加事件响应_第5张图片


stackView的简单布局,以及给imageview添加事件响应_第6张图片

欢迎围观,共同交流。。。

你可能感兴趣的:(stackView的简单布局,以及给imageview添加事件响应)