Android實(shí)現(xiàn)圖片陰影效果的方法

更新時間：2014年07月28日 10:43:31 投稿：shichen2014

這篇文章主要介紹了Android實(shí)現(xiàn)圖片陰影效果的方法,是比較實(shí)用的功能,需要的朋友可以參考下

本文實(shí)例介紹了Android實(shí)現(xiàn)圖片陰影效果，設(shè)置畫布顏色，圖像傾斜效果，圖片陰影效果的方法，采用canvas.save(Canvas.MATRIX_SAVE_FLAG);來實(shí)現(xiàn)。由于圖片的實(shí)際尺寸比顯示出來的圖像要大一些，因此需要適當(dāng)更改下大小，以達(dá)到較好的效果，在原有矩形基礎(chǔ)上，畫成圓角矩形，同時帶有陰影層。讀者可以根據(jù)自身需要對該程序代碼進(jìn)行個性化的修改以便更符合自身項目需求。

具體實(shí)現(xiàn)代碼如下：

package canvas.test;
import android.app.Activity;
import android.os.Bundle;
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.view.View;
public class ShaderEffect extends Activity {
  @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));
    }
    @Override
    public void onDraw(Canvas canvas){
      super.onDraw(canvas);
      int posX = 20;
      int posY = 50;
      int PicWidth,PicHegiht; 
      Drawable drawable = getResources().getDrawable(R.drawable.button);
      Drawable dbe = getResources().getDrawable(R.drawable.button).mutate();//如果不調(diào)用mutate方法，則原圖也會被改變，因?yàn)檎{(diào)用的資源是同一個，所有對象是共享狀態(tài)的。
      Drawable drawTest = getResources().getDrawable(R.drawable.button);
      Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.button);
      PicWidth = drawable.getIntrinsicWidth();
      PicHegiht = drawable.getIntrinsicHeight();
      drawTest.setBounds(posX, (2 * posY) + PicHegiht, posX + PicWidth, (2 * posY) + 2 * PicHegiht );
      drawable.setBounds(posX,posY,posX+PicWidth,posY+PicHegiht);
      dbe.setBounds(0, 0, PicWidth, PicHegiht);
      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 + PicHegiht/2);//圖像平移為了剛好在原圖后形成影子效果。
      canvas.skew(-0.9F, 0.0F);//圖像傾斜效果。
      canvas.scale(1.0f, 0.5f);//圖像（其實(shí)是畫布）縮放，Y方向縮小為1/2。
      dbe.draw(canvas);//此處為畫原圖像影子效果圖，比原圖先畫，則會在下層。
      drawable.clearColorFilter();
      canvas.restore();
      canvas.save(Canvas.MATRIX_SAVE_FLAG);
      drawable.draw(canvas);//此處為畫原圖像，由于canvas有層次效果，因此會蓋在影子之上。
      canvas.restore();
      //默認(rèn)無效果原圖
      canvas.save(Canvas.MATRIX_SAVE_FLAG);
      drawTest.draw(canvas);
      canvas.restore();
      //圖片陰影效果
      canvas.save(Canvas.MATRIX_SAVE_FLAG);
      //Rect rect = new Rect(2*posX + PicWidth, 2*posY + PicHegiht, 2*posX + 2*PicWidth, 2*posY + 2*PicHegiht);//此為理論上的陰影圖坐標(biāo)
      Rect rect = new Rect(2*posX + PicWidth + 3, 2*posY + PicHegiht + 3, 2*posX + 2*PicWidth - 2, 2*posY + 2*PicHegiht - 2);
      //由于圖片的實(shí)際尺寸比顯示出來的圖像要大一些，因此需要適當(dāng)更改下大小，以達(dá)到較好的效果
      RectF rectF = new RectF(rect);
      canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基礎(chǔ)上，畫成圓角矩形，同時帶有陰影層。
      canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHegiht, null);//畫上原圖。
      canvas.restore();
    }
  }
}

您可能感興趣的文章: