youngsoft / tangramkit Goto Github PK

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

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

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

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

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

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

请问这样的子视图怎么设置,或者父视图怎么设置?
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)

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

功能需求

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

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

想错了~

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)

希望得到以下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,如图可看

当使用如下代码进行布局后，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) 

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

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

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

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

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出发就触发，已获得最终真实尺寸。

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

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

我现在的布局的尺寸写死的都是以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怎么用，这里好像只和横竖屏的配置有关？

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

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

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

  请教个问题，把下面的代码运行一下，会发现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)
    }

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

Hi everyone.

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

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

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

最后一次更新还是去年

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

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

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

我的理想状态是不用写.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

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% 而是全屏

TGBaseLayout.layoutSubviews()一直被触发

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

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

我企图给定父视图的高度，两个子视图给定间隔且等高来平分剩余高度。但是貌似第一个视图必须是独立能根据自身限定确定布局的。子视图能否这样联合布局？
不知道说清楚没有，程序员还是用代码交流吧：
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)

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

我实现这样一个功能：相对布局下，子视图宽度==子视图高度==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中的最小值。
非常感谢！！！

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

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

是否有计划进行swift4的支持