圆形头像设置—CustomShapeImageView

最新推荐文章于 2021-05-27 15:04:04 发布

原创最新推荐文章于 2021-05-27 15:04:04 发布 · 729 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#圆形头像 #自定义 #CustomShap #ImageView

Android-UI布局专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个名为CustomShapeImageView的第三方库，该库可以实现在Android应用中不同形状的头像剪裁功能。文章详细展示了如何将该库集成到项目中，并提供了具体的依赖配置和布局示例。此外，还介绍了状态选择器的创建方法以及网格控件的基本用法。

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

这里写图片描述

[GitHub的源码下载]
(https://github.com/MostafaGazar/CustomShapeImageView)
介绍：
一般在个人中心页面，需要实现不同形状的头像剪裁，这里引入第三方的使用——CustomShapeImageView
1：依赖包

dependencies {
    ...
    compile 'com.mostafagazar:customshapeimageview:1.0.4'
    ...
}

2：如果你使用混淆器代码收缩和迷惑，一定要添加以下：

   -keep class com.meg7.widget.** { *; }

3：然后就只需要在布局文件布局就OK

格局自己的业务逻辑，选择不同形状的布局

<com.meg7.widget.CustomShapeImageView
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:src="@drawable/sample"
    app:shape="circle"
    android:scaleType="centerCrop" />
    <com.meg7.widget.CircleImageView
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:src="@drawable/sample"
    android:scaleType="centerCrop" />

<com.meg7.widget.RectangleImageView
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:src="@drawable/sample"
    android:scaleType="centerCrop" />

<com.meg7.widget.SvgImageView
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:src="@drawable/sample"
    app:svg_raw_resource="@raw/shape_star"
    android:scaleType="centerCrop" />

这里写图片描述

拓展：
Selector—状态选择器
状态选择器：特殊的图片，可以根据不同的情况显示不同的图片，一般是默认和按下两种颜色
创建步骤：res -> drawable -> xxx.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:state_pressed="true"
              android:drawable="@drawable/button_pressed" /> <!-- pressed 按下显示图片-->
        <item android:state_focused="true"
              android:drawable="@drawable/button_focused" /> <!-- focused 获取焦点显示的图片-->
        <item android:state_hovered="true"
              android:drawable="@drawable/button_focused" /> <!-- hovered 鼠标悬停显示的图片-->
        <item android:drawable="@drawable/button_normal" />  <!-- default 默认显示的图片-->
</selector>
在布局文件中使用，设置控件背景即可
android:background="@drawable/selector_home_setting"

GridView—网格控件

android:numColumns="2"   继承abslistview，所以操作基本一致 umColumns : 设置GridView的列数
android:horizontalSpacing="5dp"      horizontalSpacing : 列与列之间的距离            Spacing['spesɪŋ]间隔
android:verticalSpacing="5dp"     verticalSpacing : 行与行之间的距离