尝试制作一个自定义视图,像这样:
public class ScrollableImage extends View {
private Bitmap bmLargeImage;
private Rect displayRect = null;
private Rect scrollRect = null;
private int scrollRectX = 0;
private int scrollRectY = 0;
private float scrollByX = 0;
private float scrollByY = 0;
private int width, height;
private Paint background;
public ScrollableImage(Context context, AttributeSet attrs) {
super(context, attrs);
}
public ScrollableImage(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public void setSize(int width, int height) {
background = new Paint();
background.setColor(Color.WHITE);
this.width = width;
this.height = height;
displayRect = new Rect(0, 0, width, height);
scrollRect = new Rect(0, 0, width, height);
}
public void setImage(Bitmap bmp) {
if (bmLargeImage != null)
bmLargeImage.recycle();
bmLargeImage = bmp;
scrollRect = new Rect(0, 0, width, height);
scrollRectX = 0;
scrollRectY = 0;
scrollByX = 0;
scrollByY = 0;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return true;
}
public void notifyScroll(float distX, float distY) {
scrollByX = distX;
scrollByY = distY;
}
@Override
protected void onDraw(Canvas canvas) {
if (bmLargeImage == null)
return;
if (scrollByX != 0 || scrollByY != 0) {
int newScrollRectX = scrollRectX - (int) scrollByX;
int newScrollRectY = scrollRectY - (int) scrollByY;
scrollByX = 0;
scrollByY = 0;
if (newScrollRectX < 0)
newScrollRectX = 0;
else if (newScrollRectX > (bmLargeImage.getWidth() - width))
newScrollRectX = (bmLargeImage.getWidth() - width);
if (newScrollRectY < 0)
newScrollRectY = 0;
else if (newScrollRectY > (bmLargeImage.getHeight() - height))
newScrollRectY = (bmLargeImage.getHeight() - height);
scrollRect.set(newScrollRectX, newScrollRectY, newScrollRectX
+ width, newScrollRectY + height);
scrollRectX = newScrollRectX;
scrollRectY = newScrollRectY;
}
canvas.drawRect(displayRect, background);
canvas.drawBitmap(bmLargeImage, scrollRect, displayRect, background);
}
}
在手势监听器中,我有一个onScroll的实现
其中img是您的ScrollableImage实例。
记得使用setImage设置您的大图像。还要使用setSize设置显示的大小。
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
img.notifyScroll(-distanceX, -distanceY);
img.invalidate();
return true;
}
在此链接中,您可以找到一个
示例,演示如何使用
BitmapRegionDecoder API。该示例包含一张大型的(6000,4000)地球图像,用户可以以全分辨率滚动浏览。