当前位置:操作系统 > 安卓/Android >>

Android UI之ImageView图片视图

ImageView是一个显示图片的组件,用一个例子介绍该组件的简单运用:

在样式文件中:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 
    <!-- android:src设置ImageView所显示的Drawable对象的ID --> 
    <ImageView 
        android:id="@+id/img1" 
        android:layout_width="fill_parent" 
        android:layout_height="300dp" 
        android:background="#cccccc" 
        android:src="@drawable/pig" /> 
    <!--android:scaleType设置所显示的图片如何缩放或移动以适应ImageView的大小  其值在中文API上有详细的说明 --> 
    <ImageView 
        android:id="@+id/img2" 
        android:layout_width="100dp" 
        android:layout_height="100dp" 
        android:background="#cccccc" 
        android:scaleType="fitStart" 
        android:layout_marginTop="20dp" 
        /> 
 
</LinearLayout> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <!-- android:src设置ImageView所显示的Drawable对象的ID -->
    <ImageView
        android:id="@+id/img1"
        android:layout_width="fill_parent"
        android:layout_height="300dp"
        android:background="#cccccc"
        android:src="@drawable/pig" />
    <!--android:scaleType设置所显示的图片如何缩放或移动以适应ImageView的大小  其值在中文API上有详细的说明 -->
    <ImageView
        android:id="@+id/img2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#cccccc"
        android:scaleType="fitStart"
        android:layout_marginTop="20dp"
        />

</LinearLayout>

该样式文件中有两个ImageView组件,第一个用来显示我们想要展示的图片,第二ImageView用来显示当点击图片上某一位置时在该组件上显示部分图片,代码实现该功能:


package cn.class3g.activity; 
 
import android.app.Activity; 
import android.graphics.Bitmap; 
import android.graphics.drawable.BitmapDrawable; 
import android.os.Bundle; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.View.OnTouchListener; 
import android.widget.ImageView; 
 
public class ImageViewDemo extends Activity implements OnTouchListener { 
    ImageView imageView1, imageView2; 
 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        this.setContentView(R.layout.imageview_layout); 
        findViews(); 
    } 
 
    private void findViews() { 
        imageView1 = (ImageView) findViewById(R.id.img1); 
        imageView2 = (ImageView) findViewById(R.id.img2); 
        //为imageView添加触摸监听事件 
        imageView1.setOnTouchListener(this); 
    } 
 
    public boolean onTouch(View v, MotionEvent event) { 
        float scale = 412 / 320; 
<span style="white-space:pre">        </span>//获取需要显示的图片的开始点 
        int x = (int) (event.getX() * scale); 
        int y = (int) (event.getY() * scale); 
         
        //需要考虑边界问题 
        int width = (int) (100 * scale); 
        int height = (int) (100 * scale); 
        //获取图片显示框中的位图 
        BitmapDrawable bitmapDrawable = (BitmapDrawable) imageView1.getDrawable(); 
        //显示图片指定的区域 
        imageView2.setImageBitmap(Bitmap.createBitmap(bitmapDrawable.getBitmap(), 
                x,y, width, height)); 
         
        return false; 
    } 

package cn.class3g.activity;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class ImageViewDemo extends Activity implements OnTouchListener {
 ImageView imageView1, imageView2;

 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  this.setContentView(R.layout.imageview_layout);
  findViews();
 }

 private void findViews() {
  imageView1 = (ImageView) findViewById(R.id.img1);
  imageView2 = (ImageView) findViewById(R.id.img2);
  //为imageView添加触摸监听事件
  imageView1.setOnTouchListener(thi

补充:移动开发 , Android ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,