Android中绘制圆角矩形图片及任意形状图片


圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,因为它避开了直角的生硬,带来更好的用户体验,下面是几个设计的例子:

下面在Android中实现将普通的矩形图片绘制成圆角矩形。首先看最终效果:

代码清单:

  1. package com.example.phototest; 
  2.  
  3. import android.os.Bundle; 
  4. import android.app.Activity; 
  5. import android.graphics.Bitmap; 
  6. import android.graphics.BitmapFactory; 
  7. import android.graphics.Canvas; 
  8. import android.graphics.Color; 
  9. import android.graphics.Paint; 
  10. import android.graphics.Path; 
  11. import android.graphics.PorterDuffXfermode; 
  12. import android.graphics.PorterDuff; 
  13. import android.graphics.RectF; 
  14. import android.graphics.drawable.BitmapDrawable; 
  15. import android.graphics.drawable.Drawable; 
  16. import android.view.Menu; 
  17. import android.widget.ImageView; 
  18.  
  19. public class MainActivity extends Activity { 
  20.  
  21.     private ImageView myImageView; 
  22.     @Override 
  23.     public void onCreate(Bundle savedInstanceState) { 
  24.         super.onCreate(savedInstanceState); 
  25.         setContentView(R.layout.activity_main); 
  26.         myImageView=(ImageView)findViewById(R.id.imageView1); 
  27.         Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.photo1); 
  28.         myImageView.setImageBitmap(createFramedPhoto(500,400,photo,20)); 
  29.         //myImageView.setImageBitmap(createStarPhoto(500,400,photo));  
  30.     } 
  31.  
  32.     @Override 
  33.     public boolean onCreateOptionsMenu(Menu menu) { 
  34.         getMenuInflater().inflate(R.menu.activity_main, menu); 
  35.         return true
  36.     } 
  37.     private Bitmap createFramedPhoto(int x, int y, Bitmap image, float outerRadiusRat) { 
  38.         //根据源文件新建一个darwable对象  
  39.         Drawable imageDrawable = new BitmapDrawable(image); 
  40.  
  41.         // 新建一个新的输出图片  
  42.         Bitmap output = Bitmap.createBitmap(x, y, Bitmap.Config.ARGB_8888); 
  43.         Canvas canvas = new Canvas(output); 
  44.  
  45.         // 新建一个矩形  
  46.         RectF outerRect = new RectF(00, x, y); 
  47.  
  48.         // 产生一个红色的圆角矩形  
  49.         Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); 
  50.         paint.setColor(Color.RED); 
  51.         canvas.drawRoundRect(outerRect, outerRadiusRat, outerRadiusRat, paint); 
  52.  
  53.  
  54.         // 将源图片绘制到这个圆角矩形上  
  55.         //详解见http://lipeng88213.iteye.com/blog/1189452  
  56.         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); 
  57.         imageDrawable.setBounds(00, x, y); 
  58.         canvas.saveLayer(outerRect, paint, Canvas.ALL_SAVE_FLAG); 
  59.         imageDrawable.draw(canvas); 
  60.         canvas.restore(); 
  61.  
  62.         return output; 
  63.     } 
  • 1
  • 2
  • 下一页

相关内容