Android 实现大图的滚动显示

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);  
4.   
5.     setContentView(R.layout.xml_name_layout);  
6.   
7.     final ImageView switcherView = (ImageView) this.findViewById(R.id.img);  
8.   
9.     switcherView.setOnTouchListener(new View.OnTouchListener() {  
10.   
11.         public boolean onTouch(View arg0, MotionEvent event) {  
12.   
13.             float curX, curY;  
14.   
15.             switch (event.getAction()) {  
16.   
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.             }  
34.   
35.             return true;  
36.         }  
37.     });  
38.   
39. }  

实现效果如下:

原图

模拟器里效果