通过style控制圆形imageView显示

最新推荐文章于 2024-05-13 10:00:49 发布

转载最新推荐文章于 2024-05-13 10:00:49 发布 · 357 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/galibujianbusana/p/6206489.html

文章标签：

#移动开发

本文介绍了一种使用Android自定义Drawable实现圆形头像效果的方法。通过定义layer-list XML文件，设置了带有蓝色边框的红色圆形背景，并应用于ImageView中。此外，还展示了如何设置普通头像与圆形头像并列显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.drawable--style

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 图层1(oval) -->

    <!-- left,top,right,bottom定义为-10，是为了扩大oval，达到覆盖四角的效果 -->

    <item android:left="-10dp" android:top="-10dp" android:right="-10dp" android:bottom="-10dp">

        <shape

            android:shape="oval">

            <!-- oval_inner[内部] -->

            <solid android:color="#F00" />

            <!-- oval_outer[边线] ，使用时改成父控件颜色即可 ，图中的蓝色背景 -->

            <stroke

                android:width="10dp"

                android:color="#00F" />  

            <!-- oval_inner_size[大小(除去边线)] ，也是最终裸露出来的圆形图像区域-->

            <size

                android:height="50dp"

                android:width="50dp" />

            <!-- 使oval_inner透明，裸露出将来设置的背景图片 -->

            <gradient android:centerColor="#0000" />

        </shape>

    </item>

</layer-list>

<ImageView

        android:id="@+id/iv_circle_header"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="@mipmap/head"

        android:src="@drawable/image_style"/>

    <!-- 普通头像-->

    <ImageView

        android:layout_below="@+id/iv_circle_header"
        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="@mipmap/head"/>