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

喜欢ヅ旅行 2024-02-19 10:13 13阅读 0赞

### Android Glide加载transform CenterCrop, CircleCrop ShapeableImageView圆形图并描边，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 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 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>

![e432ea97a8a54034b63feab7975e340b.png][]

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

[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次。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/134296461][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_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_134296461]

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

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

[e432ea97a8a54034b63feab7975e340b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/9340d4e1d0924eb8b70c40db5b850d00.png
[favicon32.ico]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/145640e7cb7c4c2bb6c769ff1b506c5f.png
[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_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_134296461]: https://blog.csdn.net/zhangphil/article/details/134296461
[Android_ShapeableImageView_xml_-CSDN_169_Android RoundedBitmapDrawable_Android_RoundedBitmapDrawable_Android_support v4_RoundedBitmapDrawable_Android_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_134031190]: 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 _favicon32.ico_https_blog.csdn.net_zhangphil_article_details_52055182]: https://blog.csdn.net/zhangphil/article/details/52055182