AutoLayout快速创建九宫格

2018-04-06  本文已影响39人  青山不改
  1. 充满屏幕的九个按钮,等高等宽等间距,然后设置IBOutlet的Collections引用所有的按钮,设置同一个action!


2.利用UIStackView创建正方形九宫格


UIStackView功能很简单,自动设置子视图的约束。使用也很简单:

  1. Axls: 子控件的布局方向,水平或者垂直
  2. Alignment: 控制子视图的对齐方式
    • Fill:纵向填充
    • Top:水平布局模式时向上对齐
    • Center:居中对齐
    • Bottom:水平布局模式时向下对齐
    • First Baseline:水平布局模式时根据上方基线布局所有子视图的y值
    • Last Baseline:水平布局模式时根据下方基线布局所有子视图的y值
    • Trailing:垂直布局模式时视图向左对齐
    • Leading:垂直布局模式时视图向右对齐
  3. Distributlon: 控制子视图的大小:
    • Fill:填充满整个UIStackView,根据子视图本身大小动态调整子视图的大小
    • Fill Equally:填充满整个UIStackView,等分UIStackView调整子视图大小
    • Fill Proportionall:按比例分配子视图大小
    • Equal Spacing:按子视图大小,等分剩下的空间
    • Equal Centering:平均分配子视图得到每个视图的中心点,使用这个中心点来布局每个子视图,并且保持spacing距离,超出将会重新布局子视图,并压缩部分子视图。
  4. Spacing: 子视图的间距

因为UIStackView是iOS9以后出现的,所以如果你还兼容iOS9以下的话(虽然没有必要,你不会因为这部分客户发财)可以使用FDStackView来代替UIStackView

上一篇 下一篇

猜你喜欢

热点阅读