`
senlinwuran
  • 浏览: 15807 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Android开发:ImageView阴影和图层效果

阅读更多

Android开发:ImageView阴影和图层效果:

  1. import Android.app.Activity;  
  2. import Android.content.Context;  
  3. import Android.graphics.Bitmap;  
  4. import Android.graphics.BitmapFactory;  
  5. import Android.graphics.Canvas;  
  6. import Android.graphics.Color;  
  7. import Android.graphics.Paint;  
  8. import Android.graphics.PorterDuff;  
  9. import Android.graphics.PorterDuff.Mode;  
  10. import Android.graphics.PorterDuffXfermode;  
  11. import Android.graphics.Rect;  
  12. import Android.graphics.RectF;  
  13. import Android.graphics.drawable.Drawable;  
  14. import Android.os.Bundle;  
  15. import Android.view.View;  
  16.   
  17. public class MyCanvasActivity extends Activity {  
  18.     /** Called when the activity is first created. */  
  19.     @Override  
  20.     public void onCreate(Bundle savedInstanceState) {  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(new ImageEffect(this));  
  23.     }  
  24.       
  25.   class ImageEffect extends View{  
  26.       Paint paint;  
  27.      public ImageEffect(Context context){  
  28.          super(context);  
  29.          paint= new Paint(); //初始化画笔,为后面阴影效果使用。   
  30.          paint.setAntiAlias(true);//去除锯齿。   
  31.          paint.setShadowLayer(5f, 5.0f, 5.0f, Color.BLACK); //设置阴影层,这是关键。   
  32.          paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));  
  33.            
  34.      }  
  35.      public void onDraw(Canvas canvas){  
  36.          super.onDraw(canvas);  
  37.          int posX  = 20;  
  38.          int posY = 50;  
  39.          int PicWidth,PicHeight;  
  40.            
  41.         Drawable drawable = getResources().getDrawable(R.drawable.pic);  
  42.         Drawable dbe    = getResources().getDrawable(R.drawable.pic).mutate();//如果不调用mutate方法,则原图也会被改变,因为调用的资源是同一个,所有对象是共享状态的。   
  43.         Drawable drawTest = getResources().getDrawable(R.drawable.pic);  
  44.         Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic);  
  45.         PicWidth = drawable.getIntrinsicWidth();  
  46.         PicHeight = drawable.getIntrinsicHeight();  
  47.           
  48.         drawTest.setBounds(posX, (2 * posY) + PicHeight, posX + PicWidth, (2 * posY) + 2 * PicHeight );  
  49.         drawable.setBounds(posX,posY,posX+PicWidth,posY+PicHeight);  
  50.         dbe.setBounds(00, PicWidth, PicHeight);  
  51.           
  52.         canvas.drawColor(Color.WHITE);//设置画布颜色   
  53.         canvas.save(Canvas.MATRIX_SAVE_FLAG);  
  54.         dbe.setColorFilter(0x7f000000,PorterDuff.Mode.SRC_IN);  
  55.         canvas.translate(posX + (int)(0.9 * PicWidth/2), posY + PicHeight/2);//图像平移为了刚好在原图后形成影子效果。   
  56.         canvas.skew(-0.9F, 0.0F);//图像倾斜效果。   
  57.         canvas.scale(1.0f, 0.5f);//图像(其实是画布)缩放,Y方向缩小为1/2。   
  58.         dbe.draw(canvas);//此处为画原图像影子效果图,比原图先画,则会在下层。   
  59.         drawable.clearColorFilter();  
  60.         canvas.restore();  
  61.           
  62.        canvas.save(Canvas.MATRIX_SAVE_FLAG);  
  63.         drawable.draw(canvas);//此处为画原图像,由于canvas有层次效果,因此会盖在影子之上。   
  64.         canvas.restore();  
  65.           
  66.         //默认无效果原图   
  67.         canvas.save(Canvas.MATRIX_SAVE_FLAG);  
  68.         drawTest.draw(canvas);  
  69.         canvas.restore();  
  70.           
  71.         //图片阴影效果   
  72.         Rect rect = new Rect(2*posX + PicWidth + 32*posY + PicHeight + 32*posX + 2*PicWidth - 22*posY + 2*PicHeight - 2);  
  73.         //由于图片的实际尺寸比显示出来的图像要大一些,因此需要适当更改下大小,以达到较好的效果   
  74.           
  75.         RectF rectF = new RectF(rect);  
  76.         canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基础上,画成圆角矩形,同时带有阴影层。   
  77.         canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHeight, null);//画上原图。   
  78.         canvas.restore();  
  79.         }  
  80.   }  
  81. }  

分享到:
评论

相关推荐

    Android实现ImageView阴影和图层效果

    在Android开发中,为ImageView添加阴影和图层效果可以提升应用的视觉体验,使UI设计更加精致。本篇文章将详细介绍如何在Android中实现ImageView的阴影和图层效果,以及相关的技术实现。 首先,阴影效果是通过`Paint...

    Android 给控件添加边框阴影效果

    Android 给控件添加边框阴影效果是 Android 平台中常用的 UI 效果之一,通过设置阴影和背景色,可以使控件看起来更加立体、丰富。下面将详细介绍 Android 给控件添加边框阴影效果的实现步骤和原理。 首先,在 ...

    Android编程使用自定义shape实现shadow阴影效果的方法

    在Android开发中,为UI元素添加阴影效果可以增强界面的立体感和交互体验。本文将详细讲解如何通过自定义shape来实现阴影效果。首先,我们需要理解Android中的`<shape>`和`<layer-list>`标签。 `<shape>`标签用于...

    android开发使用的透明图片集2

    在Android应用开发中,UI设计是至关重要的,它直接影响到用户体验和应用的整体视觉效果。"android开发使用的透明图片集2" 提供了一组专门用于美化Android应用的透明图像资源,这些资源可以为开发者提供更多的设计...

    Android应用源码安卓17种图片特效处理.zip

    11. **图层效果**:如阴影、描边、圆角等,可以通过层叠多个图像或使用NinePatch资源实现。 12. **动画效果**:比如淡入淡出、滑动切换等,可以使用Android的Animation API或Transition API来实现。 13. **图像...

    Android 白色图标、按钮集

    在Android应用开发中,UI设计是至关重要的一个环节,它直接影响到用户的体验和对应用的第一印象。本资源“Android白色图标、按钮集”提供了一系列白色风格的图标和按钮,适用于那些追求简洁、清晰界面设计的开发者。...

    仿照主题选择QQ界面

    5. **阴影效果**:Android 5.0及以上版本支持`Elevation`属性,可以为控件添加阴影,营造立体感。 6. **动画**:通过`ObjectAnimator`、`ValueAnimator`或`Transition`等,可以实现平滑的过渡动画,提升交互体验。 ...

    Android 蘑菇街界面设计源码.zip

    5. **图层列表(LayerDrawable)与九宫格图像(Nine-patch)**:为了实现自适应不同屏幕尺寸的图标和背景,源码可能会使用图层列表来组合多个图形资源,或者使用九宫格图像进行伸缩处理。 6. **颜色与主题**:界面...

    Vector_demo

    - **颜色和图层支持**: Vector Drawables不支持图层和复杂的色彩效果,如半透明和阴影。 6. **工具**: - **Android Studio**: 内置支持SVG到Vector Drawable的转换,可以在"Image Asset Studio"中进行操作。 - *...

    android画图总结

    在Android平台上,画图是构建用户界面和实现各种视觉效果的关键技术。本文将对Android画图的相关知识进行详细的总结,包括Bitmap、Drawable、Paint、Animation等核心概念。 首先,我们来了解一下【Android画图学习...

Global site tag (gtag.js) - Google Analytics