Android Glide加载transform CenterCrop, CircleCrop ShapeableImageView圆形图并描边，Kotlin

Kotlin 复制代码

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.bumptech.glide.load.resource.bitmap.CenterCrop
import com.bumptech.glide.load.resource.bitmap.CircleCrop
import com.google.android.material.imageview.ShapeableImageView


class MainActivity : AppCompatActivity() {
    companion object {
        const val SIZE = 500
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val image = findViewById<ShapeableImageView>(R.id.image)

        image.rotation = -20F //逆时针旋转20度。

        GlideApp.with(this)
            .load(R.mipmap.pic4)
            .transform(CenterCrop(), CircleCrop())
            .error(android.R.drawable.stat_notify_error)
            .override(SIZE)
            .into(image)


    }
}

XML 复制代码

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

    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="2dp"
        app:shapeAppearance="@style/rounded_style"
        app:strokeColor="@android:color/holo_red_dark"
        app:strokeWidth="2dp" />

</FrameLayout>

注意，此处用padding而不是margin，如果用margin，圆边被切割。另外，padding的值需要与stroke值相同，本例才可以完美的绘制边线。

styles.xml:

XML 复制代码

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">

    <style name="rounded_style">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">50%</item>
    </style>
</resources>

上图显示的描边效果显然优于该篇文章：

Android Glide transform圆形图CircleCrop动态代码描边绘制外框线并rotateImage旋转，Kotlin-CSDN博客文章浏览阅读500次。文章浏览阅读63次。文章浏览阅读369次。文章浏览阅读1.2w次。引入： implementation 'com.github.bumptech.glide:glide:4.9.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'Android标准Glide加载圆形图和圆角矩形图_android glide加载圆角-CSDN博客。Glide transform CircleCrop()圆图，Kotlin。文章浏览阅读1.2w次。https://blog.csdn.net/zhangphil/article/details/134296461

所实现的在Kotlin动态代码中绘制的描边效果。

Android官方ShapeableImageView描边/圆形/圆角图，xml布局实现-CSDN博客文章浏览阅读169次。Android RoundedBitmapDrawable：Android官方的圆角图形图象实现方案RoundedBitmapDrawable是Android在support v4的扩展包中新增的实现圆角图形的关键类，借助RoundedBitmapDrawable的帮助，可以轻松的以Android标准方式实现圆角图形图象。现在结合他人的代码加以修改，给出一个以原始图形中心为原点，修剪图片为头像的工具类，此类可以直接在布局文件中加载使用，比。https://blog.csdn.net/zhangphil/article/details/134031190

Android GradientDrawable的XML实现_xmlgradient 中间扣掉-CSDN博客文章浏览阅读2.3k次。Android GradientDrawable的XML实现Android GradientDrawable与附录文章1类似，这次以XML而非Java代码形式实现。比如写好一个shape文件放在res/drawable目录下，名字比如可以命名为gradient.xml。然后在上层Java代码里面就可以使用这个shape文件，比如是一个ImageView文件，把这个shape文件加载：Image_xmlgradient 中间扣掉https://blog.csdn.net/zhangphil/article/details/52055182