菜鸟教程小白 发表于 2022-12-12 23:45:19

ios - 不同设备宽度的不同尺寸和 View 对齐方式


                                            <p><p>如何在 iPhone 6 纵向模式和横向模式下实现 View 跨越设备宽度,最大宽度为 400 像素并与右侧对齐?</p>

<p>这可以通过使用设备类和/或改变特征来实现吗?我真正想要的是 View 适应设备的宽度:如果它比 400 像素宽(因为我将设备旋转到横向模式或者因为应用程序在 iPhone Plus 或 iPad 上运行)它不应该再跨越显示器的宽度,但最大宽度为 400 像素并位于右侧。也许这只能通过代码来完成?</p>

<p>感谢您的任何意见。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><blockquote>
<p>What I really want, is that the view adapts to the width of the
device: if it is wider than 400px (because I rotated the device to
landscape mode or because the app runs on an iPhone Plus or iPad) it
should no longer span the width of the display but rather have a
maximum width of 400px and sit on the right side.</p>
</blockquote>

<p>这可以通过设置以下约束来控制 View 的宽度和位置来实现。</p>

<ol>
<li>使用常量 <code>0</code> 和优先级 <code>1000</code> 将 View 固定到其父 View 的后沿。</li>
<li>使用常量<code>0</code>和优先级<code>750</code>将 View 固定到其父 View 的前沿。</li>
<li>为 View 设置宽度约束,使其<em>小于或等于</em>到<code>400</code>,优先级为<code>1000</code>。</li >
</ol>

<p>在 iPhone 6 上以<em>纵向</em>查看时,所有三个约束都可以轻松满足。</p>

<p>当在 iPhone 6 上以<em>横向</em>查看时,约束 2(具有较低优先级)被打破以满足其他 2 个约束。 <em>Auto Layout</em> 将尽最大努力满足约束 2,并在不破坏 <code>400</code> 单位的宽度约束的情况下使 View 尽可能宽。</p>

<p>您的 View 需要其他约束来确定其高度和垂直位置。</p>

<hr/>

<p> <a href="/image/ALRBt.png" rel="noreferrer noopener nofollow"><img src="/image/ALRBt.png" alt="constraints in Storyboard"/></a> </p>

<hr/>

<p> <a href="/image/qp7EK.gif" rel="noreferrer noopener nofollow"><img src="/image/qp7EK.gif" alt="gif showing running in the simulator"/></a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 不同设备宽度的不同尺寸和 View 对齐方式,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/41696377/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/41696377/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 不同设备宽度的不同尺寸和 View 对齐方式