Question

我需要在Android上的ImageView周围设置一个矩形边框。我不知道图像的确切比例，因此将高度和宽度设置为wrap_content。 ImageView受顶部和底部视图的限制。

如何在图像周围绘制边框？不完整的ImageView？

目前它给出了以下结果：

我的XML 布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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="@color/outer_background"
    android:orientation="vertical">

    <include layout="@layout/toolbar"/>

    <RelativeLayout
        android:id="@+id/login_layout_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="16dp"
        android:layout_weight="1">

        <ImageView
            android:id="@+id/login_course_logo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@+id/login_layout_account_fields"
            android:layout_alignParentTop="true"
            android:background="@drawable/border_course_logo"
            tools:ignore="contentDescription"/>

        <ProgressBar
            android:id="@+id/login_progress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:indeterminate="true"
            android:visibility="gone"/>

        <RelativeLayout
            android:id="@id/login_layout_account_fields"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="top"
            tools:ignore="textFields">

        </RelativeLayout>
    </RelativeLayout>
</LinearLayout>

border_course_logo.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent"/>
    <stroke
        android:width="1dp"
        android:color="@color/divider"/>
    <padding
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp"/>
</shape>

Answer 1

在你的位置，我会在下载图像后改变ImageView的宽度（如果你使用Glide或类似的东西）。

Answer 2

尝试在布局xml文件中将android:adjustViewBounds="true"添加到ImageView。

在具有wrap_content高度和宽度的ImageView周围绘制边框

2 个答案: