美文网首页
stackView的简单布局,以及给imageview添加事件响

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

作者: sunlin1234 | 来源:发表于2016-08-01 16:39 被阅读167次

    示例图:四个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处写明。

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

    相关文章

      网友评论

          本文标题:stackView的简单布局,以及给imageview添加事件响

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