通过自动布局添加分隔线[关闭]

Posted 2023-03-11

【中文标题】通过自动布局添加分隔线[关闭]

【英文标题】：add separator line through auto layouts [closed]

【发布时间】：2017-11-08 08:15:23

【问题描述】：

我已经通过自定义视图添加了行，但根据设备宽度，前导和尾随无法正常工作。我如何在视图中添加以下分隔线并通过自动布局处理它。

【问题讨论】：

根据设备宽度，前导和尾随无法正常工作您遇到了什么问题

检查此屏幕简短。 prntscr.com/h7owvk

考虑添加更多关于如何分隔分隔符的详细信息。正如所写，目前尚不清楚您的最终目标是什么。您是否希望内容区域之间的线条居中？它们是固定宽度吗？他们应该占据屏幕的一定比例吗？在不知道您希望事情如何发展的情况下，很难就如何前进提供建议。

【参考方案1】：

我认为是您的三视图设置不正确的问题

给出如下约束

1) 添加3个View并给予相等的宽高约束

2) 左视图 -> 前导 -> 顶部 -> 底部 -> 固定高度（无论您需要什么）

3) 左分隔符 -> -> 前导（左视图）-> 垂直居中（左视图）-> 固定宽度（任意常量）-> 固定高度（任意常量）

4) 中心视图 -> 前导（左分隔符）-> 顶部 ->（左视图）-> 底部 ->（左视图）

5) 右分隔符 -> -> 前导（中心视图）-> 垂直居中（左视图）-> 固定宽度（与左侧相同）-> 固定高度（与左侧相同）

6）右视图->前导（右分隔符）->顶部->（左视图）->底部->（左视图）->尾随（主视图）

希望对你有帮助

【讨论】：

@ShahbazAkram 很高兴听到该解决方案有效！！