youngsoft / tangramkit Goto Github PK

请问这样的子视图怎么设置,或者父视图怎么设置?
ps:
其实就是利用TGFlowLayout设计9宫格布局[但是不完全只有9个子视图,可能[0-n],是需要动态添加的]

Code

imageLayout = TGFlowLayout(.vert, arrangedCount: 3)
        imageLayout.tg_space = 5
        imageLayout.tg_height.equal(.wrap)
        imageLayout.tg_gravity = TGGravity.horz.fill
        imageLayout.tg_width.equal(.fill)

当加入子视图时候.自动宽高相等

有的时候页面没有开启动画,但是在模拟器上运行就有布局动画,但是在真机上就不存在布局动画,不知道是什么原因导致的

建议使用命名空间的方式使用自定义的扩展属性

请问支持在xib或者在sb上直接拖拽使用吗？

在UITableViewCell中添加了一个TGRelativeLayout，并tg_setTarget设置了点击事件

但是点击TGRelativeLayout时，cell本身的点击事件(tableView didSelectRowAt)也会被调用

建议添加一个tg_xx属性，以控制是否让tg_setTarget的点击事件向下传递给父控件

请问替代TableView 和CollectionView的方案里，是否有CELL的自动复用。如果没有的话，是否可能会内存溢出呢？

进去该demo中先点击 最后一个按钮的布局，再点击倒数第二个的布局就会有问题。

TGBaseLayout.layoutSubviews()一直被触发

包体积过重，希望减少打包体积

請問在 TGLinearLayout 裡面其中一個 view 大小的時候
整個佈局有辦法以動畫方式重新 resize嗎

功能需求

需求描述：
|[边距] 【视图A】[边距] 【视图B】[边距] |
需求3个边距需要按父视图宽度进行均分

目前替代实现方法：
1.必须知道视图A,B的宽度。
2.计算实际应该显示的边距宽度。
3.设置tg_leftPadding和tg_rightPadding(其中space会自动浮动间距)

线性布局依次为
A
B
C
其中A,C weight 为 0 也就是自适应
B weight 为 1
如何支持这种情况

Hi everyone.

I added few subviews to TGLinearLayout. How can I get total calculated height of all layout? For using in UITableView

override func viewDidLoad() {
super.viewDidLoad()

// view.addSubview(rootLayout)
//
// let homeVC = HomeViewController()
// addChildViewController(homeVC, toContainerView: rootLayout.homeView)
//
// let tabVC = MainTabViewController()
// addChildViewController(tabVC, toContainerView: rootLayout.tabView)

    let linearLayout = TGLinearLayout(frame: self.view.frame, orientation: .vert)
    
    self.view.addSubview(linearLayout)
    
    
    let l2 = TGLinearLayout(.vert)
    l2.tg_width.equal(.fill)
    l2.tg_height.equal(10%)
    
    l2.backgroundColor = UIColor.red
    
    linearLayout.addSubview(l2)
    
}

这里 高度不是10% 而是全屏

当使用如下代码进行布局后，linearLayout 的高度为74（这是正确的），assignView的高度却变成了138（正确应该是64）。大致代码如下：

        let scrollView = UIScrollView()
        scrollView.frame = CGRect(x: 0, y: 64, width: 300, height: 300)
        scrollView.backgroundColor = UIColor.lightGray
        scrollView.showsVerticalScrollIndicator = false
        slef.view.addSubview(scrollView)

        let linearLayout = TGLinearLayout(.vert)
        linearLayout.tg_size(width: .fill, height: .wrap)
        
        // 从xib里加载出来的view
        let assignView = Bundle.main.loadNibNamed("AssignView", owner: nil, options: nil)!.last as! AssignView
        assignView.tg_size(width: .fill, height: 64)
        assignView.tg_bottom.equal(10)
        linearLayout.addSubview(assignView)
        
        scrollView.addSubview(linearLayout) 

是否有计划进行swift4的支持

我的理想状态是不用写.wrap

    descLabel.tg_top.equal(titleLabel.tg_bottom, offset: 5)
    descLabel.tg_centerX.equal(rootLayout.tg_centerX, offset: 0)
    descLabel.tg_height ~= .wrap
    descLabel.tg_width ~= .wrap

    remindButton.tg_bottom.equal(rootLayout.tg_bottom, offset: 20)
    remindButton.tg_right.equal(rootLayout.tg_right, offset: 10)
    remindButton.tg_width ~= .wrap
    remindButton.tg_height ~= .wrap

将 FlowLayout 的 tg_gravity 属性设置为 TGGravity.horz.right 的同时，再设置 tg_hspace的话，会出现右边纵向无法对齐的问题，y轴的差距应该就是来自由 tg_hspace设置的值

