将具有特定纵横比的图像添加到 ScrollView

Posted

技术标签:

【中文标题】将具有特定纵横比的图像添加到 ScrollView【英文标题】:Adding an image with a specific aspect ratio to a ScrollView 【发布时间】:2018-08-20 15:59:41 【问题描述】:

我正在尝试将复合组件添加到滚动视图但保持组件的纵横比相同。我将复合组件的顶部和底部限制为父组件,并限制了纵横比。我遇到的问题是滚动视图不知道复合组件的宽度是多少,因此它会切断屏幕上没有的内容。有没有办法让 Scroll View 在保留图像纵横比的同时不切断复合组件的前缘和后缘?

【问题讨论】:

尝试创建一个约束,将复合组件的宽度设置为等于 scrollView 的宽度,然后将其更改为 【参考方案1】:

我找到了解决问题的方法。我所做的是更改约束,使前缘和后缘受到约束,而不是顶部和底部。然后我玩弄纵横比,直到我得到一切都合适。我还将内容模式设置为按比例填充。

【讨论】:

以上是关于将具有特定纵横比的图像添加到 ScrollView的主要内容,如果未能解决你的问题,请参考以下文章

如何在此应用程序中保持图像视图的纵横比? 【Android、ImageView、长宽比、ScrollView】

从 URI 加载特定尺寸的图像,保留纵横比

在不丢失纵横比的情况下将图像放入特定大小的盒子中?

如何使用 Cordova/Ionic 将图像裁剪为特定纵横比?

设置缩小的相机预览以相对于宽度具有正确的图像纵横比

iPad的纵横比问题?