使用Glide實現圓角圖片展示效果

一、Glide簡介

Glide是一個快速高效的Android上的圖片載入庫。它可以載入本地、網路、文件、Uri等多種資源，並且可以進行圖片的裁剪、變換、緩存等操作。Glide跟Picasso、Fresco一樣，都是比較常用的圖片載入庫。Glide優點是使用方便、速度快、佔用內存小、支持Android5.0的webp格式圖片。

二、圖片展示效果

在實際開發中，我們可能需要將圖片進行圓角展示。原本的圖片是這樣的：

    
        Glide.with(this)
                .load("https://picsum.photos/200")
                .into(ivNormal);
    

使用Glide可以很方便地將圖片裁剪成圓角效果，只要使用Glide的Transformations中的RoundCornerTransformation即可，代碼如下：

    
        Glide.with(this)
                .load("https://picsum.photos/200")
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(20)))
                .into(ivRoundCorner);
    

三、圓角圖片的自定義效果

除了默認的圓角效果之外，我們還可以對圓角效果進行自定義。RoundCornerTransformation的構造函數可以傳入圓角的radiusX和radiusY，表示x軸方向和y軸方向的半徑，分別對應左上角、右上角、右下角、左下角四個角。如果radiusX和radiusY相等，則為正圓角，否則為橢圓角。可以根據需要自己設置合適的半徑，具體代碼如下：

    
        Glide.with(this)
                .load("https://picsum.photos/200")
                .apply(RequestOptions.bitmapTransform(new RoundedCornersTransformation(50, 0,
                        RoundedCornersTransformation.CornerType.TOP_LEFT)))
                .into(ivCustomRoundCorner);
    

四、代碼示例

1、載入圓角圖片

    
        Glide.with(this)
                .load("https://picsum.photos/200")
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(20)))
                .into(ivRoundCorner);
    

2、載入自定義圓角圖片

    
        Glide.with(this)
                .load("https://picsum.photos/200")
                .apply(RequestOptions.bitmapTransform(new RoundedCornersTransformation(50, 0,
                        RoundedCornersTransformation.CornerType.TOP_LEFT)))
                .into(ivCustomRoundCorner);
    

五、總結

使用Glide實現圓角圖片展示效果非常簡單，通過RoundCornerTransformation對圖片進行裁剪即可。如果需要自定義圓角的半徑，則可以通過RoundedCornersTransformation進行設置。Glide是一個非常優秀的圖片載入庫，在實際開發中推薦使用。