菜鸟教程小白 发表于 2022-12-13 07:19:28

ios - 自动布局:具有可变高度和两个标签的表格单元格


                                            <p><p>我遇到了一些高级自动布局主题,需要您的帮助。</p>

<p>我有一个简单的自定义表格单元格,标签固定在左侧,一个固定在右侧,非常简单:</p>

<p> <img src="/image/5DhY9.png" alt="enter image description here"/> </p>

<p>现在,我希望左侧标签始终位于左上角,高一行,并根据内容缩放其宽度,最大为可用空间的 50%(如果内容超过此值,我希望它被点切断):</p>

<p> <img src="/image/4hcCm.png" alt="enter image description here"/> </p>

<p>我希望右侧标签始终位于右上角,向左增长直到到达左侧标签的右边框。根据左侧标签的宽度,右侧标签可能会变宽或变薄:</p>

<p> <img src="/image/CP4N3.png" alt="enter image description here"/> </p>

<p>现在,如果内容不适合右标签,我希望它使用几行来改变单元格的大小,但仍然尊重左标签的大小:</p>

<p> <img src="/image/uWzBJ.png" alt="enter image description here"/> </p>

<p>我知道如何让标签自动增长表格单元格,但我不知道如何正确配置左右标签之间的关系。</p>

<p>谁能帮我解决这个问题?</p>

<p>非常感谢!</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您需要以下约束:</p>

<ul>
<li><code>leftLabel</code> 上的宽度约束,表明它应该小于或等于父 View 的 <code>width/2</code>。将此约束的优先级设为 <code>1000</code>(绝对必需)。</li>
<li><code>leftLabel</code> 的尾随到 <code>rightLabel</code> 的前导之间的水平间距约束,优先级低于上述优先级,但仍需要(例如,<code>900</code>)。</li>
<li>使<code>leftLabel</code>的横向内容拥抱优先级<code>1000</code>。</li>
</ul>

<p>XIB中第一个约束怎么做:</p>

<p>基本上就是<code>leftLabel</code>上<code>Ctrl+左键点击</code>到superview,添加<code>Equal Widths</code>约束,然后修改约束为<code><=</code> 而不是 <code>=</code>。还要修改<code>Multiplier</code>;而不是 <code>1</code>,改为 <code>1:2</code> 或 <code>2:1</code>,其中 2 对应于 superview 的宽度。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 自动布局:具有可变高度和两个标签的表格单元格,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/30289182/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/30289182/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 自动布局:具有可变高度和两个标签的表格单元格