Android Glide載入圖片時轉換為圓形、圓角、毛玻璃等圖片效果

附錄1簡單介紹了Android開源的圖片載入框架。在實際的開發中，雖然Glide解決了快速載入圖片的問題，但還有一個問題懸而未決：比如使用者的頭像，往往使用者的頭像是從伺服器端讀出的一個普通矩形圖片，但是現在的設計一般要求在APP端的使用者頭像顯示成圓形頭像，那麼此時雖然Glide可以載入，但加載出來的是一個矩形，如果要Glide在載入過程中就把矩形圖轉換成圓形的，則需要在Glide之上引入一個開源專案：glide-transformations
glide-transformations在github上的專案主頁是：

1. package zhangphil.app;  
2. import android.support.v7.app.AppCompatActivity;  
3. import android.os.Bundle;  
4. import android.widget.ImageView;  
5. import com.bumptech.glide.Glide;  
6. import jp.wasabeef.glide.transformations.BlurTransformation;  
7. import
    jp.wasabeef.glide.transformations.CropCircleTransformation;  
8. import jp.wasabeef.glide.transformations.RoundedCornersTransformation;  
9. publicclass MainActivity extends AppCompatActivity {  
10.     //我csdn部落格頭像
11.     String url = "http://avatar.csdn.net/9/7/A/1_zhangphil.jpg";  
12.     @Override
13.     protectedvoid onCreate(Bundle savedInstanceState) {  
14.         super.onCreate(savedInstanceState);  
15.         setContentView(R.layout.activity_main);  
16.         //原圖，是我部落格的頭像
17.         ImageView image1 = (ImageView) findViewById(R.id.image1);  
18.         Glide.with(this).load(url).crossFade(1000).into(image1);  
19.         //原圖 -> 圓圖
20.         ImageView image2 = (ImageView) findViewById(R.id.image2);  
21.         Glide.with(this).load(url).bitmapTransform(new CropCircleTransformation(this)).crossFade(1000).into(image2);  
22.         //原圖的毛玻璃、高斯模糊效果
23.         ImageView image3 = (ImageView) findViewById(R.id.image3);  
24.         Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25)).crossFade(1000).into(image3);  
25.         //原圖基礎上覆合變換成圓圖 +毛玻璃（高斯模糊）
26.         ImageView image4 = (ImageView) findViewById(R.id.image4);  
27.         Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this)).crossFade(1000).into(image4);  
28.         //原圖處理成圓角，如果是四周都是圓角則是RoundedCornersTransformation.CornerType.ALL
29.         ImageView image5 = (ImageView) findViewById(R.id.image5);  
30.         Glide.with(this).load(url).bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM)).crossFade(1000).into(image5);  
31.     }  
32. }  

佈局則比較簡單，是一個垂直方向的線性佈局佈局了5個ImageView，不再贅述。

程式碼執行結果。