Android 實現大圖的滾動顯示

問題：

我有一張比較大的圖片，比如長寬都是屏幕的兩倍大小，我想實現的功能是首先將圖片居中顯示，由於圖片太大顯然只能顯示一部分，然後可以通過拖動，實現圖片的平滑滾動（既看不出來滾動刷新痕跡）。

就像google地圖一樣，如果用mapView這個控件，那麼可以在屏幕上拖動整個地圖，但是由於地圖信息量太大，如果一次拖動過快，那麼屏幕會暫時顯示出一些刷新痕跡（灰白的格子）。

想使用mapView來加載已有圖片，但是沒有成功，後來也使用了Srollview控件，和最常用的imageView，還是沒有成功。

解決：

經過大量查資料，使用imageView配合onTouch事件，可以解決。

關鍵代碼：

布局文件中imageView控件如下

1. <ImageView
2. Android:layout_width="wrap_content"
3. android:layout_height="wrap_content"
4. android:id="@+id/img"
5. android:scaleType="center"
6. android:background="#fff"
7. android:src="@drawable/picName"
8. />

Activity文件中主要代碼如下

1. @Override
2. public void onCreate(Bundle savedInstanceState) {
3. super.onCreate(savedInstanceState);
5. setContentView(R.layout.xml_name_layout);
7. final ImageView switcherView = (ImageView) this.findViewById(R.id.img);
9. switcherView.setOnTouchListener(new View.OnTouchListener() {
11. public boolean onTouch(View arg0, MotionEvent event) {
13. float curX, curY;
15. switch (event.getAction()) {
17. case MotionEvent.ACTION_DOWN:
18. mx = event.getX();
19. my = event.getY();
20. break;
21. case MotionEvent.ACTION_MOVE:
22. curX = event.getX();
23. curY = event.getY();
24. switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
25. mx = curX;
26. my = curY;
27. break;
28. case MotionEvent.ACTION_UP:
29. curX = event.getX();
30. curY = event.getY();
31. switcherView.scrollBy((int) (mx - curX), (int) (my - curY));
32. break;
33. }
35. return true;
36. }
37. });
39. }

實現效果如下:

原圖

模擬器裡效果