当前位置：文江博客话题详情

android中相对于屏幕宽度缩放图像

发布于 2024-10-15 00:03:00 字数 238 浏览 3 评论 0原文

我有一个包含两个图像的布局：

一个应该拉伸到屏幕宽度，
上面一个应该缩放到与第一个图像自动缩放相同的比例（相对于原始图像大小）

更具体：这两个图像是同一图像的切片，因此它们内部的一些细节应该匹配。
我可以用 XML 来做这个吗？

如果我不能通过 XML 做到这一点，也许我可以预先缩放图形。在这种情况下，我应该如何预缩放它们？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

影子的影子 2024-10-22 00:03:00

这有点像 hack，但它允许您在 xml 中执行此操作。

例如，如果您知道顶部图像的大小是底部图像大小的 X%，那么您可以使用 LinearLayout 的layout_weight 根据屏幕百分比来定位顶部图像并调整其大小：

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ImageView android:id="@+id/left_filler" android:layout_weight="20"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    <ImageView android:id="@+id/top_image" android:layout_weight="50"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    <ImageView android:id="@+id/right_filler" android:layout_weight="30"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
</LinearLayout>
 ... bottom image

上面的示例会将 top_image 的大小设置为 50屏幕的 %，距左侧偏移 20%。只要 top_image 的大小是 Bottom_image 的 50%，就会保持相似的比例。

或者，“正确”的方法可能是覆盖 onDraw() 在自定义视图中并使用画布绘制方法。

This is a bit of a hack, but it would allow you to do this in xml.

If you know that, for example, the top image is X% of the size of the bottom one, then you can use LinearLayout's layout_weight to position and size the top image in terms of percentage of the screen:

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ImageView android:id="@+id/left_filler" android:layout_weight="20"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    <ImageView android:id="@+id/top_image" android:layout_weight="50"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    <ImageView android:id="@+id/right_filler" android:layout_weight="30"
        android:layout_width="wrap_content" android:layout_height="wrap_content"/>
</LinearLayout>
 ... bottom image

The above would size top_image at 50% of the screen with an offset of 20% from the left. As long as top_image is 50% the size of bottom_image, this will keep similar scale.

Alternatively, the "right" way to do this is probably to override onDraw() in a custom view and use canvas drawing methods.

回复收藏 0 原文

镜花水月 2024-10-22 00:03:00

您可以使用 Canvas 类方法 drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint Paint)
用于通过自动缩放/平移来填充目标矩形来绘制指定的位图。这可用于具有不同矩形的位图。可以通过除以布局的当前宽度和高度来制定矩形。这样程序就会根据不同屏幕尺寸的设备缩放图像。

回复收藏 0 原文

~没有更多了~