FlexView 0.3.1

FlexView 0.3.1

×

由gavinning维护。

FlexView 0.3.1

  • 作者：
  • gavinning

FlexView

简单的盒模型，类似HTML的Flexbox，完整功能仍在实现中...
适用于一些常规布局场景，自动排序，自动间隔，入场和退场动画，可选横纵排列。

安装

pod install FlexView

需求

  • iOS 10.0+
  • Swift 4.0+

用法

let flex = FlexView(frame: CGRect(x: 0, y: 0, width: 320, height: 568))
let title = UILabel(frame: CGRect(x: 0, y: 0, width: 320, height: 60))
let image = UIImageView(UIImage(named: "001"))

title.text = "这是一个标题"
image.frame.size = CGSize(width: 320, height: 320)

flex.addSubview(title)
flex.addSubview(image)
// 盒子子视图排列方向 默认为垂直排列
flex.axis = .vertical
// 可选水平排列
flex.axis = .horizontal

// 子视图之间间距，默认值为0
// 如果要单独为某个子视图设置间距，直接改变该视图的x,y轴数值即可
flex.spacing = 0

// 盒子空间占用情况，只读属性
flex.usedSpace

删除子视图时更新FlexView

let flex = FlexView()
let btn = UIButton

btn.addTarget(self, action: #selector(btnClicked(_:)), for: .touchUpInside)

// This in ViewController
@objc func btnClicked(_ sender: UIButton) {
	if let superview = sender.superview as? FlexView {
		// 使用FlexView的删除方法 removeSubview
		// 不要使用sender.removeFromSuperview()
        superview.removeSubview(sender)
        // 更新contentSize用此方法
        superview.contentSizeToFit(animated: true)
        // 更新size用此方法
        superview.sizeToFit(animated: true)

        // sizeToFit的resize属性默认根据axis的值决定，也可以手动指定
        // 例如 只更新width
        superview.sizeToFit(by: .width)
        // 例如 只更新height
        superview.sizeToFit(by: .height)
        // 例如 宽高全部更新
        superview.sizeToFit(by: .both)
        // contentSizeToFit使用方法同上
    }
}

添加和删除动画

// 重写可选动画方法 默认为false
flex.addSubview(_ view: UIView, animated: Bool)
flex.removeSubview(_ view: UIView, animated: Bool)
flex.insertSubview(_ view: UIView, at index: Int, animated: Bool)

更新日志

v0.3.1
1.修复了`addSubview`和`insertSubview`加载数据时子视图`alpha`属性失效的问题

v0.3.0
1.重写`sizeToFit`方法用于重设FlexView所占空间
2.新增`contentSizeToFit`方法用于重设FlexView滚动区域
3.新增`removeSubview`方法，用于删除子视图；不要直接使用`item.removeFromSuperView`，因为FlexView无法跟踪子视图的自我删除操作
4.重写`addSubview`和`insertSubview`并添加可选动画参数，默认为设置为`false`