Android開發:ImageView陰影和圖層效果


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

  • 免責聲明!

    本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



     
    粵ICP備18138465號   © 2018-2025 CODEPRJ.COM