美文网首页
UIStackView

UIStackView

作者: 952625a28d0d | 来源:发表于2016-06-29 16:10 被阅读58次
import UIKit

class ViewController: UIViewController
{
    
    @IBOutlet weak var verticalStackView: UIStackView!  // 垂直StackView
    @IBOutlet weak var horizontalStackView: UIStackView!    // 水平StackView
    
    override func viewDidLoad()
    {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning()
    {
        super.didReceiveMemoryWarning()
                // Dispose of any resources that can be recreated.
    }
    
    /**
     添加星星
     
     - parameter sender: Btn
     */
    @IBAction func addStarOnClick(sender: UIButton) {
        
        // 创建ImageView
        let starImgVw:UIImageView = UIImageView(image: UIImage(named: "star"))
        // 设置内容自动适配
        starImgVw.contentMode = .ScaleAspectFit
        // 加入StackView的子View
        self.horizontalStackView.addArrangedSubview(starImgVw)
        // 更新界面放入UIVew动画中
        UIView.animateWithDuration(0.25, animations: {
            self.horizontalStackView.layoutIfNeeded()
        })
    }
    
    /**
     移除星星
     
     - parameter sender: Btn
     */
    @IBAction func removeStar(sender: AnyObject) {
        let star:UIView? = self.horizontalStackView.arrangedSubviews.last
        if let aStar = star
        {
            self.horizontalStackView.removeArrangedSubview(aStar)
            aStar.removeFromSuperview()
            UIView.animateWithDuration(0.25, animations: {
                self.horizontalStackView.layoutIfNeeded()
            })
        }
    }

}```

![stackView.gif](https://img.haomeiwen.com/i189984/cf5c95e47ffdabb4.gif?imageMogr2/auto-orient/strip)

- xib上对已经存在的View嵌套UIStackView

相关文章

  • 【UIKit】UIStackView

    UIStackView UIStackView : UIViewiOS 9.0 基于 Flexbox 思想的布局方...

  • iOS9 新特新介绍

    一. UIStackView 新控件:UIStackView 栈视图, 类似AppleWatch的Group 父类...

  • StackView

    我的博客, 各位看官有时间赏光 UIStackView UIStackView介绍 随着autolayout的推广...

  • UIStackView的应用

    UIStackView的定义 UIStackView控件有两种,横向布局和纵向布局 Axis:设置UIStackV...

  • UIStackView 初探(译)

    UIStackView 用于在列或行中布局视图集合的线性接口。 UIStackView 概览 UIStackVie...

  • UIStackView的妙用

    UIStackView简介 UIStackView是iOS 9+支持的布局控件,主要用于线性布局,可以简化布局,减...

  • iOS9新特性UIStackView

    概述 UIStackView是iOS9中新增的API,类似于Android中的线性布局。UIStackView提供...

  • UIStackView简单理解和使用

    一、UIStackView简介 UIStackView是iOS9中新增的API,类似于Android中的线性布局。...

  • iOS UIStackView

    简介 UIStackView是iOS 9 的新增控件,唯一的作用就是帮助布局 本文会详细介绍UIStackView...

  • UIStackView学习笔记

    UIStackView UIStackView能够利用,创建能够动态适应设备方向、屏幕大小和可用空间中任何更改的用...

网友评论

      本文标题:UIStackView

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