Question

我想获得以下结果：

这是一个带有蓝色边框/背景的ImageView，你们可以帮我吗？

这是当前的layout.xml：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:padding="16dp">

    <ImageView
        android:layout_width="72dp"
        android:layout_height="57dp"
        android:id="@+id/image_logo"
        android:src="@drawable/fb_icon"
        android:layout_centerVertical="true"
        android:gravity="center_vertical|left" />
</LinearLayout>

Answer 1

创建文件shadow_rect.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/darker_gray" />
            <corners android:radius="0dp"/>
        </shape>
    </item>
    <item android:right="1dp"  android:bottom="2dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="1dp"/>
        </shape>
    </item>

</layer-list>

并将其用作Imageview中的android：background =“ @ drawable / shadow_rect。

Answer 2

尝试一下

<?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:orientation="vertical">



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:layout_margin="10dp"
            android:src="@color/colorPrimary" />


        <ImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:src="@color/colorAccent" />

    </RelativeLayout>
</LinearLayout>

输出

Answer 3

这是您正在寻找的答案。这里的空白人是我从项目中使用的图像。与颜色相同。您可以使用自己的图像和颜色。

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


    <ImageView
        android:layout_width="72dp"
        android:layout_margin="8dp"
        android:gravity="center_vertical|left"
        android:background="@color/blue_biometric"
        android:layout_height="57dp"/>

    <ImageView
        android:layout_width="72dp"
        android:layout_height="57dp"
        android:id="@+id/image_logo"
        android:src="@drawable/blank_person"
        android:gravity="center_vertical|left" />



</RelativeLayout>

ImageView后面的边框/背景

3 个答案: