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

ios - UIView 使用约束自动布局居中和调整大小


                                            <p><p>我正在尝试将我的 iPhone 应用程序转换为通用应用程序,但我真的无法弄清楚这些限制。尝试阅读有关自动布局的整章,但我仍然无法管理它。</p>

<p>所以在我的 ViewController 中有 2 个 <code>UIViews</code>,它们是一个正方形。如果它是纵向的,正方形会很好地显示出来。但是当我把 iPad 变成横向时,正方形变成了矩形。真的什么都试过了。 </p>

<p>还有一个问题,如果我设法将它们保持在中心和东西上,它们应该调整到更小的尺寸。认为这也可以通过自动布局实现。</p>

<p><strong>这是我的 <code>UIViews</code> 的基本设置:</strong></p>

<p> <img src="/image/TYILy.png" alt="Basic View"/> </p>

<p><strong>编辑新建议:</strong></p>

<p> <img src="/image/ERLHa.png" alt="Try"/>
<img src="/image/S87mt.png" alt="New try"/> </p>

<p>所以这几乎是完美的,但它应该是一个正方形。有什么想法吗?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您需要以下约束:</p>

<p>垂直:</p>

<ul>
<li>顶部方形固定到带有插图 10 的 superView </li>
<li>顶部正方形固定到底部正方形,插入 10</li>
<li>底部方形固定到带有插图 10 的 superView </li>
</ul>

<p>水平方向:</p>

<ul>
<li>顶部正方形固定到左边缘,插入 10(低优先级)</li>
<li>顶部正方形固定到右边缘,插入 10(低优先级)</li>
<li>在 superView 中居中的顶部正方形</li>
<li>底部方 block 的左边缘固定到顶部方 block 的左边缘</li>
</ul>

<p>尺寸:</p>

<ul>
<li>1:1 的顶部正方形纵横比(按住 ctrl 键从 View 拖动到自身即可实现此目的)</li>
<li>底部正方形的宽度和高度固定到顶部正方形</li>
</ul>

<p>这将使您的两个正方形尽可能多地填充垂直空间,同时不会重叠或超出 View 。 </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - UIView 使用约束自动布局居中和调整大小,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/24823665/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/24823665/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - UIView 使用约束自动布局居中和调整大小