Android UI之ImageView圖片視圖

ImageView是一個顯示圖片的組件，用一個例子介紹該組件的簡單運用：

在樣式文件中：

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. <!-- android:src設置ImageView所顯示的Drawable對象的ID -->
7. <ImageView
8. android:id="@+id/img1"
9. android:layout_width="fill_parent"
10. android:layout_height="300dp"
11. android:background="#cccccc"
12. android:src="@drawable/pig" />
13. <!--android：scaleType設置所顯示的圖片如何縮放或移動以適應ImageView的大小 其值在中文API上有詳細的說明 -->
14. <ImageView
15. android:id="@+id/img2"
16. android:layout_width="100dp"
17. android:layout_height="100dp"
18. android:background="#cccccc"
19. android:scaleType="fitStart"
20. android:layout_marginTop="20dp"
21. />
23. </LinearLayout>

該樣式文件中有兩個ImageView組件，第一個用來顯示我們想要展示的圖片，第二ImageView用來顯示當點擊圖片上某一位置時在該組件上顯示部分圖片，代碼實現該功能：

1. package cn.class3g.activity;
3. import android.app.Activity;
4. import android.graphics.Bitmap;
5. import android.graphics.drawable.BitmapDrawable;
6. import android.os.Bundle;
7. import android.view.MotionEvent;
8. import android.view.View;
9. import android.view.View.OnTouchListener;
10. import android.widget.ImageView;
12. public class ImageViewDemo extends Activity implements OnTouchListener {
13. ImageView imageView1, imageView2;
15. protected void onCreate(Bundle savedInstanceState) {
16. super.onCreate(savedInstanceState);
17. this.setContentView(R.layout.imageview_layout);
18. findViews();
19. }
21. private void findViews() {
22. imageView1 = (ImageView) findViewById(R.id.img1);
23. imageView2 = (ImageView) findViewById(R.id.img2);
24. //為imageView添加觸摸監聽事件
25. imageView1.setOnTouchListener(this);
26. }
28. public boolean onTouch(View v, MotionEvent event) {
29. float scale = 412 / 320;
30. //獲取需要顯示的圖片的開始點
31. int x = (int) (event.getX() * scale);
32. int y = (int) (event.getY() * scale);
34. //需要考慮邊界問題
35. int width = (int) (100 * scale);
36. int height = (int) (100 * scale);
37. //獲取圖片顯示框中的位圖
38. BitmapDrawable bitmapDrawable = (BitmapDrawable) imageView1.getDrawable();
39. //顯示圖片指定的區域
40. imageView2.setImageBitmap(Bitmap.createBitmap(bitmapDrawable.getBitmap(),
41. x,y, width, height));
43. return false;
44. }
45. }

在模擬器上的效果為