遇到一个想让一个 UILabel 只是占用剩余空间但是不用换行，才发现 layout 内部修改了 numberOfLines 属性，导致 UILabel 显示多行，想问下这样做是基于什么考虑呢？

我是按照demo，view放在loadView写的。并且修改了self.view
我需要添加一个CAShapeLayer，所以需要知道子控件尺寸。
我在viewDidLayoutSubviews下拿到的通过wrap的高度为0.
请问这种情况在正常生命周期下，应该在哪里才可以获取所有控件的正确frame呢？

估计是由于scrollView的可视区域变动 导致重新布局子视图 导致布局核心重复计算导致
建议 UI层更改了runloop捕获模式的操作 可以不重复让布局核心重复计算

https://github.com/schibsted/layout,是一个声明式的布局库。可以在xml文件中设置布局。写起来很像android。TangramKit这个库我第一眼看到很亲切（有很多布局方式和android的常用布局很像），然后我在想，作者能否将TangramKit和layout结合起来，然后真的就可以像写android布局那样写ios的布局。

目前sb和xib目前还不是很完善，希望作者大神，能够看看有没有可行性。（本人技术渣渣，想自己扩展，奈何技术有限，手动捂脸）

我企图给定父视图的高度，两个子视图给定间隔且等高来平分剩余高度。但是貌似第一个视图必须是独立能根据自身限定确定布局的。子视图能否这样联合布局？
不知道说清楚没有，程序员还是用代码交流吧：
S = TGRelativeLayout()
S.backgroundColor = UIColor.lightGray
S.tg_width.equal(100)
S.tg_height.equal(400)
S.tg_top.equal(64)
view.addSubview(S)
A = UIView()
C = UIView()
C.backgroundColor = UIColor.blue
A.backgroundColor = UIColor.red
A.tg_left.equal(0).and().tg_right.equal(0).and().tg_top.equal(10)
//A没有给定高度，和C等高来平分S剩余空间
C.tg_left.equal(0).and().tg_right.equal(0).and().tg_top.equal(A.tg_bottom).offset(10).and().tg_bottom.equal(10)
C.tg_height.equal(A.tg_height)//A和C等高
S.addSubview(A)
S.addSubview(C)

demo运行在iPhone6和iPhone6plus上面，ios10.3.1 ，特别特别卡，滚动起来一卡一卡的，非常明显，几乎属于不可用的。。。感觉比使用纯autolayout布局的还卡好多。。。其他页面还好，就tableview卡顿明显。

最后一次更新还是去年

我实现这样一个功能：相对布局下，子视图宽度==子视图高度==min(父视图高度，父视图宽度)
可以对数组扩展出一个tg_min的方法，view.tg_width.equal([a.tg_width, b.tg_height, c.tg_width].tg_min)，这样的结果就是view的宽度等于a.tg_width, b.tg_height, c.tg_width中的最小值。
非常感谢！！！

override func viewDidLoad() {
        super.viewDidLoad()

        let S = TGRelativeLayout()
        let A = UILabel()
        let B = UILabel()

        S.tg_width.equal(300).and().tg_height.equal(300)
        
        S.backgroundColor = .yellow
        
        A.text = "Hello world"
        A.backgroundColor = .blue
        
        A.tg_left.equal(0)
        A.tg_top.equal(0)
        A.tg_height.equal(40)
        A.tg_right.equal(B.tg_left).offset(10)

        B.text = "Hello world2"
        B.backgroundColor = .red
        
        B.tg_right.equal(0)
        B.tg_top.equal(0)
        B.tg_width.equal(.wrap)
        B.tg_height.equal(40)

         S.addSubview(A)
        S.addSubview(B)
        
        view.addSubview(S)
    }

我设置了相同的高度了

A.tg_height.equal(40)
B.tg_height.equal(40)

cell 外层 用 TGLinearLayout 抱起来了的 ios 15 以下 不会有问题

主 TGLinearLayout(.vert),添加两个2子布局，子布局1：TGLinearLayout(.vert)嵌套uibutton和uilabel,子布局2：TGLinearLayout(.horz)，嵌套uibutton,结果：子布局1跟子布局2出现重叠，

想错了~

用的你的框架，感觉很好用，现在有一个问题不知道怎么解决：

我现在的布局的尺寸写死的都是以375的设计图，比如这样 self.tg_top.equal(100)的代码到处都是。在自己的xs上显示是正常的，但是到6sp的系统上运行位置就会错误。

