Android實現圖片陰影製作效果的方法_Android

來源:互聯網
上載者:User

本文執行個體介紹了Android實現圖片陰影製作效果,設定畫布顏色,映像傾斜效果,圖片陰影製作效果的方法,採用canvas.save(Canvas.MATRIX_SAVE_FLAG);來實現。由於圖片的實際尺寸比顯示出來的映像要大一些,因此需要適當更改下大小,以達到較好的效果,在原有矩形基礎上,畫成圓角矩形,同時帶有陰影層。讀者可以根據自身需要對該程式碼進行個人化的修改以便更符合自身項目需求。

具體實現代碼如下:

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);//設定陰影層,這是關鍵。      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();//如果不調用mutate方法,則原圖也會被改變,因為調用的資源是同一個,所有對象是共用狀態的。      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);//設定畫布顏色      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);//映像(其實是畫布)縮放,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();      //圖片陰影製作效果      canvas.save(Canvas.MATRIX_SAVE_FLAG);      //Rect rect = new Rect(2*posX + PicWidth, 2*posY + PicHegiht, 2*posX + 2*PicWidth, 2*posY + 2*PicHegiht);//此為理論上的陰影圖座標      Rect rect = new Rect(2*posX + PicWidth + 3, 2*posY + PicHegiht + 3, 2*posX + 2*PicWidth - 2, 2*posY + 2*PicHegiht - 2);      //由於圖片的實際尺寸比顯示出來的映像要大一些,因此需要適當更改下大小,以達到較好的效果      RectF rectF = new RectF(rect);      canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基礎上,畫成圓角矩形,同時帶有陰影層。      canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHegiht, null);//畫上原圖。      canvas.restore();    }  }}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.