UI组件之ImageView及其子类（一）ImageView显示图片
最后更新于：2022-04-01 16:13:55
ImageView家族的继承关系如图：
**ImageView继承自View组件**，它的主要功能室显示图片，还可以显示Drawable对象。
ImageView直接子类是ImageButton，QuickContactBadge，间接子类是ZoomButton，因此ImageView 的所有XML属性，方法，基本上都可以用于ImageButton，ZoomButton
ImageView的XML 属性如下：
android:adjustViewBounds：是否调整自己的边界来保持所显示的图片长宽比。需要与maxWidth、MaxHeight一起使用，否则单独使用没有效果。
android:cropToPadding：true，该组件将会被裁剪到保留该ImageView的padding
android:MaxHeight，android:maxWidth：设置View的最大高度和宽度，单独使用无效，需要与setAdjustViewBounds一起使用。如果想设置图片固定大小，又想保持图片宽高比，需要如下设置：
1） 设置setAdjustViewBounds为true；
2） 设置maxWidth、MaxHeight；
3） 设置设置layout_width和layout_height为wrap_content。
android:tint：将图片渲染成指定的颜色
android:src：设置ImageView所显示的Drawable对象的ID
android:scaleType：setScaleType(ImageView.ScaleType),ImageView.ScaleType是内部类，设置图片如何缩放或移动一适应ImageView的大小，常值如下：
matrix（ImageView.ScaleType.MATRIC）：使用matric矩阵来绘图进行缩放
fitXY（ImageView.ScaleType.FIT_XY）：**对图片横向，纵向独立缩放**，使得图片完全适应于该ImageView，图片横纵比可能会改变
fitStart（ImageView.ScaleType.FIT_START）：保持横纵比缩放图片，直到较长的边与ImageView的边长相等，完成后放在ImageView的**左上角**。
fitEnd（ImageView.ScaleType.FIT_END）：保持横纵比缩放图片，直到较长的边与ImageView的边长相等，完成后放在ImageView的**右下角。**
fitCenter（ImageView.ScaleType.FIT_CENTER）：保持横纵比缩放图片，直到较长的边与ImageView的边长相等，完成后放在ImageView的**中央。**
center（ImageView.ScaleType.CENTER）：图片放在ImageVIew中间，不进行任何缩放
centerInside（ImageView.ScaleType.CENTER_INSIDE）：保持横纵比缩放图片，使得ImageView能完全显示该图片
centerCrop（ImageView.ScaleType.CENTER_CROP）：保持横纵比，使得图片能完全覆盖ImageView。只要图片最短边能显示出来即可。
ImageView设置图片资源的方法有很多，如下：**Bitmap，Drawable，Resource**
setImageBitmap(Bitmap btm);使用Bitmap位图设置该ImageView显示的图片
setImageDrawable(Drawable drawable)；使用Drawable 对象设置该ImageView显示的图片，这里的Drawable 对象是Resource对象获得的实际资源，不是资源ID
setImageResource(int reId);使用图片资源ID设置该ImageView显示的图片
例，图片浏览器，设置图片透明度。
~~~
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">"
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button2" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/next" />
</LinearLayout>
<!-- 定义一个ImageView显示图片 -->
<ImageView
android:id="@+id/imageView1"
android:layout_width="match_parent"
android:layout_height="280dp"
android:scaleType="fitCenter"
android:src="@drawable/shuangta" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="120dp"
android:layout_height="120dp"
android:src="@drawable/ic_launcher" />
</LinearLayout>
~~~
~~~
package com.hust.imageviewtest;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ImageView;
public class MainActivity extends Activity {
// 定义一个访问图片的数组
int[] images = new int[]{
R.drawable.lijiang,
R.drawable.qiao,
R.drawable.shuangta,
R.drawable.shui,
R.drawable.xiangbi,
};
// 定义默认显示的图片
int currentImg = 2;
// 定义图片的初始透明度
private int alpha = 255;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Button plus = (Button) findViewById(R.id.button1);
final Button minus = (Button) findViewById(R.id.button2);
final Button next = (Button) findViewById(R.id.button3);
final ImageView image1 = (ImageView) findViewById(R.id.imageView1);
final ImageView image2 = (ImageView) findViewById(R.id.imageView2);
// 定义查看下一张图片的监听器
next.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// 控制ImageView显示下一张图片
image1.setImageResource(images[++currentImg % images.length]);
}
});
// 定义改变图片透明度的方法
OnClickListener listener = new OnClickListener()
{
@Override
public void onClick(View v)
{
if (v == plus)
{
alpha += 20;
}
if (v == minus)
{
alpha -= 20;
}
if (alpha >= 255)
{
alpha = 255;
}
if (alpha <= 0)
{
alpha = 0;
}
// 改变图片的透明度
image1.setAlpha(alpha);
}
};
// 为两个按钮添加监听器
plus.setOnClickListener(listener);
minus.setOnClickListener(listener);
image1.setOnTouchListener(new OnTouchListener()
{
@Override
public boolean onTouch(View view, MotionEvent event)
{
BitmapDrawable bitmapDrawable = (BitmapDrawable) image1
.getDrawable();
// 获取第一个图片显示框中的位图
Bitmap bitmap = bitmapDrawable.getBitmap();
// bitmap图片实际大小与第一个ImageView的缩放比例
double scale = bitmap.getWidth() / 320.0;
// 获取需要显示的图片的开始点
int x = (int) (event.getX() * scale);
int y = (int) (event.getY() * scale);
if (x + 120 > bitmap.getWidth())
{
x = bitmap.getWidth() - 120;
}
if (y + 120 > bitmap.getHeight())
{
y = bitmap.getHeight() - 120;
}
// 显示图片的指定区域
image2.setImageBitmap(Bitmap.createBitmap(bitmap
, x, y, 120, 120));
image2.setAlpha(alpha);
return false;
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
~~~