然后我百度查了一下，用下面的代码填上6sp和xs显示的位置都正常了
self.tg_top.equal(floor(CGFloat(Float(100) * Float((UIScreen.main.bounds.width/375.0)))))`

这里我试过了用百分比，但内边距self.tg_rightPadding并不能用百分比设置，就会导致内边距xs和6sp错位

请问是不是有更好的办法呢？不使用我百度查到的方法。
看文档中说的SizeClass是不是和我的问题有关？
我不是很能理解SizeClass怎么用，这里好像只和横竖屏的配置有关？

估计是由于scrollView的可视区域变动 导致重新布局子视图 导致布局核心重复计算导致
建议 UI层更改了runloop捕获模式的操作 可以不重复让布局核心重复计算

用public init(dynamicProvider: @escaping (UITraitCollection) -> UIColor) 方法创建的 UIColor 传递给 TGBorderline, 切换手机 light/Dark , view 的 tg_borderline 未能改变颜色!

<TGLinearLayout>
	<TGLinearLayout>之前的示例代码</TGLinearLayout>
	<UILabel numberOfLines=0></UILabel>
</TGLinearLayout>

这种布局情况会出现tg_sizeThatFits结果不准确。

正如其他人也提了这个问题， 外层的tg已经提供nameSpace了，后面的为什么不采用left，right，width之类的更为简洁和易于理解了？而且对于函数式编程这个特点来说， and(),还是有明显的smalltalk语法的影子啊，这要是OC版本无可厚非，Swift这样就不友好了。

希望得到以下2个问题的答复

如图，v1和v2只会显示出一个，通过界面查看，v2的高度为0
使用TGRelativeLayout，然后使用v2.tg_height.equal(v1.tg_height)就能看到高度，但是使用TGLinearLayout确看不到高度不显示，不知道这是为什么，但是使用v2.tg_height.equal(v1.tg_height.numberVal)就正常

还有第二个问题，就是自定义UIView当中使用布局，放到UIViewController中，布局高度为0，都重叠在了一起，代码和截图如下
我想要的效果是，我在自定义UIView中使用TGLinearLayout布局，然后在将其加入Controller中的TGLinearLayout，会自动撑开，我UILabel以及UIView都设置了.wrap,如图可看

  请教个问题，把下面的代码运行一下，会发现vertLayout.tg_setSubviews(size:60, minSpace:10, maxSpace:CGFloat.greatestFiniteMagnitude)无效，

但是把下面的代码放入官方提供的Demo中，就有效！
我想知道是哪里的原因？

    let vertLayout = TGFlowLayout(.vert, arrangedCount: 4)
    //这个垂直流式布局中，每个子视图之间的水平间距是浮动的，并且子视图的宽度是固定为60。间距最小为10，最大不限制。
    vertLayout.tg_setSubviews(size:60, minSpace:10, maxSpace:CGFloat.greatestFiniteMagnitude)
    vertLayout.tg_padding = UIEdgeInsets.init(top: 5, left: 5, bottom: 5, right: 5)
    vertLayout.backgroundColor = .lightGray
    vertLayout.tg_vspace = 20
    vertLayout.tg_size(width: .fill, height: .fill)
    vertLayout.tg_gravity = TGGravity.fill
    //因为上面tg_setSubviews设置了固定宽度，这个属性设置子视图的高度是填充满子布局视图，因此系统内部会自动设置每个子视图的高度，如果你不设置这个属性，那么你就需要在下面分别为每个子视图设置高度。
    self.view.addSubview(vertLayout)
    
    for i in 0 ..< 14
    {
        let label = UILabel()
        //label.tg_height.equal(60)  因为子视图的宽度在布局视图的tg_setSubviews中设置了，你也可以在这里单独为每个子视图设置高度，当然如果你的父布局视图使用了tg_gravity来设置填充属性的话，那么子视图是不需要单独设置高度尺寸的。
        label.text = "\(i)" //[NSString stringWithFormat:@"%d", i];
        label.textAlignment = .center
        label.backgroundColor = .red
        vertLayout.addSubview(label)
    }

BUG 报告

swift和OC同时存在。

重现步骤：

1. 修改Demo为TabbarController 嵌套UINavigationController

   代码如下：

   self.window =  UIWindow(frame: UIScreen.main.bounds)
           self.window!.backgroundColor = .white
           
           let nav = UINavigationController(rootViewController:ViewController(style:.plain))
           let nav2 = UINavigationController(rootViewController:ViewController(style:.plain))
           let tabbar = UITabBarController()
           tabbar.viewControllers = [nav, nav2]
           self.window!.rootViewController = tabbar
           
           self.window!.makeKeyAndVisible()
   

2. 旋转到横屏

3. 再次旋转到竖屏

期望结果：
正常显示

实际结果：
页面有问题，发生偏移

修复建议：
布局视图加入到非布局父视图时，如果父视图的尺寸有改动，就有需要激发布局子视图的更新。

其他信息：
关于_tgEndLayoutAction回调，由于调用后就清空，且_tgRotationToDeviceOrientationAction在相同设备方向只会调用一次。但是实际测试中发现，layoutSubviews会多次调用，导致没有回调获取真实尺寸。建议添加Api可以在layoutSubviews出发就触发，已获得最终真实尺寸。