将图像缩放到最大可用宽度，保持宽高比并避免 ImageView 额外空间

Question

我有这个简单的布局 XML 和一个 30X30 像素的 green_square.png 文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ImageView
        android:background="@color/red"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
        android:src="@drawable/green_square"/>

</LinearLayout>

我想要实现的是缩放图像以填充父宽度，保持其纵横比，而没有 ImageView 的额外空间。

我在 ImageView 中添加了红色背景，只是为了参考我想要避免的额外空间。

这是我的目标

Answer 1

<ImageView
        android:id="@+id/game"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:adjustViewBounds="true"
        android:src="@drawable/ic_game" 
        />

这对我有用。母体和中心作物的全宽以保持纵横比

Answer 2

就是这么简单。只需将宽度设为 fill_parent ，将高度设为 wrap_content 即可。这是我想出来的。

<ImageView
    android:id="@+id/game"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
    android:src="@drawable/ic_game" 
    />

Answer 3

在我看来，这个 ImageView 额外布局是一个错误。我也发生过同样的事情。结果，我想要遵循 green_square 的文本遵循了额外的布局。所以我所做的就是指定相对于屏幕底部的文本。这样，文本就会覆盖额外的布局。我承认，这不是最好的解决方案，但它看起来比 green_square 和文本之间有巨大的空间要好得多。

Answer 4

这里有很多很好的答案，而且确实有效。我只是想分享一下我现在使用更现代的 XML 语法（即约束视图）执行此操作的方式。相信我约束视图车！

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#394BAB"
    tools:context="com.appdomain.app.apppro.ActivityName">

    <ImageView
        android:id="@+id/nice_img"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:src="@drawable/green_square"
        android:scaleType="centerCrop"
        android:adjustViewBounds="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

当然
工具：context =“com.collect savings.collect.collectpro.LoginAndRegisterPrompt”
和
android:src="@drawable/green_square"
都应该分别匹配您的应用程序活动上下文和drawabl 资源。

Answer 5

使用比例类型“fitCenter”或“fitxy”

Answer 6

试试这个，

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/red"
    android:scaleType="centerCrop"
    android:src="@drawable/green_square" />

</LinearLayout>