Android之UI学习篇六:ImageView实现图片旋转和缩放
16lz
2021-12-04
这一篇,给大家介绍一下ImageView控件的使用,ImageView主要是用来显示图片,可以对图片进行放大、缩小、旋转的功能。
android:sacleType属性指定ImageVIew控件显示图片的方式,例如:center表示图像以不缩放的方式显示在ImageView控件的中心,如果设置为fitCenter,表示图像按照比例缩放至合适的位置,并在ImageView控件的中心。
首先我们开发一个简单的案例,实现图片的放大缩小和旋转:
先看看实现的效果,
缩放截图1:
缩放截图2:
旋转截图1:
旋转截图2:
在实现图片的缩放和旋转时,我们都需要用到android.graphics.Matrix这个类,对于Matrix在API中的介绍如下: Class OverviewThe Matrix class holds a 3x3 matrix for transforming coordinates. Matrix does not have a constructor, so it must be explicitly initialized using either reset() - to construct an identity matrix, or one of the set..() functions (e.g. setTranslate, setRotate, etc.).
|
源代码:
MainActivity.java
package com.imageview.activity;import com.imageview.activity.R;import android.app.Activity;import android.graphics.Bitmap;import android.graphics.Matrix;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.util.DisplayMetrics;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.SeekBar;import android.widget.SeekBar.OnSeekBarChangeListener;public class MainActivity extends Activity implements OnSeekBarChangeListener {private int minWidth = 80;private ImageView imageView;private SeekBar seekBar1;private SeekBar seekBar2;private Matrix matrix = new Matrix();@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);imageView = (ImageView) findViewById(R.id.imageview1);seekBar1 = (SeekBar) findViewById(R.id.seekbar1);seekBar2 = (SeekBar) findViewById(R.id.seekbar2);seekBar1.setOnSeekBarChangeListener(this);seekBar2.setOnSeekBarChangeListener(this);// 定义一个DisplayMetrics对象,用来显示旋转的图像DisplayMetrics dm = new DisplayMetrics();// 根据手机屏幕大小来缩放getWindowManager().getDefaultDisplay().getMetrics(dm);seekBar1.setMax(dm.widthPixels - minWidth);}@Overridepublic void onProgressChanged(SeekBar seekBar, int progress,boolean fromUser) {switch (seekBar.getId()) {case R.id.seekbar1:int newWidth = progress + minWidth;int newHeight = (int) (newWidth * 3 / 4);imageView.setLayoutParams(new LinearLayout.LayoutParams(newWidth,newHeight));break;case R.id.seekbar2:Bitmap bitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.pic)).getBitmap();// 设置旋转角度matrix.setRotate(progress);// 重新绘制Bitmapbitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),bitmap.getHeight(), matrix, true);imageView.setImageBitmap(bitmap);break;}}@Overridepublic void onStartTrackingTouch(SeekBar seekBar) {}@Overridepublic void onStopTrackingTouch(SeekBar seekBar) {}}
布局文件main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" ><ImageView android:layout_width="200dp" android:layout_height="150dp" android:scaleType="fitCenter" android:background="#FFFFFF" android:src="@drawable/pic" android:id="@+id/imageview1"/> <SeekBar android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" android:id="@+id/seekbar1"/> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="拖动来缩放图片" /><SeekBar android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" android:id="@+id/seekbar2"/><TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="拖动来旋转图片" /></LinearLayout>
最后说明一点,要在ImageView中显示的图片进行旋转,请选择一张符合Matrix的3*3矩阵的图片,否则在旋转过程中超过屏幕宽度会引起报错,本例中选取的是一张正方形的图片,如果是长方形的建议做一下代码逻辑判断处理。
关于Matrix的更多效果实现,将会在后面写一篇再进行讲解,谢谢!
android.graphics.Matrix |
更多相关文章
- Android(安卓)调用相机拍照,适配到Android(安卓)10?
- Android实现基于肤色的皮肤检测
- android Webview 上传图片兼容各android版本
- Android
- Android(安卓)WebView上传图片到h5
- ImageView的属性android:scaleType,即ImageView.setScaleType(Ima
- android win8效果实现进阶(一)
- android win8效果实现进阶(一)
- LinearLayout按下(pressed)或获取焦点(focused)时背景设置不同颜