美文网首页Android专题Android控件使用篇
CircleImageView库告别圆形图片处理CircleIm

CircleImageView库告别圆形图片处理CircleIm

作者: 千夜零一 | 来源:发表于2020-09-19 22:48 被阅读0次

    引言

      在Android中你使用什么处理图片,让其显示圆形呢?还是采用自定义View去裁剪ImageView吗?其实大可不必!

      本期就来安利一个Github上的圆形图片处理库——CircleImageView。


    效果预览

    圆形图片.jpeg

    用法

    第一步:添加依赖(mudule下build.gradle)

    dependencies {
        ...
        implementation 'de.hdodenhof:circleimageview:3.1.0'
    }
    

    第二步:布局文件中使用

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout 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"
        tools:context=".show.Case28"
        android:background="@color/blue"
        tools:ignore="MissingConstraints">
    
        <ImageView
            android:id="@+id/iv_image"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:src="@drawable/user_img" />
    
        <de.hdodenhof.circleimageview.CircleImageView
            app:layout_constraintTop_toBottomOf="@id/iv_image"
            android:id="@+id/cir_image"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:src="@drawable/user_img" />
    
    </androidx.constraintlayout.widget.ConstraintLayout>
    

    大功告成!因为布局文件未编译,所以显示的效果还是方的,运行一下就可以看到效果了!

    相关文章

      网友评论

        本文标题:CircleImageView库告别圆形图片处理CircleIm

        本文链接:https://www.haomeiwen.com/subject/qnhiektx.html