imageView图片放大缩小及旋转

一、简介

二、方法

1)设置图片放大缩小效果

第一步:将<ImageView>标签中的android:scaleType设置为"fitCenter"

android:scaleType="fitCenter"

第二步:获取屏幕的宽度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

dm.widthPixels

第三步:设置seekBar的最大progree值为屏幕宽度

sb_one.setMax(dm.widthPixels);

第四步:设置imageview的布局参数,也就是宽和高,也就是画布的宽高

int width=progress;
int height=progress*3/4;

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

2)设置图片旋转方法

第一步:给matrix设置角度,用于新的bitmap

private Matrix matrix;

matrix=new Matrix();

matrix.setRotate((int)(progress*3.60));

第二步:获取bitmap资源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
Bitmap bitmap=bitmapDrawable.getBitmap();

第三步:重建bitmap用于显示

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

第四步:给imageview设置新的bitmap

iv_pic.setImageBitmap(newBitmap);

三、代码实例

效果图:

设置大小和设置旋转的效果图

代码:

fry.Activity02

 1 package fry;
 2
 3 import com.example.iamgeViewDemo1.R;
 4
 5 import android.app.Activity;
 6 import android.graphics.Bitmap;
 7 import android.graphics.Matrix;
 8 import android.graphics.drawable.BitmapDrawable;
 9 import android.os.Bundle;
10 import android.util.DisplayMetrics;
11 import android.view.ViewGroup.LayoutParams;
12 import android.widget.ImageView;
13 import android.widget.LinearLayout;
14 import android.widget.SeekBar;
15 import android.widget.SeekBar.OnSeekBarChangeListener;
16
17 public class Activity02 extends Activity implements OnSeekBarChangeListener{
18     private ImageView iv_pic;
19     private SeekBar sb_one;
20     private SeekBar sb_two;
21     private Matrix matrix;
22
23     @Override
24     protected void onCreate(Bundle savedInstanceState) {
25         // TODO Auto-generated method stub
26         setTitle("imageView实现图片缩放和旋转");
27         super.onCreate(savedInstanceState);
28         setContentView(R.layout.activity02);
29
30         iv_pic=(ImageView) findViewById(R.id.iv_pic);
31         sb_one=(SeekBar) findViewById(R.id.sb_one);
32         sb_two=(SeekBar) findViewById(R.id.sb_two);
33         //设置SeekBar的progress值改变监听事件
34         sb_one.setOnSeekBarChangeListener(this);
35         sb_two.setOnSeekBarChangeListener(this);
36
37         matrix=new Matrix();
38
39 //        1)设置图片放大缩小效果
40 //
41 //        第一步:将<ImageView>标签中的android:scaleType设置为"fitCenter"
42 //
43 //        第二步:获取屏幕的宽度
44 //
45 //        第三步:设置seekBar的最大progree值为屏幕宽度
46 //
47 //        第四步:设置imageview的布局参数,也就是宽和高,也就是画布的宽高
48
49
50
51         //设置图片放大缩小效果
52         //第一步:获取屏幕的宽度
53         DisplayMetrics dm=new DisplayMetrics();
54         getWindowManager().getDefaultDisplay().getMetrics(dm);
55         //第二步:设置seekBar的最大progree值为屏幕宽度
56         sb_one.setMax(dm.widthPixels);
57     }
58     @Override
59     public void onProgressChanged(SeekBar seekBar, int progress,
60             boolean fromUser) {
61         // TODO Auto-generated method stub
62         switch (seekBar.getId()) {
63         case R.id.sb_one://放大或缩小
64             int width=progress;
65             int height=progress*3/4;
66             //第三步:设置imageview的布局参数,也就是宽和高,也就是画布的宽高
67             iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));
68             break;
69         case R.id.sb_two://旋转
70             //设置旋转度数
71             //设置图片旋转方法
72             //第一步:给matrix设置角度,用于新的bitmap
73             matrix.setRotate((int)(progress*3.60));
74             //第二步:获取bitmap资源
75             BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
76             Bitmap bitmap=bitmapDrawable.getBitmap();
77             //第三步:重建bitmap用于显示
78             Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);
79             //第四步:给imageview设置新的bitmap
80             iv_pic.setImageBitmap(newBitmap);
81             break;
82         default:
83             break;
84         }
85
86
87
88     }
89     @Override
90     public void onStartTrackingTouch(SeekBar seekBar) {
91         // TODO Auto-generated method stub
92
93     }
94     @Override
95     public void onStopTrackingTouch(SeekBar seekBar) {
96         // TODO Auto-generated method stub
97
98     }
99 }

activity02.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6
 7     <ImageView
 8         android:id="@+id/iv_pic"
 9         android:layout_width="match_parent"
10         android:layout_height="300dip"
11         android:background="@android:color/black"
12         android:scaleType="fitCenter"
13         android:src="@drawable/image1"
14         />
15     <!-- 设置图片的显示方式:把图片按比例扩大/缩小到view的宽度,居中显示 -->
16     <SeekBar
17         android:id="@+id/sb_one"
18         android:layout_width="match_parent"
19         android:layout_height="wrap_content"
20         android:progress="100"
21         />
22
23     <TextView
24         android:layout_width="match_parent"
25         android:layout_height="wrap_content"
26         android:text="拖动来缩放图片"
27         />
28     <SeekBar
29         android:id="@+id/sb_two"
30         android:layout_width="match_parent"
31         android:layout_height="wrap_content"
32         />
33     <TextView
34         android:layout_width="match_parent"
35         android:layout_height="wrap_content"
36         android:text="拖动来旋转图片"
37         />
38
39 </LinearLayout>

