当前位置: 首页 > 编程笔记 >

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

吕森
2023-03-14
本文向大家介绍Android 图片特效如何实现及总结,包括了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键控制放大后的效果:

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


程序通过X键控制旋转后的效果:

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

 类似资料:
  • 本文向大家介绍Android实现图片文字轮播特效,包括了Android实现图片文字轮播特效的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了Android实现图片文字轮播特效的详细代码,分享给大家供大家参考,具体内容如下 图片轮播是类似知乎日报上的一个轮播效果,如下图。 好了直接进入正题,首先是出示一下效果: MainActivity: activity_main:  以上就是关于Andro

  • 本文向大家介绍Android实现拍照及图片显示效果,包括了Android实现拍照及图片显示效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android拍照及图片显示的具体代码,供大家参考,具体内容如下 1、功能声明 当应用需要使用相机、NFC等外设时,需要在AndroidManifest.xml中进行声明。 这样,当设备缺少这些外设时,应用商店的安装程序可以拒绝安装设备。 声明

  • 本文向大家介绍JS实现图片切换特效,包括了JS实现图片切换特效的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS实现图片切换的具体代码,供大家参考,具体内容如下 知识点: 1.window.onload网页全部加载完后再执行 2.获取元素 设置属性 3.临界情况判断 运行效果: 点击上一张下一章切换图片 代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐

  • 本文向大家介绍JavaScript实现图片轮播特效,包括了JavaScript实现图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 今天给大家介绍下怎么用 JS 实现图片轮播效果。 原理描述: 使用JS实现轮播的原理是这样的: 假设初始的情况,下图一个网格代表一个图,初始时,显示1 : 当进行一次轮播后,显示变为下图 显示2: 依次类推。 代码实现: 1 JS 代码: 2  HTML 代码:

  • 本文向大家介绍Android实现图片滚动效果,包括了Android实现图片滚动效果的使用技巧和注意事项,需要的朋友参考一下 Android开发图片滚动效果,供大家参考,具体内容如下 效果图: 设置适配来设置图片位置大小 main添加图片资源 布局 drawable放置图片资源 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍原生js实现图片轮播特效,包括了原生js实现图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 本文特意为原生js实现图片轮播特效代码做了下总结,分享给大家供大家参考,欢迎大家学习。 运行效果图: 具体代码: 希望本文所述对大家学习javascript程序设计有所帮助。