Android应用开发之简易、大气音乐播放器实现专辑倒影效果

今天要实现的功能是实现专辑倒影效果,这个功能已经属于图像处理方面的了,对图像处理我不怎么在行,等一下会介绍一个很实用的工具类,专门用来进行图像处理的。这个工具类不是我写的,我只是拿来用到自己的项目当中,这已经足够了,我已经完美实现我想要的效果。

效果图:

<

一个很有用的工具类

/SimpleBeautyMusicPlayer/src/com/wwj/sb/utils/ImageUtil.java

package com.wwj.sb.utils;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.CompressFormat;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
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.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
/**
 * 图片工具类
 * @author wwj
 * 2013/7/3
 */
public class ImageUtil {
  /**图片的八个位置**/
  public static final int TOP = 0;      //上
  public static final int BOTTOM = 1;     //下
  public static final int LEFT = 2;      //左
  public static final int RIGHT = 3;     //右
  public static final int LEFT_TOP = 4;    //左上
  public static final int LEFT_BOTTOM = 5;  //左下
  public static final int RIGHT_TOP = 6;   //右上
  public static final int RIGHT_BOTTOM = 7;  //右下
  /**
   * 图像的放大缩小方法
   * @param src    源位图对象
   * @param scaleX  宽度比例系数
   * @param scaleY  高度比例系数
   * @return 返回位图对象
   */
  public static Bitmap zoomBitmap(Bitmap src, float scaleX, float scaleY) {
    Matrix matrix = new Matrix();
    matrix.setScale(scaleX, scaleY);
    Bitmap t_bitmap = Bitmap.createBitmap(src, 0, 0, src.getWidth(), src.getHeight(), matrix, true);
    return t_bitmap;
  }
  /**
   * 图像放大缩小--根据宽度和高度
   * @param src
   * @param width
   * @param height
   * @return
   */
  public static Bitmap zoomBimtap(Bitmap src, int width, int height) {
    return Bitmap.createScaledBitmap(src, width, height, true);
  }
  /**
   * 将Drawable转为Bitmap对象
   * @param drawable
   * @return
   */
  public static Bitmap drawableToBitmap(Drawable drawable) {
    return ((BitmapDrawable)drawable).getBitmap();
  }
  /**
   * 将Bitmap转换为Drawable对象
   * @param bitmap
   * @return
   */
  public static Drawable bitmapToDrawable(Bitmap bitmap) {
    Drawable drawable = new BitmapDrawable(bitmap);
    return drawable;
  }
  /**
   * Bitmap转byte[]
   * @param bitmap
   * @return
   */
  public static byte[] bitmapToByte(Bitmap bitmap) {
    ByteArrayOutputStream out = new ByteArrayOutputStream();
    bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);
    return out.toByteArray();
  }
  /**
   * byte[]转Bitmap
   * @param data
   * @return
   */
  public static Bitmap byteToBitmap(byte[] data) {
    if(data.length != 0) {
      return BitmapFactory.decodeByteArray(data, 0, data.length);
    }
    return null;
  }
  /**
   * 绘制带圆角的图像
   * @param src
   * @param radius
   * @return
   */
  public static Bitmap createRoundedCornerBitmap(Bitmap src, int radius) {
    final int w = src.getWidth();
    final int h = src.getHeight();
    // 高清量32位图
    Bitmap bitmap = Bitmap.createBitmap(w, h, Config.ARGB_8888);
    Paint paint = new Paint();
    Canvas canvas = new Canvas(bitmap);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(0xff424242);
    // 防止边缘的锯齿
    paint.setFilterBitmap(true);
    Rect rect = new Rect(0, 0, w, h);
    RectF rectf = new RectF(rect);
    // 绘制带圆角的矩形
    canvas.drawRoundRect(rectf, radius, radius, paint);
    // 取两层绘制交集,显示上层
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    // 绘制图像
    canvas.drawBitmap(src, rect, rect, paint);
    return bitmap;
  }
  /**
   * 创建选中带提示图片
   * @param context
   * @param srcId
   * @param tipId
   * @return
   */
  public static Drawable createSelectedTip(Context context, int srcId, int tipId) {
    Bitmap src = BitmapFactory.decodeResource(context.getResources(), srcId);
    Bitmap tip = BitmapFactory.decodeResource(context.getResources(), tipId);
    final int w = src.getWidth();
    final int h = src.getHeight();
    Bitmap bitmap = Bitmap.createBitmap(w, h, Config.ARGB_8888);
    Paint paint = new Paint();
    Canvas canvas = new Canvas(bitmap);
    //绘制原图
    canvas.drawBitmap(src, 0, 0, paint);
    //绘制提示图片
    canvas.drawBitmap(tip, (w - tip.getWidth()), 0, paint);
    return bitmapToDrawable(bitmap);
  }
  /**
   * 带倒影的图像
   * @param src
   * @return
   */
  public static Bitmap createReflectionBitmap(Bitmap src) {
    // 两个图像间的空隙
    final int spacing = 4;
    final int w = src.getWidth();
    final int h = src.getHeight();
    // 绘制高质量32位图
    Bitmap bitmap = Bitmap.createBitmap(w, h + h / 2 + spacing, Config.ARGB_8888);
    // 创建燕X轴的倒影图像
    Matrix m = new Matrix();
    m.setScale(1, -1);
    Bitmap t_bitmap = Bitmap.createBitmap(src, 0, h / 2, w, h / 2, m, true);
    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint();
    // 绘制原图像
    canvas.drawBitmap(src, 0, 0, paint);
    // 绘制倒影图像
    canvas.drawBitmap(t_bitmap, 0, h + spacing, paint);
    // 线性渲染-沿Y轴高到低渲染
    Shader shader = new LinearGradient(0, h + spacing, 0, h + spacing + h / 2, 0x70ffffff, 0x00ffffff, Shader.TileMode.MIRROR);
    paint.setShader(shader);
    // 取两层绘制交集,显示下层。
    paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
    // 绘制渲染倒影的矩形
    canvas.drawRect(0, h + spacing, w, h + h / 2 + spacing, paint);
    return bitmap;
  }
  /**
   * 独立的倒影图像
   * @param src
   * @return
   */
  public static Bitmap createReflectionBitmapForSingle(Bitmap src) {
    final int w = src.getWidth();
    final int h = src.getHeight();
    // 绘制高质量32位图
    Bitmap bitmap = Bitmap.createBitmap(w, h / 2, Config.ARGB_8888);
    // 创建沿X轴的倒影图像
    Matrix m = new Matrix();
    m.setScale(1, -1);
    Bitmap t_bitmap = Bitmap.createBitmap(src, 0, h / 2, w, h / 2, m, true);
    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint();
    // 绘制倒影图像
    canvas.drawBitmap(t_bitmap, 0, 0, paint);
    // 线性渲染-沿Y轴高到低渲染
    Shader shader = new LinearGradient(0, 0, 0, h / 2, 0x70ffffff,
        0x00ffffff, Shader.TileMode.MIRROR);
    paint.setShader(shader);
    // 取两层绘制交集。显示下层。
    paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
    // 绘制渲染倒影的矩形
    canvas.drawRect(0, 0, w, h / 2, paint);
    return bitmap;
  }
  public static Bitmap createGreyBitmap(Bitmap src) {
    final int w = src.getWidth();
    final int h = src.getHeight();
    Bitmap bitmap = Bitmap.createBitmap(w, h, Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint();
    // 颜色变换的矩阵
    ColorMatrix matrix = new ColorMatrix();
    // saturation 饱和度值,最小可设为0,此时对应的是灰度图;为1表示饱和度不变,设置大于1,就显示过饱和
    matrix.setSaturation(0);
    ColorMatrixColorFilter filter = new ColorMatrixColorFilter(matrix);
    paint.setColorFilter(filter);
    canvas.drawBitmap(src, 0, 0, paint);
    return bitmap;
  }
  /**
   * 保存图片
   * @param src
   * @param filepath
   * @param format:[Bitmap.CompressFormat.PNG,Bitmap.CompressFormat.JPEG]
   * @return
   */
  public static boolean saveImage(Bitmap src, String filepath, CompressFormat format) {
    boolean rs = false;
    File file = new File(filepath);
    try {
      FileOutputStream out = new FileOutputStream(file);
      if(src.compress(format, 100, out)) {
        out.flush();  //写入流
      }
      out.close();
    } catch (FileNotFoundException e) {
      e.printStackTrace();
    } catch (IOException e) {
      e.printStackTrace();
    }
    return rs;
  }
  /**
   * 添加水印效果
   * @param src    源位图
   * @param watermark 水印
   * @param direction 方向
   * @param spacing 间距
   * @return
   */
  public static Bitmap createWatermark(Bitmap src, Bitmap watermark, int direction, int spacing) {
    final int w = src.getWidth();
    final int h = src.getHeight();
    Bitmap bitmap = Bitmap.createBitmap(w, h, Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    canvas.drawBitmap(src, 0, 0, null);
    if(direction == LEFT_TOP) {
      canvas.drawBitmap(watermark, spacing, spacing, null);
    } else if(direction == LEFT_BOTTOM){
      canvas.drawBitmap(watermark, spacing, h - watermark.getHeight() - spacing, null);
    } else if(direction == RIGHT_TOP) {
      canvas.drawBitmap(watermark, w - watermark.getWidth() - spacing, spacing, null);
    } else if(direction == RIGHT_BOTTOM) {
      canvas.drawBitmap(watermark, w - watermark.getWidth() - spacing, h - watermark.getHeight() - spacing, null);
    }
    return bitmap;
  }
  /**
   * 合成图像
   * @param direction
   * @param bitmaps
   * @return
   */
  public static Bitmap composeBitmap(int direction, Bitmap... bitmaps) {
    if(bitmaps.length < 2) {
      return null;
    }
    Bitmap firstBitmap = bitmaps[0];
    for (int i = 0; i < bitmaps.length; i++) {
      firstBitmap = composeBitmap(firstBitmap, bitmaps[i], direction);
    }
    return firstBitmap;
  }
  /**
   * 合成两张图像
   * @param firstBitmap
   * @param secondBitmap
   * @param direction
   * @return
   */
  private static Bitmap composeBitmap(Bitmap firstBitmap, Bitmap secondBitmap,
      int direction) {
    if(firstBitmap == null) {
      return null;
    }
    if(secondBitmap == null) {
      return firstBitmap;
    }
    final int fw = firstBitmap.getWidth();
    final int fh = firstBitmap.getHeight();
    final int sw = secondBitmap.getWidth();
    final int sh = secondBitmap.getHeight();
    Bitmap bitmap = null;
    Canvas canvas = null;
    if(direction == TOP) {
      bitmap = Bitmap.createBitmap(sw > fw ? sw : fw, fh + sh, Config.ARGB_8888);
      canvas = new Canvas(bitmap);
      canvas.drawBitmap(secondBitmap, 0, 0, null);
      canvas.drawBitmap(firstBitmap, 0, sh, null);
    } else if(direction == BOTTOM) {
      bitmap = Bitmap.createBitmap(fw > sw ? fw : sw, fh + sh, Config.ARGB_8888);
      canvas = new Canvas(bitmap);
      canvas.drawBitmap(firstBitmap, 0, 0, null);
      canvas.drawBitmap(secondBitmap, 0, fh, null);
    } else if(direction == LEFT) {
      bitmap = Bitmap.createBitmap(fw + sw, sh > fh ? sh : fh, Config.ARGB_8888);
      canvas = new Canvas(bitmap);
      canvas.drawBitmap(secondBitmap, 0, 0, null);
      canvas.drawBitmap(firstBitmap, sw, 0, null);
    } else if(direction == RIGHT) {
      bitmap = Bitmap.createBitmap(fw + sw, fh > sh ? fh : sh,
          Config.ARGB_8888);
      canvas = new Canvas(bitmap);
      canvas.drawBitmap(firstBitmap, 0, 0, null);
      canvas.drawBitmap(secondBitmap, fw, 0, null);
    }
    return bitmap;
  }
}

在简、大气音乐播放器程序中的体现

我就定义了一个方法,就把专辑倒影的效果完美实现出来了。

/**
   * 显示专辑封面
   */
  private void showArtwork(Mp3Info mp3Info) {
    Bitmap bm = MediaUtil.getArtwork(this, mp3Info.getId(), mp3Info.getAlbumId(), true, false);
    //切换播放时候专辑图片出现透明效果
    Animation albumanim = AnimationUtils.loadAnimation(PlayerActivity.this, R.anim.album_replace);
    //开始播放动画效果
    musicAlbum.startAnimation(albumanim);
    if(bm != null) {
      musicAlbum.setImageBitmap(bm); //显示专辑封面图片
      musicAblumReflection.setImageBitmap(ImageUtil.createReflectionBitmapForSingle(bm)); //显示倒影
    } else {
      bm = MediaUtil.getDefaultArtwork(this, false);
      musicAlbum.setImageBitmap(bm); //显示专辑封面图片
      musicAblumReflection.setImageBitmap(ImageUtil.createReflectionBitmapForSingle(bm)); //显示倒影
    }
  } 

以上内容是Android应用开发之简单、大气音乐播放器实现专辑倒影效果的全部教程,希望大家喜欢。

(0)

相关推荐

  • Android自定义TextView实现文字倾斜效果

    前言 由于Android自带的TextView控件没有提供倾斜的(我暂时没有找到),我们可以自定义控件来实现,下面首先来看我们实现的效果图. TextView文字倾斜 其实实现很简单,下面我们来看实现步骤: 1.新建一个类 LeanTextView继承TextView public class LeanTextView extends TextView { public int getmDegrees() { return mDegrees; } public void setmDegrees(

  • Android中使用Matrix控制图形变换和制作倒影效果的方法

    最近在使用Matrix进行绘图的操作.对Matrix的一些方法有了一些更深的体会,记下来,以便日后复习. Matrix常用的方法: 一.变换方法: Matrix提供了translate(平移).rotate(旋转).scale(缩放).skew(倾斜)四种操作,这四种操作的内部实现过程都是通过matrix.setValues(-)来设置矩阵的值来达到变换图片的效果. Matrix的每种操作都有set.pre.post三种操作,set是清空队列再添加,pre是在队列最前面插入,post是在队列最后

  • Android实现文字和图片混排(文字环绕图片)效果

    本文实例讲述了Android实现文字和图片混排(文字环绕图片)效果.分享给大家供大家参考,具体如下: 在平时我们做项目中,或许有要对一张图片或者某一个东西进行文字和图片说明,这时候要求排版美观,所以会出现文字和图片混排的情况,如图: 这种情况就是上下两个文字说明是连续在一起的,这就要求我们计算上面的文字说明怎么和下面的文字说明连贯结合在一起呢,这就要求我们进行计算了,下面给出代码,代码中也有详细的注释,原理也很简单. 因为算是比较简单,直接就在activity中去计算了: package com

  • Android 倒影算法的实现代码

    复制代码 代码如下: public class MirrorView extends View { Paint m_paint; int m_nShadowH; Drawable m_dw; Bitmap m_bitmap; //xxxx Matrix mMatrix; int shadowHeight; public MirrorView(Context context, Bitmap bitmap) {  super(context);  m_bitmap = bitmap;  _Init(

  • Android 轻松实现图片倒影效果实例代码

    主Activity 复制代码 代码如下: package com.mj.myweather;import android.app.Activity;import android.graphics.Bitmap;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.widget.ImageView;import com.mj.myweather.utils.ImageUtil; publi

  • Android编程实现文字倒影效果的方法

    本文实例讲述了Android编程实现文字倒影效果的方法.分享给大家供大家参考,具体如下: 我们所有的view都继承自View类,View类里有个方法叫ondraw(). 即,我们看到的界面都是画出来的,所以我们可以重写ondraw()方法. 既然知道了这点就好办了,还有个难点就是,我们的倒影也是画出来的,那我们从哪去取原始图片呢?熟悉View的童鞋都知道Cache这个东西,不错,就是通过Cache我们取到了原始图片. 放源码了.,感谢期待.这个只是个demo,并不完善哈,布局什么的还需要调整下,

  • Android实现动态向Gallery中添加图片及倒影与3D效果示例

    本文实例讲述了Android实现动态向Gallery中添加图片及倒影与3D效果的方法.分享给大家供大家参考,具体如下: 在Android中gallery可以提供一个很好的显示图片的方式,实现上面的效果以及动态添加数据库或者网络上下载下来的图片资源.我们首先实现一个自定义的Gallery类. MyGallery.java: package nate.android.Service; import android.content.Context; import android.graphics.Ca

  • Android实现文字翻转动画的效果

    本文实现了Android程序文字翻转动画的小程序,具体代码如下: 先上效果图如下: 要求: 沿Y轴正方向看,数值减1时动画逆时针旋转,数值加1时动画顺时针旋转. 实现动画的具体细节见"RotateAnimation.Java".为方便查看动画旋转方向,可以将RotateAnimation.DEBUG值设置为true即可.
 RotateAnimation参考自APIDemos的Rotate3DAnimation
 RotateAnimation的构造函数需有三个参数,分别说明动画组件的

  • android显示TextView文字的倒影效果实现代码

    今天记录一下TextView的倒影效果,显示一串文字,然后在文字的下方显示出它的倒影,先上效果图: 最重要的就是View中getDrawingCache()方法,该方法可以获取cache中的图像,然后绘制出来. 废话不多说,我是想写一个带有倒影的时间,时间可以走动.首先先写一个带有时间走动的View,这个很简单,获取当前时间,然后开启一个线程,隔一秒获取当前时间一次,然后显示在TextView上,当然,我们写控件,就需要继承TextView,代码如下: 复制代码 代码如下: package co

  • android Bitmap圆角与倒影的具体实现代码

    [html] 复制代码 代码如下: /**      * 画一个圆角图      *       * @param bitmap      * @param roundPx      * @return      */     public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, float roundPx) {         Bitmap output = Bitmap.createBitmap(bitmap.getWidth(

  • Android编程滑动效果之倒影效果实现方法(附demo源码下载)

    本文实例讲述了Android编程滑动效果之倒影效果实现方法.分享给大家供大家参考,具体如下: 前面介绍了使用<Android编程实现3D滑动旋转效果的方法>,现在介绍图片倒影实现,先看效果图 这里主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1.倒影绘制 ImageAdapter继承自BaseAdapter,详细实现可见前面关于Android Gallery的用法.这里重点介绍倒影原理及实现 倒影原理: 倒影效果是主要由原图+间距+倒影三部分组成,

  • Android 图像处理(类型转换,比例缩放,倒影,圆角)的小例子

    1.放大缩小图片 复制代码 代码如下: public static Bitmap zoomBitmap(Bitmap bitmap,int w,int h){            int width = bitmap.getWidth();            int height = bitmap.getHeight();            Matrix matrix = new Matrix();            float scaleWidht = ((float)w / w

随机推荐