四、收获

1、设置图像居中显示

android:scaleType="fitCenter"

2、矩阵对象

private Matrix matrix;

在Android中,如果你用Matrix进行过图像处理,那么一定知道Matrix这个类。android中的Matrix是一个3 x 3的矩阵。

在 Android 开发中,矩阵是一个功能强大并且应用广泛的神器,例如:用它来制作动画效果、改变图片大小、给图片加各类滤镜等。

3、DisplayMetrics对象,用于屏幕大小等的显示

DisplayMetrics dm=new DisplayMetrics();

4、获取手机屏幕宽度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

sb_one.setMax(dm.widthPixels);

5、用LinearLayout设置imageView画布参数

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

6、matrix设置旋转

matrix.setRotate((int)(progress*3.60));

7、BitmapDrawable类,其实也是获取图片资源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));

8、bitmapDrawable到bitmap

Bitmap bitmap=bitmapDrawable.getBitmap();

9、新建bitmap

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

10、给imageView设置bitmap

iv_pic.setImageBitmap(newBitmap);

imageView图片放大缩小及旋转相关推荐

  1. JS 图片放大缩小、旋转

    功能描述:点击图片弹出并放大,点击弹出图片外顺时针旋转,鼠标滚动放大缩小,点击弹出图片关闭 <html> <head> <script src="https:/ ...

  2. 图片放大缩小旋转左移右移镜像倒影android

    图片放大缩小旋转左移右移镜像倒影 demo: TestImage 1. 将 meinv.jpg 图片拷贝到以下目录TestImage\app\src\main\res\mipmap-hdpi 1.An ...

  3. Android实现图片放大缩小

    蓝蓝的天 蓝蓝的天,白云朵朵. White clouds in the blue sky. 目录视图 摘要视图 订阅 新版极客头条上线,每天一大波干货     任玉刚:Android开发者的职场规划  ...

  4. layer.photos放大缩小以及旋转

    layer.photos放大缩小以及旋转 由于在网上搜到的旋转都多少有些问题,要么是旋转后图片转底层的背景大小不改变导致图片展示不全,要么是连背景一起旋转用起来很不方便,所以我把他调整成了旋转图片并且 ...

  5. css3 图片放大缩小闪烁效果

    直接把图片替换就可以了,我的图片是透明的,所以body设置为黑色的,不不要可以去掉 <!doctype html> <html lang="en"> < ...

  6. vue项目 一行js代码搞定点击图片放大缩小

    一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...

  7. iphone iPhone开发中如何将制作图片放大缩小代码实现案例

    1:原文摘自:http://mobile.51cto.com/iphone-285108.htm iPhone开发中如何将制作图片放大缩小案例是本文要介绍的内容,主要是来学习iphone开发中动画的制 ...

  8. 点击图片放大缩小功能

    1.点击图片放大缩小的思路 图片部分: <table><div><img style="width:62px;height:83px;display:block ...

  9. html如何控制图片自动放缩,如何用js控制图片放大缩小

    js控制图片放大缩小的效果,可以通过JavaScript的width和height属性来实现.其属性可以实现按比例放大和缩小图像尺寸的功能. 在前面的文章中,也为大家介绍了JS获取图片当前宽高和JS获 ...

最新文章

  1. LeetCode 解题报告索引
  2. Python3 之 JSON
  3. 基于MATLAB的面对对象编程(3)——事件和响应
  4. GIT常用的基础命令
  5. citrix POC环境准备
  6. easypoi list中的map导出_如何优雅的导出 Excel
  7. 【Elasticsearch】es Elasticsearch HQ 介绍
  8. Confluence 6 让一个空间可以公众访问
  9. 南京玄武常发广场远程预付费电能管理系统的设计与应用(安科瑞 顾晓燚)
  10. Word多级标题测试
  11. Apple Pay如何使用?全网最完美攻略(图文教程)!
  12. php 读取读取本地xlsx,用PHP读取xlsx文件
  13. QCC3040---芯片数据手册 ADK release data sheet
  14. 声声不息,新“声”报到
  15. 【对讲机的那点事】带你玩转凯益星CG53数字对讲机的读、写频操作
  16. linux 列转行函数,Linux 文本行列转换
  17. Carmichael numbers 卡迈克尔数
  18. centos7安装docker以及部署centos7:lastest
  19. 微信内置浏览器window.opener不能使用
  20. 项目产品宣传文案和推广方案

热门文章

  1. 《道德经》新解(上篇)
  2. BT06串口蓝牙模块的配置以及与电脑的配对
  3. HTML5期末大作业:个人网页设计——薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
  4. Windows 10 屏幕亮度调节快捷方法
  5. 荣耀x10更新鸿蒙,华为手机不要乱买,这4款是最值得选择的,全都可升级到鸿蒙系统...
  6. 第四周项目三计算并联电阻
  7. 躺平减脂减重法补充篇——无需控制碳水摄入的有效方法,另推一种健康的运动和防止老年慢性病的方式...
  8. LiveData+Room
  9. Android/安卓 文本添加中划线、下划线的方法
  10. Balsamiq Mockups registration code