imageView图片放大缩小及旋转
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图片放大缩小及旋转相关推荐
- JS 图片放大缩小、旋转
功能描述:点击图片弹出并放大,点击弹出图片外顺时针旋转,鼠标滚动放大缩小,点击弹出图片关闭 <html> <head> <script src="https:/ ...
- 图片放大缩小旋转左移右移镜像倒影android
图片放大缩小旋转左移右移镜像倒影 demo: TestImage 1. 将 meinv.jpg 图片拷贝到以下目录TestImage\app\src\main\res\mipmap-hdpi 1.An ...
- Android实现图片放大缩小
蓝蓝的天 蓝蓝的天,白云朵朵. White clouds in the blue sky. 目录视图 摘要视图 订阅 新版极客头条上线,每天一大波干货 任玉刚:Android开发者的职场规划 ...
- layer.photos放大缩小以及旋转
layer.photos放大缩小以及旋转 由于在网上搜到的旋转都多少有些问题,要么是旋转后图片转底层的背景大小不改变导致图片展示不全,要么是连背景一起旋转用起来很不方便,所以我把他调整成了旋转图片并且 ...
- css3 图片放大缩小闪烁效果
直接把图片替换就可以了,我的图片是透明的,所以body设置为黑色的,不不要可以去掉 <!doctype html> <html lang="en"> < ...
- vue项目 一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...
- iphone iPhone开发中如何将制作图片放大缩小代码实现案例
1:原文摘自:http://mobile.51cto.com/iphone-285108.htm iPhone开发中如何将制作图片放大缩小案例是本文要介绍的内容,主要是来学习iphone开发中动画的制 ...
- 点击图片放大缩小功能
1.点击图片放大缩小的思路 图片部分: <table><div><img style="width:62px;height:83px;display:block ...
- html如何控制图片自动放缩,如何用js控制图片放大缩小
js控制图片放大缩小的效果,可以通过JavaScript的width和height属性来实现.其属性可以实现按比例放大和缩小图像尺寸的功能. 在前面的文章中,也为大家介绍了JS获取图片当前宽高和JS获 ...
最新文章
- LeetCode 解题报告索引
- Python3 之 JSON
- 基于MATLAB的面对对象编程(3)——事件和响应
- GIT常用的基础命令
- citrix POC环境准备
- easypoi list中的map导出_如何优雅的导出 Excel
- 【Elasticsearch】es Elasticsearch HQ 介绍
- Confluence 6 让一个空间可以公众访问
- 南京玄武常发广场远程预付费电能管理系统的设计与应用(安科瑞 顾晓燚)
- Word多级标题测试
- Apple Pay如何使用?全网最完美攻略(图文教程)!
- php 读取读取本地xlsx,用PHP读取xlsx文件
- QCC3040---芯片数据手册 ADK release data sheet
- 声声不息,新“声”报到
- 【对讲机的那点事】带你玩转凯益星CG53数字对讲机的读、写频操作
- linux 列转行函数,Linux 文本行列转换
- Carmichael numbers 卡迈克尔数
- centos7安装docker以及部署centos7:lastest
- 微信内置浏览器window.opener不能使用
- 项目产品宣传文案和推广方案
热门文章
- 《道德经》新解(上篇)
- BT06串口蓝牙模块的配置以及与电脑的配对
- HTML5期末大作业:个人网页设计——薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
- Windows 10 屏幕亮度调节快捷方法
- 荣耀x10更新鸿蒙,华为手机不要乱买,这4款是最值得选择的,全都可升级到鸿蒙系统...
- 第四周项目三计算并联电阻
- 躺平减脂减重法补充篇——无需控制碳水摄入的有效方法,另推一种健康的运动和防止老年慢性病的方式...
- LiveData+Room
- Android/安卓 文本添加中划线、下划线的方法
- Balsamiq Mockups registration code