欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 图片特效如何实现及总结

程序员文章站 2024-02-27 12:40:27
android 图形特效             ...

android 图形特效

             最近公司项目,有一个需求是做图片特效的任务,自己写了代码实现特效,但是不是很好,上网搜了相关资料,整理了一下比较全面的android 图片特效的资料,大家可以看下,

一.图形特效(一)特效的实现方式

在android中,提供了3种方式实现特效,setxxx方法,postxxx和prexxx()方法。

1.setxxx方法用于直接设置matrix的值,每使用一次setxxx()方法,整个的matrix都会变掉。

2.postxxx方法用于采用后乘的方式为matrix设置值,可以连续多次使用post完成多个变换

3.prexxx方法用于采用前乘的方式为matrix设置值,使用prexxx方法的设置操作最先发生.

(二)特效的表现形式

1.旋转:setrotate(float dgrees,float px,float py)

px、py为旋转的轴心

2.缩放:setscale(float sx.float sy)

sx和sy用于指定x轴和轴y轴的缩放比例
android提供了android.graphics.matrix类的seetscale(),postscale()和prescale()方法可对图像进行缩放.这三个方法除了方法名不同外,其它的语法格式均相同

3.倾斜 setskew (float kx.float ky)

ky和ky用于指定x轴和轴y轴的倾斜量
android提供了android.graphics.matrix类的setskew()(),postskew ()和preskew()方法可对图像进行倾斜.这三个方法除了方法名不同外,其它的语法格式均相同
setskew (float sx,float sy,float px,float py)
px 和py是以它们为轴心进行倾斜

4.平移 settranslate (float dx.float dy)

dy和dy用于指定移动到的位置的x和y的坐标
android提供了android.graphics.matrix类的settranslate (),posttranslate ()和 pretranslate ()方法可对图像进行平移.这三个方法除了方法名不同外,其它的语法格式均相同

二.bitmapshader渲染图像

在android中bitmapshader类主要用来渲染图像,如果需要将一张图片裁剪成椭圆或者圆形等 形状显示到屏幕上时,就可以使用bitmapshader类来实现,使用bitmapshader类来渲染图像的
基本步骤如下

创建bitmapshader类的对象, 通过paint的setshader()方法来设置渲染对象. 在绘制图像时,使用已经设置了setshader()方法的画笔.

三.下面是一个图形特效控制的一个示例

程序通过按键来控制图像的放大缩小、旋转、倾斜。

(一)自定义的view的代码

package lesson10_fragmentfordata.myapplication;

import android.content.context;
import android.graphics.bitmap;
import android.graphics.bitmapfactory;
import android.graphics.canvas;
import android.graphics.matrix;
import android.util.attributeset;
import android.view.keyevent;
import android.view.view;

/**
 * 图像特效的演示
 */

public class myview extends view {


  //定义bitmap对象
  bitmap bitmap;
  //创建矩阵对象
  matrix matrix = new matrix();

  //宽和高
  int width, height;

  //缩放比例
  float scale = 1f;

  //图像的状态是缩放还是旋转
  boolean isscale = false;
  //判断是否旋转
  boolean istrotate = false;

  //x轴方向倾斜的角度
  private float sx;
  //旋转的角度
  private float degress;

  //重写俩个构造方法
  public myview(context context) {
    super(context);
    initview();
  }

  public myview(context context, attributeset attrs) {
    super(context, attrs);
    initview();
  }

  /**
   * 初始化数据
   */
  private void initview() {
    //获取位图  bitmap=getcontext().getresources().getdrawable(r.mipmap.img01);
    bitmap = bitmapfactory.decoderesource(getresources(), r.mipmap.a3);
    //获取宽和高
    width = bitmap.getwidth();
    height = bitmap.getheight();
    //使当前的视图获取焦点
    this.setfocusable(true);
  }

  /**
   * 重写ondraw重绘的方法
   */
  @override
  protected void ondraw(canvas canvas) {
    super.ondraw(canvas);
    matrix.reset();//重置
    if (isscale) {
      //伸缩状态
      matrix.setscale(scale, scale);
    } else {
      //倾斜状态
      matrix.setskew(sx, 0);
    }

    if (istrotate) {
      //顺时针旋转30度
      matrix.setrotate(degress,0.5f*width,0.5f*height);
    }
    //根据原始位图和matrix创建新图片
    bitmap bit = bitmap.createbitmap(bitmap, 0, 0, width, height, matrix, true);
    //从新绘制位图
    canvas.drawbitmap(bit, matrix, null);

  }

  /**
   * 键盘控制的逻辑
   */
  @override
  public boolean onkeydown(int keycode, keyevent event) {
    switch (keycode) {
      case keyevent.keycode_a://点击a向左倾斜
        isscale = false;
        istrotate=false;
        sx -= 0.1;
        invalidate();//重绘
        break;
      case keyevent.keycode_d://点击d向右倾斜
        isscale = false;
        istrotate=false;
        sx += 0.1;
        invalidate();//重绘
        break;
      case keyevent.keycode_w://点击w图像变大
        isscale = true;
        istrotate=false;
        scale += 0.1;
        invalidate();//重绘
        break;
      case keyevent.keycode_s://点击s图像变小
        isscale = true;
        istrotate=false;
        scale -= 0.1;
        invalidate();//重绘
        break;
      case keyevent.keycode_x://点击x图像顺时针旋转30度
        istrotate = true;
        degress += 30;
        invalidate();//重绘
        break;

    }
    return super.onkeydown(keycode, event);
  }
}

(二)调用类

public class mainactivity extends activity {


  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(new myview(this));
  }
}

程序通过w键控制放大后的效果:
Android 图片特效如何实现及总结

程序通过d键控制倾斜后的效果:

Android 图片特效如何实现及总结
程序通过x键控制旋转后的效果:
Android 图片特效如何实现及总结

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!