菜鸟教程小白 发表于 2022-12-12 11:58:03

iOS 自动布局 : Issues with 2 variable sized boxes and 1 fixed sized box


                                            <p><p>我已经为这个问题苦苦思考了几个小时,并认为是时候问问其他人了。</p>

<p>我有 2 个大小必须相同的 View ,在这两个 View 中有 2 个大小可变的框(下图中的绿色和蓝色)和一个固定大小的框(粉红色) .</p>

<p>这是一个示例图像:</p>

<p> <img src="/image/LzChG.png" alt="Scenario 1"/> </p>

<p>绿色和粉色框设置在顶部,蓝色框漂浮在它们下方。蓝色框与其他两个框的最低点的距离不得低于 15pt。这意味着如果绿色框变小(如下图所示),那么蓝色框应该与粉色框保持 15pt。</p>

<p> <img src="/image/bRwXD.png" alt="Scenario 2"/> </p>

<p>最后,由于单元格的高度是固定的,所以如果蓝色框变小,那么它应该留在其他框,但在其下方留出空间以填充 View 的其余部分(因为它必须与在它旁边查看),我试着在这里拍照:</p>

<p> <img src="/image/XwatR.png" alt="Scenario 3"/> </p>

<p>这里的关键是我们正在研究两者的较小 View 。
(绿色和蓝色框都是标签,文本必须在框的顶部。)</p>

<p>我想出的最佳解决方案是添加:</p>

<ul>
<li>green.bottom >=15 blue.top</li>
<li>pink.bottom >=15 blue.top</li>
<li>blue.bottom >=15 superview.bottom</li>
</ul>

<p>但我得到了它们之间的“不平等约束歧义”,因为不平等还不够“好”。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您需要在蓝色 View 与绿色和粉红色 View 之间再添加两个约束。应该是,</p>

<p>green.bottom == 15 blue.top priority 900</p>

<p>pink.bottom == 15 blue.top priority 900</p>

<p>您的 >= 约束的默认优先级为 1000,这意味着它们是必需的。这将确保两个 View 与蓝色 View 的距离都不会超过 15 个点。添加这些具有较低优先级的新相等约束意味着系统将尝试满足它们,但它不是必须的。这将导致系统在不违反 >= 约束的情况下满足这两个相等约束中的哪一个。</p>

<p>我不确定 View 底部需要什么约束(来自蓝色 View ),因为我不确定你想要它的大小。</p></p>
                                   
                                                <p style="font-size: 20px;">关于iOS 自动布局 : Issues with 2 variable sized boxes and 1 fixed sized box,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/26161300/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/26161300/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: iOS 自动布局 : Issues with 2 variable sized boxes and 1 fixed sized box