其他分享
首页 > 其他分享> > 为autoLayout 增加标识符,方便调试

为autoLayout 增加标识符,方便调试

作者:互联网

为autoLayout 增加标识符,方便调试

如上图,是一个十分简单的布局。 root view 上加了一个 button 和一个 webview。

不加标识符的样子

  1. 视图层级中没有标识

    只有 UIView、WKWebView 之类,如果view很多,就很难分得清。

  2. 约束没有标识符

    只知道 uiview 和uibutton 中心对齐,不知道哪个view 和哪个 button。

  3. autoLayout 日志中没有标识符

    (lldb) po [0x7f8aaa50e6d0 _autolayoutTrace]
    
    •UIWindow:0x7f8aaa60a1b0
    |   •UIView:0x7f8aaa502c30
    |   |   *_UILayoutGuide:0x7f8aaa50d140
    |   |   *_UILayoutGuide:0x7f8aaa50d750
    |   |   *UIButton:0x7f8aaa50e6d0'click to send'
    |   |   |   UIButtonLabel:0x7f8aaa6073b0'click to send'
    |   |   *WKWebView:0x7f8aaa851000
    |   |   |   WKScrollView:0x7f8aaa853a00
    |   |   |   |   WKContentView:0x7f8aaa83c400
    |   |   |   |   |   UIView:0x7f8aaa706350
    |   |   |   |   |   |   UIView:0x7f8aaa7002e0
    |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa712200
    |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60ec10
    |   |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60edf0
    |   |   |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60f1b0
    |   |   |   |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60efd0
    |   |   |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60e850
    |   |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60e670
    |   |   |   |   |   |   |   |   WKCompositingView:0x7f8aaa60ea30
    |   |   |   |   UIView:0x7f8aaa7066b0
    |   |   |   |   UIImageView:0x7f8aaa70ce00
    |   |   |   |   UIImageView:0x7f8aaa70cbd0
    
    Legend:
        * - is laid out with auto layout
        + - is laid out manually, but is represented in the layout engine because translatesAutoresizingMaskIntoConstraints = YES
        • - layout engine host
    
    (lldb) po [0x7f8aaa50e6d0 constraintsAffectingLayoutForAxis:0]
    <__NSArrayI 0x600000f3aa30>(
    <NSContentSizeLayoutConstraint:0x6000025ac2a0 UIButton:0x7f8aaa50e6d0'click to send'.width == 102 Hug:250 CompressionResistance:750   (active)>,
    <SnapKit.LayoutConstraint:0x6000025a7420@ViewController.swift#26 UIButton:0x7f8aaa50e6d0.centerX == UIView:0x7f8aaa502c30.centerX>,
    <NSLayoutConstraint:0x600002289270 'UIView-Encapsulated-Layout-Width' UIView:0x7f8aaa502c30.width == 375   (active)>
    

    )

为约束增加标识符

    button.snp.makeConstraints { (make) in
        make.centerX.equalToSuperview().labeled("mybutton centerX")
        make.top.equalToSuperview().offset(50).labeled("mybutton top")
    }

    webView.snp.makeConstraints({ (make) in
        make.leading.trailing.bottom.equalToSuperview().labeled("mywebview Edges")
        make.top.equalToSuperview().offset(200).labeled("mywebview Top")
    })

效果

视图层级中,可以看到约束的标识符了。

选中约束之后,可以看到 Identifier了

layout日志中,可以看到标识符了

为 view 设置 accessibilityIdentifier 属性

view.accessibilityIdentifier = "rootView abi"
button.accessibilityIdentifier = "mybtn abi"
webView.accessibilityIdentifier = "mywebview abi"

效果

layout 日志中可以看到

但是 snapKit 约束的描述,设置的accessibilityIdentifier 没有作用。

增加 accessibilityLabel

在视图层级中,可以看到

总结

posted on 2018-11-10 09:40  花老????  阅读(488)  评论(0)  编辑  收藏

标签:accessibilityIdentifier,make,autoLayout,WKCompositingView,UIView,标识符,调试,view
来源: https://blog.51cto.com/u_15223551/2834038