iOS-UIStackView的演练

UIStackView是iOS9的一个新特性，特别好用。就根据我上课学的案例，来展示一下。就不过多介绍了，直接上案例，自己体会。

一、创建项目，导入素材

创建项目-导入素材

二、搭建UI界面

搭建UI界面

二、将所需控件添加到UIStackView中

• 单个增加

  
  
  

  步骤①

• 组合

  
  
  

  组合

• 填充

  
  
  

  填充

• 效果展示

  
  
  

  效果展示

三、调整-StackView中的控件

• 使StackView中的按钮等宽

  
  
  

  使stackView中的按钮等宽

• 效果展示

  
  
  

  效果展示

四、设置约束，解决报错

• 为了解决约束报错,设置整体UIStackView的约束上(0)、下(20)，左(20)、右(20)，内部间距设置为20，按钮的高度约束调整为44，带星星的图片高度约束设置为44，其中图片，设置为view->Mode->Aspecified,顶部lable宽度约束设置为20，设置完之后运行。

  
  
  

  设置约束，解决报错
  
  

  运行效果：

  
  
  

  界面展示

四、增加按钮点击事件

增加按钮点击事件

• 点击事件的实现

  
  
  

  点击事件的实现

• 多次点击,只出现一个图片是因为:图片重叠在了一块

  
  
  

  图片重叠

五、解决图片重叠问题，和适配星星图片大小。

• 注意底部容器内部控件的排序和图片的比例适配

  
  
  

  解决图片重叠问题

• 调整排序方式

  
  
  

  图片的调整

• 解决只能出现3个图片（排列满了就添加不进去了）

  
  
  

  解决只能出现3个图片

• 展示效果

  
  
  

  展示效果

六、设置撤销按钮。

• 利用这个撤销，只是把控件的约束撤销掉了，而没把控件撤掉

  
  
  

  设置撤销按钮

• 完善收尾

  
  
  

  移除-完善收尾
  
  

  到此结束。