1. 程式人生 > >在Android中繪製圓角矩形圖片

在Android中繪製圓角矩形圖片

轉自:http://blog.chinaunix.net/uid-20771867-id-3260250.html

圓角矩形圖片在蘋果的產品中很流行,相比於普通的矩形,很多人都喜歡圓角矩形的圖片,下面在Android中實現將普通的矩形圖片繪製成圓角矩形。

       先來看一下普通矩形圖片的顯示,程式碼很簡單,從resource中將圖片取出來直接拿來用:

點選(此處)摺疊或開啟

  1. public class PhotoTestActivity extends Activity {
  2.     /** Called when the activity is first created. */
  3.     @Override

  4.     public void onCreate(Bundle savedInstanceState) {
  5.         super.onCreate(savedInstanceState);
  6.         setContentView(R.layout.main);
  7.         ImageView image = (ImageView)findViewById(R.id.image);
  8.         Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
  9.         image
    .setImageBitmap(photo);
  10.     }
  11. }
         顯示結果如下圖:        四個角是直角的圖片是不是看起來不那麼舒服呢?下面將直角轉換為圓角:

點選(此處)摺疊或開啟

  1. public class PhotoTestActivity extends Activity {
  2.     /** Called when the activity is first created. */
  3.     @Override
  4.     public void onCreate(Bundle savedInstanceState) {
  5.         super.
    onCreate(savedInstanceState);
  6.         setContentView(R.layout.main);
  7.         ImageView image = (ImageView)findViewById(R.id.image);
  8.         Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
  9.         image.setImageBitmap(createFramedPhoto(500,400,photo,50));
  10.     }
  11.     /**
  12.      *
  13.      * @param x 影象的寬度
  14.      * @param y 影象的高度
  15.      * @param image 源圖片
  16.      * @param outerRadiusRat 圓角的大小
  17.      * @return 圓角圖片
  18.      */
  19.     Bitmap createFramedPhoto(int x, int y, Bitmap image, float outerRadiusRat) {
  20.         //根據原始檔新建一個darwable物件
  21.         Drawable imageDrawable = new BitmapDrawable(image);
  22.         // 新建一個新的輸出圖片
  23.         Bitmap output = Bitmap.createBitmap(x, y, Bitmap.Config.ARGB_8888);
  24.         Canvas canvas = new Canvas(output);
  25.         // 新建一個矩形
  26.         RectF outerRect = new RectF(0, 0, x, y);
  27.         // 產生一個紅色的圓角矩形
  28.         Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
  29.         paint.setColor(Color.RED);
  30.         canvas.drawRoundRect(outerRect, outerRadiusRat, outerRadiusRat, paint);
  31.         // 將源圖片繪製到這個圓角矩形上
  32.         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
  33.         imageDrawable.setBounds(0, 0, x, y);
  34.         canvas.saveLayer(outerRect, paint, Canvas.ALL_SAVE_FLAG);
  35.         imageDrawable.draw(canvas);
  36.         canvas.restore();
  37.         return output;
  38.     }
  39. }

       方法的原理就是先創建出一個圓角矩形的圖片,然後將我們原來的圖片作為上面的一層覆蓋在這個圓角矩形上,並且使用該圓角圖片的形狀。ok,看看結果吧,是不是看起來好多了?