Android之阴影制作(Shadow)

16 篇文章 0 订阅

阴影制作:包括各种形状(矩形,圆形等等),以及文字等等都能设置阴影。

阴影制作是什么原理呢?
其实很简单,你需要设置阴影的东西被看作一个主层。然后在主层下面画一个阴影层。
阴影制作涉及到一个重要函数:
public   void   setShadowLayer (float radius, float dx, float dy, int color)
radius:阴影半径
dx:X轴方向的偏移量
dy:Y轴方向的偏移量
color:阴影颜色
注意:如果半径被设置为0,意思就是去掉阴影。

具体实现:

package xiaosi.textShadow; 
 
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.os.Bundle; 
import android.view.View; 
 
public class TextShadowActivity extends Activity 
{ 
    @Override 
    public void onCreate(Bundle savedInstanceState) 
    { 
        super.onCreate(savedInstanceState); 
        setContentView(new drawCanvas(this)); 
    } 
 
    class drawCanvas extends View 
    { 
        private Bitmap  bitmap = null; 
        public drawCanvas(Context context) 
        { 
            super(context); 
            bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.i_skinprocess); 
        } 
 
        @Override 
        protected void onDraw(Canvas canvas) 
        { 
            super.onDraw(canvas); 
            // 建立Paint 物件  
            Paint paint1 = new Paint(); 
            // 设定颜色  
            paint1.setColor(0xFFFFFF00); 
            // 设定阴影(柔边, X 轴位移, Y 轴位移, 阴影颜色)  
            paint1.setShadowLayer(5, 3, 3, 0xFFFF00FF); 
            // 实心矩形& 其阴影  
            canvas.drawText("我很爱你", 20,40,paint1); 
            Paint paint2 = new Paint(); 
            paint2.setColor(Color.GREEN); 
            paint2.setShadowLayer(10, 5, 2, Color.YELLOW); 
            canvas.drawText("你真傻", 20,60,paint2); 
             
            Paint paint3 = new Paint(); 
            paint3.setColor(Color.RED); 
            paint3.setShadowLayer(30, 5, 2, Color.GREEN); 
            canvas.drawCircle(50, 130,30, paint3); 
             
            Paint paint4 = new Paint(); 
            paint4.setShadowLayer(5, 8, 7, Color.DKGRAY); 
            canvas.drawBitmap(bitmap, 50, 200, paint4); 
        } 
    } 
} 


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(0, 0, 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 + 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);//在原有矩形基础上,画成圆角矩形,同时带有阴影层。   
        canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHeight, null);//画上原图。   
        canvas.restore();  
        }  
  }  
}  



  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值