删除图像视图周围的空白

Posted 2023-04-19

【中文标题】删除图像视图周围的空白

【英文标题】：Remove white spaces around image view

【发布时间】：2019-09-29 03:24:07

【问题描述】：

我在约束布局中使用了一个图像视图，并将高度和宽度设置为零，并添加了高度和宽度百分比。但是当我添加高度和宽度百分比时，它会在图像的顶部和底部添加空白空间，如何从图像的顶部和底部删除这些空白空间。我试过了

android:adjustViewBounds="true"
android:cropToPadding="false"
android:scaleType="fitXY"

但是白色的顶点没有被删除。这是用于图像视图的 xml。

<ImageView
        android:id="@+id/iv_conf_call"
        android:layout_
        android:layout_
        app:layout_constraintHeight_percent="0.1"
        app:layout_constraintWidth_percent="0.1"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        android:layout_marginRight="16dp"
        android:background="@drawable/ripple_with_background"
        android:contentDescription="@null"
        android:onClick="btnCall_Clicked"
        android:padding="10dp"
        android:src="@android:drawable/sym_action_call"
        android:tint="@color/white"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_waiting" />

我想删除图片中显示的黄色突出显示的空白区域。

ripple_with_background.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:drawable="@color/colorPrimaryDark" android:shape="oval" />
    </item>
    <item android:drawable="@drawable/icon_round_background" />
</selector>

icon_round_backgroun.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false">
    <solid android:color="@color/colorPrimary" />

</shape>

【参考方案1】：

您可以尝试设置图像的纵横比吗？

app:layout_constraintDimensionRatio="H,16:9"

在你的情况下应该是 1:1