Android实现图片叠加效果的两种方法
内容摘要
本文实例讲述了Android实现图片叠加效果的两种方法。分享给大家供大家参考,具体如下:
效果图:
第一种:
第二种:
第一种是通过canvas画出来的效果:
public void first(View v)
效果图:
第一种:
第二种:
第一种是通过canvas画出来的效果:
public void first(View v)
文章正文
本文实例讲述了Android实现图片叠加效果的两种方法。分享给大家供大家参考,具体如下:
效果图:
第一种:
第二种:
第一种是通过canvas画出来的效果:
public void first(View v) { // 防止出现Immutable bitmap passed to Canvas constructor错误 Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.apple).copy(Bitmap.Config.ARGB_8888, true); Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable( R.drawable.go)).getBitmap(); Bitmap newBitmap = null; newBitmap = Bitmap.createBitmap(bitmap1); Canvas canvas = new Canvas(newBitmap); Paint paint = new Paint(); int w = bitmap1.getWidth(); int h = bitmap1.getHeight(); int w_2 = bitmap2.getWidth(); int h_2 = bitmap2.getHeight(); paint.setColor(Color.GRAY); paint.setAlpha(125); canvas.drawRect(0, 0, bitmap1.getWidth(), bitmap1.getHeight(), paint); paint = new Paint(); canvas.drawBitmap(bitmap2, Math.abs(w - w_2) / 2, Math.abs(h - h_2) / 2, paint); canvas.save(Canvas.ALL_SAVE_FLAG); // 存储新合成的图片 canvas.restore(); image.setImageBitmap(newBitmap); }
Canvas canvas = new Canvas(newBitmap); 当以newBitmap创建Canvas时,所以操作都已经在该图上实现了。
该例子可以想做是播放器开始播放的效果,计算好中间位置,先覆盖一层透明灰色的正方形,然后在中间画上自己播放的按钮。
第二种是使用系统的LayerDrawable类,该类主要用来控制多个图片的结合:
public void second(View v) { Bitmap bitmap1 = ((BitmapDrawable) getResources().getDrawable( R.drawable.apple)).getBitmap(); Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable( R.drawable.go)).getBitmap(); Drawable[] array = new Drawable[2]; array[0] = new BitmapDrawable(bitmap1); array[1] = new BitmapDrawable(bitmap2); LayerDrawable la = new LayerDrawable(array); // 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom la.setLayerInset(0, 0, 0, 0, 0); la.setLayerInset(1, 20, 20, 20, 20); image.setImageDrawable(la); }
关联数组array,控制每一层的位置
注意:上面防止出现Immutable bitmap passed to Canvas constructor错误
原因是如果不用copy的方法,直接引用会对资源文件进行修改,而Android是不允许在代码里修改res文件里的图片
layer-list可以将多个图片按照顺序层叠起来。
语法:在drawalbe/drawable-layer.xml中
<layer-list xmlns:Android="http://schemas.android.com/apk/res/android"> <item Android:drawable="@android:color/white" /> <item Android:drawable="@drawable/logo_overlay" /> </layer-list>
使用方式像其他图片一样:
如在样式中引用:
<resources> <style name="LookupTheme" parent="@Android:style/Theme.Light.NoTitleBar"> <item name="Android:windowBackground">@drawable/drawable-layer</item> </style> </resources>
在java代码中引用:
Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
代码注释