问题标签 [aspect-fit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
789 浏览

swift - 快速图像方面填充高图像不起作用

我有这个 UIImageView 可能包含不同比例的图像。我研究了 UIImageView 的属性,似乎为 View 的 Mode 设置的Aspect Fill属性应该是我需要的。

当图像宽于高时,它按预期工作:从 UIImageView 中剪切图像的左右部分。

但是,如果图像高于宽度,则不会剪切图像的上方和下方部分,它允许图像从其视图中出来并在视图下方重叠。

这些是我对 UIImageView 的约束:在此处输入图像描述

我已经看到了几个像我一样进行的教程,但结果对我来说是不同的。

0 投票
3 回答
6852 浏览

grid-layout - 有没有办法制作具有固定纵横比的 NativeScript GridLayout?

首先,如果我不遵守任何 SO 规则,我想道歉,因为这是我的第一个问题。

我想要完成的是在我的页面中有一个方形的gridLayout。该行为应该等同于拥有一个带有stretch="aspectFit" 的元素。

如果建议的解决方案可以让我强制执行任何给定的纵横比而不仅仅是一个正方形,那将是一个很好的加分,因为它将允许我在未来解决多种情况。或者,如果它可以应用于任何 Layout 元素,那也很好。

该解决方案可以随心所欲,并且可以以任何您需要的方式嵌套 GridLayout 来完成此操作。

我已经尝试过像这样破解它:

视觉上它似乎工作,但 GridLayout 的内容没有适当地填充它

PS:我刚刚注意到在我选择的示例中,我试图使正方形的布局元素是嵌套的 StackLayout,但这是相同的想法。我需要一种使嵌套布局元素平方的方法。

0 投票
2 回答
3025 浏览

xcode - Xcode Imageview Aspect Fit 删除额外空间

我在 UITableViewCell 中有一个图像视图。

如果图像很大,带有 Aspect Fit 的 Imageview 会在顶部和底部创建大量额外空间。额外的空间(灰色背景颜色)如下图所示。

如何删除多余的空间?

Imageview 额外空间
几点注意事项:

  1. 这张特殊的图片是 890 x 589,屏幕截图是在 iphone 6S 模拟器上拍摄的。

  2. 我正在使用 UITableViewAutomaticDimension 自动表格单元格高度。

  3. imageview 没有高度限制,因此它可以相应地调整大小。

先感谢您。

0 投票
1 回答
297 浏览

ios - 图像视图和图像纵横比之间的差异

我在 UIView 上添加了一个 Imageview,并设置了属性 AspectToFit。根据应用要求,我需要在 imageview 上再添加一张图片。

iPhone 6s 加

此代码适用于除 iPhone(iPhone 6 Plus、iPone 7 Plus)以外的所有设备。正如我所见,仅在 Plus 尺寸的设备中存在问题。

计算imageview和正确图像之间的差异或比率是否有不同?请指教。

请参考附图iPhone 5S

0 投票
1 回答
74 浏览

swift3 - UIImageView中UIImage上下空白高度

给定使用 AspectFit 的 UIImageView,我如何计算 UIImage 上方和下方的任何空白的高度?

0 投票
0 回答
133 浏览

swift - 下载后如何修复 UIImageView Aspect Fit

我将图像视图设置为宽高比并在下载图像后调整其大小,以删除顶部和底部的额外填充。除非第一张图像没有填满整个屏幕,否则我的工作正常,它会错误地裁剪第二张图像。如果我退出屏幕并返回它是固定的。知道如何解决这个问题吗?我还添加了估计的行高。

在我的牢房里:

这是它的样子,带有纵向高图像的场景 1 可以正常工作。带有短图像的场景 2 将其裁剪得很奇怪。

方面适合作物问题

0 投票
2 回答
91 浏览

ios - 如何获取图像视图中占据的图像的实际高度以适应纵横比

我想根据图像在 imageview 中所占的高度来更改 imageview 的高度。

我正在使用内容模式Aspect Fit

关于如何做到这一点的任何想法?

0 投票
3 回答
492 浏览

ios - iOS - Swift - UIImage 上的可点击区域

我正在做一个项目,我必须在代表人体的图像上的特定区域中绘制点。在Interface Builder中,我设置了一个容器UIView,它占据了主视图的大部分垂直中心。在那个容器视图中,我放置了一个 UIImageView 并在 IB 中设置了图形。图形比 UIImageView 和容器 UIView 都大得多,更具体地说,它更高。UIImageView 的 ContentMode 设置为 AspectFit,因为我希望图像不显示为大于容器。

该代码创建了几个 CGRect 实例,这些实例是用户点击有意义的区域。当用户点击容器视图时,代码用于确定该点是否在某个区域内,如果是,则在该区域的中心绘制一个点。

问题是当我在某些模拟器上运行应用程序时,区域矩形不在图像上的正确位置。例如,当我在 iPhone X 上运行应用程序时,头部的矩形区域看起来不错。当我在 iPhone XR 上运行应用程序时,矩形区域位于头部左侧。

在此处输入图像描述 在此处输入图像描述

我正在使用坐标来定义区域矩形,这些矩形基于例如人头在图像中的位置。我觉得这不是正确的方法,因为图像的 ContentMode 的 AspectFit 很可能导致图像被缩放以保持纵横比。

底线是,无论图像如何缩放,我都希望矩形位于正确的位置和大小。不确定我的做法是否有意义,所以希望有一些建议可以提供更好的方法来做到这一点。

更新 1:UIImageView 固定在周围的 UIView 上,因此它的宽度和高度与容器一样大。由于图像比 UIImageView 更瘦,图像显示在它的中心。在附加的图像中,紫色背景是 UIImageView 显示最上面的 UIView 的背景颜色。

更新 2:我检查了宽度和高度的比例,发现它们不同。宽度比例因子为 1.36565656565,高度比例因子为 2.104。我尝试了使用 Sweeper 给出的两个比例因子给出的公式,但没有运气。

0 投票
1 回答
675 浏览

ios - 如何快速调整 UIView 的背景图像?

当我将背景图像设置为图案图像时,图像会被拉伸,所以我想设置为适合此图案图像的纵横比,如何做到这一点?

谢谢..

0 投票
1 回答
358 浏览

xamarin.forms - Xamarin 表单 - 在 Android 上更改图像后,CarouselView 中的动态绑定图像丢失了 Aspect.Fit

我正在使用 Xamarin 表单进行跨平台项目。我正在使用 carouselview 来显示图像按钮。请参阅下面的代码片段。customImageButtonStyle 设置为 Aspect.Aspect.Fit。最初它按预期工作。但是,图像更改后,图像仍然显示,但更小,即。不再做 Aspect.Fit。如果我将相同的代码放在轮播视图之外,它就不会出现这样的问题。

请注意,此问题也记录在https://github.com/alexrainman/CarouselView/issues/561