ご存じのとおり、Android ビューにはスクロール機能があります。
スクロール バーを表示するには、2 つのことを行う必要があります。
- ビューのxml宣言に android:scrollbars="horizontal|vertical" を追加します
- View クラスの computeHorizontalScrollRange/computeVerticalScrollRange メソッドをオーバーライドして、戻り値を computeHorizontalScrollExtent/computeVerticalScrollExtent メソッドの戻り値よりも大きくします。
その後、scrollTo または scrollBy メソッドを呼び出すと、スクロールバーが自動的に表示されます。
スペルや文法の間違いがあれば、私の下手な英語で申し訳ありません。これを試すことができます:
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:paddingBottom="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="10dp"
tools:context=".MainActivity" >
<com.netease.test.testscroll.ScrollImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFCCCCCC"
android:scrollbars="horizontal|vertical"
android:src="@drawable/pp" />
</LinearLayout>
ScrollImageView はカスタム ビューであり、次のように実装できます。
public class ScrollImageView extends ImageView {
static final String TAG = "ScrollImageView";
private Rect mContentRect = new Rect();
GestureDetector mDetector;
OnGestureListener mListener = new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
Log.i("onScroll", "before:distanceX = " + distanceX
+ ", distanceY = " + distanceY);
scrollBy((int)distanceX, (int)distanceY);
// boolean value = awakenScrollBars();
Log.i("onScroll", "after:current ScrollX=" + getScrollX()
+ ", ScrollY=" + getScrollY());
return true;
}
};
public ScrollImageView(Context context) {
this(context, null);
}
public ScrollImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ScrollImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setScaleType(ScaleType.MATRIX);
mDetector = new GestureDetector(getContext(), mListener);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mDetector.onTouchEvent(event);
return true;
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mContentRect.set(getPaddingLeft(), getPaddingTop(), getWidth()
- getPaddingRight(), getHeight() - getPaddingBottom());
}
@Override
protected int computeHorizontalScrollRange() {
return getDrawable().getIntrinsicWidth();
}
@Override
protected int computeHorizontalScrollExtent() {
return mContentRect.width();
}
@Override
protected int computeHorizontalScrollOffset() {
return Math.max(0, getScrollX());
}
private int getScrollRangeX() {
return computeHorizontalScrollRange() - computeHorizontalScrollExtent();
}
@Override
protected int computeVerticalScrollRange() {
return getDrawable().getIntrinsicHeight();
}
@Override
protected int computeVerticalScrollExtent() {
return mContentRect.height();
}
@Override
protected int computeVerticalScrollOffset() {
return Math.max(0, getScrollY());
}
private int getScrollRangeY() {
return computeVerticalScrollRange() - computeVerticalScrollExtent();
}
}
「pp」という名前の大きなpngを指定し、画像をスクロールするだけで、スクロールバーが表示されます。