Android实现ImageView阴影和图层效果

本文实例为大家分享了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(); } } }

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-09-23 12:42:52

Android实现ImageView阴影和图层效果的相关文章

Android基于ImageView绘制的开关按钮效果示例

本文实例讲述了Android基于ImageView绘制的开关按钮效果.分享给大家供大家参考,具体如下: 今天弄了一下用图片绘制开关按钮. 效果图: 还有我两张start图片和stop图片就是上面的图片,到时候大家可以按照自己的图片调用.. Main.xml文件 在xml进入这段代码就ok了. <ImageView Android:id="@+id/start" android:layout_width="150.px" android:layout_heigh

Android自定义ImageView实现在图片上添加图层效果_Android

首先我们先看下效果图 实现思路 这是两张前后对比图,右边第二张图里面的已抢光标签图片当已经没有商品的时候就会显示了,在每个图片的中心位置,第一想法是在ImageView的外层再套一层RelativeLayout 实现方法 <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <SelectableRoundedImageVi

Android TextView显示文字过长时添加阴影渐变消失效果

TextView 上显示的文字超过其最长限制的时候,要如何实现以下效果:   values/styles.xml  <style name="AudioFileInfoOverlayText"> <item name="android:paddingLeft">4px</item> <item name="android:paddingBottom">4px</item> <ite

Android使用ImageView实现支持手势缩放效果_Android

TouchImageView继承自ImageView具有ImageView的所有功能:除此之外,还有缩放.拖拽.双击放大等功能,支持viewpager和scaletype,并伴有动画效果. sharedConstructing private void sharedConstructing(Context context) { super.setClickable(true); this.context = context; mScaleDetector = new ScaleGestureDe

Android自定义控件eBook实现翻书效果实例详解_Android

本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class Book extend

Android UI实现SlidingMenu侧滑菜单效果_Android

本篇博客给大家分享一个效果比较好的侧滑菜单的Demo,实现点击左边菜单切换Fragment. 效果如下:   主Activity代码: package com.infzm.slidingmenu.demo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.View; import android.view.View.OnClickListener; import andro

Android自定义控件eBook实现翻书效果实例详解

本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class Book extend

Android TextView多文本折叠展开效果_Android

最近做项目,效果图要用到TextView的折叠,超过一定行数的时候,就会折叠起来,点击可以展开.网上找了一些效果,自己也稍作了修改.便拿来与网友分享分享. 参考文献:http://www.jb51.net/article/95544.htm 第一种:通过多个布局组合实现 大概步骤: - 定义布局,垂直的线性LinearLayout布局.TextView和ImageView. 在layout中定义基本组件. - 设置TextView的高度为指定行数*行高. 不使用maxLine的原因是maxLin

Android自定义HorizontalScrollView打造超强Gallery效果_Android

自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果.的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScrollView可以想ViewPager一样,既可以绑定数据集(动态改变图片),还能做到,不管多少图片都不会OOM(ViewPager内