第三组UI组件：ImageView及其子类

 

主要功能是显示图片，任何Drawable对象都可使用ImageView来显示。

 

1.图片浏览器

下面的图片浏览器可以改变所查看图片的透明度，可通过调用ImageView的setImageAlpha()方法实现。还可以通过一个小区域查看图片的原始大小。（两个ImageView）

下面是布局文件

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="120px"/>
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="增大透明度"
                android:id="@+id/plus"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="降低透明度"
                android:id="@+id/minus"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下一张"
                android:id="@+id/next"/>
        </LinearLayout>
        <!-- 定义显示图片整体的ImageView -->
        <!-- 指定android:scaleType="fitCenter"表明 -->
        <!-- ImageView显示图片时会保持纵横比缩放，并将缩放后的图片放在该ImageView的中央-->
        <ImageView
            android:id="@+id/image1"
            android:layout_width="wrap_content"
            android:layout_height="280dp"
            android:src="@drawable/five"
            android:scaleType="fitCenter"/>
        <!-- 定义显示图片局部细节的ImageView -->
        <ImageView
            android:id="@+id/image2"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:background="#00f"
            android:layout_margin="10dp"/>
    </LinearLayout>

为了能动态改变图片的透明度，要为按钮编写事件监听器，当用户单击按钮时动态改变图片的Alpha值。

为了能动态显示图片局部细节，程序为第一个ImageView添加OnTouchListener监听器，

用户在第一个ImageView上发生触摸事件时，程序从原始图片中读取相应部分的图片并显示在第二个ImageView中

下面是java代码及运行截图，但是最后一张图片的时候点击图片会闪退。。原因不明也没有调试信息。。

public class MainActivity extends AppCompatActivity {

    //定义一个访问图片的数组
    int[] images = new int[]{
            R.drawable.one,
            R.drawable.two,
            R.drawable.three,
            R.drawable.four,
            R.drawable.five,
    };
    //定义默认显示的图片
    int currentImg = 4;
    //定义图片的初始透明度
    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.plus);
        final Button minus=(Button)findViewById(R.id.minus);
        final Button next=(Button)findViewById(R.id.next);
        final ImageView image1=(ImageView)findViewById(R.id.image1);
        final ImageView image2=(ImageView)findViewById(R.id.image2);
        //定义查看下一张图片的监听器
        n