菜鸟教程小白 发表于 2022-12-13 15:52:22

ios - 具有大小类的 UIStackView subview


                                            <p><p>尝试使用 size classes 来实现 UIStackView,其中 iPhone 有 2 个标签,iPad 有 3 个标签。</p>

<p>查看层次结构</p>

<ol>
<li><p><strong>默认尺寸等级</strong></p>

<pre><code>


</code></pre>

<p> <a href="/image/cdVvg.png" rel="noreferrer noopener nofollow"><img src="/image/cdVvg.png" alt="enter image description here"/></a> </p></li>
<li><p><strong>RxR 尺寸等级</strong></p>

<pre><code>


</code></pre>

<p> <a href="/image/ySToy.png" rel="noreferrer noopener nofollow"><img src="/image/ySToy.png" alt="enter image description here"/></a> </p></li>
</ol>

<p>正如您在上面的屏幕截图中看到的那样,它在 Storyboard 中看起来完全符合预期,但在模拟器 iPad 上的 View 却一团糟。 </p>

<p><strong>iPhone 输出</strong>(好的)</p>

<p> <a href="/image/QTC9e.png" rel="noreferrer noopener nofollow"><img src="/image/QTC9e.png" alt="enter image description here"/></a> </p>

<p><strong>iPad 纵向输出</strong>(搞砸了)</p>

<p> <a href="/image/gZMV7.png" rel="noreferrer noopener nofollow"><img src="/image/gZMV7.png" alt="enter image description here"/></a> </p>

<p><strong>iPad 横向输出</strong>(搞砸了)
<a href="/image/fdRHk.png" rel="noreferrer noopener nofollow"><img src="/image/fdRHk.png" alt="enter image description here"/></a> </p>

<p>iPad 发生了什么?这是一个错误还是我错过了什么?
谢谢。</p>

<p>我创建了一个 <a href="https://www.dropbox.com/s/o9ez7rs7g7n7c9k/sizeclasstest.zip?dl=0" rel="noreferrer noopener nofollow">sample project</a> .</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>按照以下步骤实现您的要求:</p>

<ul>
<li>将一个水平 Stackview 拖入您的界面构建器</li>
<li>设置它的约束,例如:<code>top,leading,=trailing and fixed height</code></li>
<li>将三个标签拖放到其中并一起选择并设置一个约束:<strong><code>等宽</code></strong></li>
<li>现在选择第二个或中间标签,然后从 <code>attribute inspector</code> 点击 <code>installed</code> 旁边的 <code>+</code> 按钮,然后为宽度和高度选择常规。它将添加常规、常规变体并<code>取消选中该 R、R 变体的复选框</code>。请参阅下面的屏幕截图以更好地理解,</li>
</ul>

<p> <a href="/image/LxxFa.png" rel="noreferrer noopener nofollow"><img src="/image/LxxFa.png" alt="enter image description here"/></a> </p>

<p>你就完成了!现在您的中心标签将不会显示在 iPad 中,而每个标签都将显示在 iPhone 中!</p>

<p>在我的例子中,请看下面 <code>iphone 和 ipad</code> 的结果截图!</p>

<p>iPhone:</p>

<p> <a href="/image/4sRWJ.png" rel="noreferrer noopener nofollow"><img src="/image/4sRWJ.png" alt="enter image description here"/></a> </p>

<p>iPad:</p>

<p> <a href="/image/YZtt4.png" rel="noreferrer noopener nofollow"><img src="/image/YZtt4.png" alt="enter image description here"/></a> </p>

<p><strong>更新:</strong></p>

<p>如果您想要两个在 iPhone 中隐藏标签并在 iPad 中显示,则再添加一个变体:<code>Compact Width Regular Height</code> 用于中间标签并取消选中复选框以卸载。引用下面的截图,</p>

<p> <a href="/image/FjJk9.png" rel="noreferrer noopener nofollow"><img src="/image/FjJk9.png" alt="enter image description here"/></a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 具有大小类的 UIStackViewsubview ,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/47286134/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/47286134/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 具有大小类的 UIStackView subview