Android进阶2之 阴影制作(Shadow)



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

阴影制作是什么原理呢?

其实很简单,你需要设置阴影的东西被看作一个主层。然后在主层下面画一个阴影层。

阴影制作涉及到一个重要函数:

public   void   setShadowLayer (float radius, float dx, float dy, int color)
radius:阴影半径
dx:X轴方向的偏移量
dy:Y轴方向的偏移量
color:阴影颜色

注意:如果半径被设置为0,意思就是去掉阴影。

具体实现:


  1. package xiaosi.textShadow;  
  2.   
  3. import android.app.Activity;  
  4. import android.content.Context;  
  5. import android.graphics.Bitmap;  
  6. import android.graphics.BitmapFactory;  
  7. import android.graphics.Canvas;  
  8. import android.graphics.Color;  
  9. import android.graphics.Paint;  
  10. import android.os.Bundle;  
  11. import android.view.View;  
  12.   
  13. public class TextShadowActivity extends Activity  
  14. {  
  15.     @Override  
  16.     public void onCreate(Bundle savedInstanceState)  
  17.     {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(new drawCanvas(this));  
  20.     }  
  21.   
  22.     class drawCanvas extends View  
  23.     {  
  24.         private Bitmap  bitmap = null;  
  25.         public drawCanvas(Context context)  
  26.         {  
  27.             super(context);  
  28.             bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.i_skinprocess);  
  29.         }  
  30.   
  31.         @Override  
  32.         protected void onDraw(Canvas canvas)  
  33.         {  
  34.             super.onDraw(canvas);  
  35.             // 建立Paint 物件  
  36.             Paint paint1 = new Paint();  
  37.             // 设定颜色  
  38.             paint1.setColor(0xFFFFFF00);  
  39.             // 设定阴影(柔边, X 轴位移, Y 轴位移, 阴影颜色)  
  40.             paint1.setShadowLayer(5330xFFFF00FF);  
  41.             // 实心矩形& 其阴影  
  42.             canvas.drawText("我很爱你"20,40,paint1);  
  43.             Paint paint2 = new Paint();  
  44.             paint2.setColor(Color.GREEN);  
  45.             paint2.setShadowLayer(1052, Color.YELLOW);  
  46.             canvas.drawText("你真傻"20,60,paint2);  
  47.               
  48.             Paint paint3 = new Paint();  
  49.             paint3.setColor(Color.RED);  
  50.             paint3.setShadowLayer(3052, Color.GREEN);  
  51.             canvas.drawCircle(50130,30, paint3);  
  52.               
  53.             Paint paint4 = new Paint();  
  54.             paint4.setShadowLayer(587, Color.DKGRAY);  
  55.             canvas.drawBitmap(bitmap, 50200, paint4);  
  56.         }  
  57.     } 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS3 的box-shadow属性可以用来制作各种各样的阴影效果,包括辐射动画。下面就来介绍一下如何使用box-shadow属性制作辐射动画。 首先,我们需要一个有背景色的元素,并给它设置一个box-shadow属性,如下: ```css div { background-color: #333; box-shadow: 0 0 0 rgba(255, 255, 255, 0.5); } ``` 这里的box-shadow属性中,第一个值表示水平偏移量,第二个值表示垂直偏移量,第三个值表示模糊半径,第四个值表示阴影颜色和不透明度。这里我们把偏移量和模糊半径都设置为0,颜色设置为白色半透明。 接下来,我们使用CSS3的动画属性来让box-shadow属性产生变化。我们设置一个@keyframes动画,让box-shadow的模糊半径从0逐渐增加到100px,同时不透明度从0.5逐渐减小到0,如下: ```css @keyframes shadow { 0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 100px rgba(255, 255, 255, 0); } } div { background-color: #333; box-shadow: 0 0 0 rgba(255, 255, 255, 0.5); animation: shadow 2s infinite; } ``` 这里的animation属性指定了要使用的动画名称、持续时间和循环次数。我们将这个动画设置为无限循环,这样就可以一直播放辐射动画了。 最后,我们还可以为这个元素添加一些其他效果来增强视觉效果,比如旋转、缩放等等。完整的代码如下: ```css div { background-color: #333; box-shadow: 0 0 0 rgba(255, 255, 255, 0.5); animation: shadow 2s infinite; transform: rotate(45deg) scale(1.5); } @keyframes shadow { 0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 100px rgba(255, 255, 255, 0); } } ``` 这样,我们就成功地使用box-shadow属性制作了一个辐射动画。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值