在Android中繪製圓角矩形圖片
阿新 • • 發佈:2019-01-06
轉自:http://blog.chinaunix.net/uid-20771867-id-3260250.html
圓角矩形圖片在蘋果的產品中很流行,相比於普通的矩形,很多人都喜歡圓角矩形的圖片,下面在Android中實現將普通的矩形圖片繪製成圓角矩形。
先來看一下普通矩形圖片的顯示,程式碼很簡單,從resource中將圖片取出來直接拿來用:點選(此處)摺疊或開啟
-
public class PhotoTestActivity extends Activity {
-
/** Called when the activity is first created. */
-
@Override
-
public void onCreate(Bundle savedInstanceState) {
-
super.onCreate(savedInstanceState);
-
setContentView(R.layout.main);
-
ImageView image = (ImageView)findViewById(R.id.image);
-
Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
-
image
-
}
- }
點選(此處)摺疊或開啟
-
public class PhotoTestActivity extends Activity {
-
/** Called when the activity is first created. */
-
@Override
-
public void onCreate(Bundle savedInstanceState) {
-
super.
-
setContentView(R.layout.main);
-
ImageView image = (ImageView)findViewById(R.id.image);
-
Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
-
image.setImageBitmap(createFramedPhoto(500,400,photo,50));
-
}
-
/**
-
*
-
* @param x 影象的寬度
-
* @param y 影象的高度
-
* @param image 源圖片
-
* @param outerRadiusRat 圓角的大小
-
* @return 圓角圖片
-
*/
-
Bitmap createFramedPhoto(int x, int y, Bitmap image, float outerRadiusRat) {
-
//根據原始檔新建一個darwable物件
-
Drawable imageDrawable = new BitmapDrawable(image);
-
// 新建一個新的輸出圖片
-
Bitmap output = Bitmap.createBitmap(x, y, Bitmap.Config.ARGB_8888);
-
Canvas canvas = new Canvas(output);
-
// 新建一個矩形
-
RectF outerRect = new RectF(0, 0, x, y);
-
// 產生一個紅色的圓角矩形
-
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
-
paint.setColor(Color.RED);
-
canvas.drawRoundRect(outerRect, outerRadiusRat, outerRadiusRat, paint);
-
// 將源圖片繪製到這個圓角矩形上
-
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
-
imageDrawable.setBounds(0, 0, x, y);
-
canvas.saveLayer(outerRect, paint, Canvas.ALL_SAVE_FLAG);
-
imageDrawable.draw(canvas);
-
canvas.restore();
-
return output;
-
}
- }
方法的原理就是先創建出一個圓角矩形的圖片,然後將我們原來的圖片作為上面的一層覆蓋在這個圓角矩形上,並且使用該圓角圖片的形狀。ok,看看結果吧,是不是看起來好多了?