快捷導航

Android實現(xiàn)ImageView陰影和圖層效果

更新時間：2017年02月08日 08:53:56 作者：vampire2777

這篇文章主要為大家詳細介紹了Android實現(xiàn)ImageView陰影和圖層效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了ImageView陰影和圖層效果的實現(xiàn)代碼，供大家參考，具體內(nèi)容如下

import android.app.Activity; 
import android.content.Context; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.PorterDuff; 
import android.graphics.PorterDuff.Mode; 
import android.graphics.PorterDuffXfermode; 
import android.graphics.Rect; 
import android.graphics.RectF; 
import android.graphics.drawable.Drawable; 
import android.os.Bundle; 
import android.view.View; 

public class MyCanvasActivity extends Activity { 
 /** Called when the activity is first created. */ 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(new ImageEffect(this)); 
 } 

 class ImageEffect extends View{ 
  Paint paint; 
  public ImageEffect(Context context){ 
   super(context); 
   paint= new Paint(); //初始化畫筆，為后面陰影效果使用。  
   paint.setAntiAlias(true);//去除鋸齒。  
   paint.setShadowLayer(5f, 5.0f, 5.0f, Color.BLACK); //設(shè)置陰影層，這是關(guān)鍵。  
   paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 

  } 
  public void onDraw(Canvas canvas){ 
   super.onDraw(canvas); 
   int posX = 20; 
   int posY = 50; 
   int PicWidth,PicHeight; 

  Drawable drawable = getResources().getDrawable(R.drawable.pic); 
  Drawable dbe = getResources().getDrawable(R.drawable.pic).mutate();//如果不調(diào)用mutate方法，則原圖也會被改變，因為調(diào)用的資源是同一個，所有對象是共享狀態(tài)的。  
  Drawable drawTest = getResources().getDrawable(R.drawable.pic); 
  Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic); 
  PicWidth = drawable.getIntrinsicWidth(); 
  PicHeight = drawable.getIntrinsicHeight(); 

  drawTest.setBounds(posX, (2 * posY) + PicHeight, posX + PicWidth, (2 * posY) + 2 * PicHeight ); 
  drawable.setBounds(posX,posY,posX+PicWidth,posY+PicHeight); 
  dbe.setBounds(0, 0, PicWidth, PicHeight); 

  canvas.drawColor(Color.WHITE);//設(shè)置畫布顏色  
  canvas.save(Canvas.MATRIX_SAVE_FLAG); 
  dbe.setColorFilter(0x7f000000,PorterDuff.Mode.SRC_IN); 
  canvas.translate(posX + (int)(0.9 * PicWidth/2), posY + PicHeight/2);//圖像平移為了剛好在原圖后形成影子效果。  
  canvas.skew(-0.9F, 0.0F);//圖像傾斜效果。  
  canvas.scale(1.0f, 0.5f);//圖像（其實是畫布）縮放，Y方向縮小為1/2。  
  dbe.draw(canvas);//此處為畫原圖像影子效果圖，比原圖先畫，則會在下層。  
  drawable.clearColorFilter(); 
  canvas.restore(); 

  canvas.save(Canvas.MATRIX_SAVE_FLAG); 
  drawable.draw(canvas);//此處為畫原圖像，由于canvas有層次效果，因此會蓋在影子之上。  
  canvas.restore(); 

  //默認無效果原圖  
  canvas.save(Canvas.MATRIX_SAVE_FLAG); 
  drawTest.draw(canvas); 
  canvas.restore(); 

  //圖片陰影效果  
  Rect rect = new Rect(2*posX + PicWidth + 3, 2*posY + PicHeight + 3, 2*posX + 2*PicWidth - 2, 2*posY + 2*PicHeight - 2); 
  //由于圖片的實際尺寸比顯示出來的圖像要大一些，因此需要適當更改下大小，以達到較好的效果  

  RectF rectF = new RectF(rect); 
  canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基礎(chǔ)上，畫成圓角矩形，同時帶有陰影層。  
  canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHeight, null);//畫上原圖。  
  canvas.restore(); 
  } 
 } 
}

效果圖：