菜鸟教程小白 发表于 2022-12-12 14:58:37

ios - ImageView 16 :9 aspect ratio


                                            <p><p>我希望特定 ImageView 中的所有图像都适合 16:9 的纵横比。图像应调整大小以适应这些限制,而不改变其自身的纵横比。</p>

<p>因此,例如,如果我有一个纵横比为 4:3 的图像,它应该在保持纵横比的同时将自身调整到 Image View 的 16:9 约束。</p>

<p>所以我的问题是,如何使用界面生成器将 ImageView 设置为 16:9 的纵横比?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p><strong>步骤:</strong></p>

<ol>
<li>添加 <strong>Width 约束</strong> 和 <strong>Aspect Ratio 约束</strong>,如下所示:<em>(<strong>注意:</strong> 您也可以使用前导、尾随约束 -- 它们解析 X 位置。要解决 Y 位置,您可以添加顶部或底部约束 (OR) <strong>Align Center Y</strong> 约束。):</em></li>
</ol>

<p> <a href="/image/7a0Nd.png" rel="noreferrer noopener nofollow"><img src="/image/7a0Nd.png" alt="Constraints"/></a> </p>

<ol 开始=“2”>
<li>选择您的 ImageView 并转到<strong>尺寸检查器</strong>,为您刚刚添加的宽高比约束选择编辑,然后将 16:9 输入到那里的乘数。完成了。</li>
</ol>

<hr/>

<p>如果您更改宽度限制,高度将根据纵横比自动更改。 <strong>确保将 <code>ImageView</code> 的内容模式设置为 <code>scaleAspectFill</code>。</strong></p>

<p> <a href="/image/whLhg.png" rel="noreferrer noopener nofollow"><img src="/image/whLhg.png" alt="Edit Aspect Ratio"/></a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios -ImageView16 :9 aspect ratio,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/52805754/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/52805754/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - ImageView 16 :9 aspect ratio