您的位置:首页 > 其它

圆形头像设置—CustomShapeImageView

2017-01-14 11:14 357 查看


[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 : 行与行之间的距离
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