5

から拡張したカスタム クラスがありScrollViewます。私がやりたいのは、このクラスでピンチ ズームを実装することです。これを使用して、ScrollViewの子にズームし、必要に応じてズームされたコンテンツをスクロールします。基本的に、UIScrollViewiOS のクラスと同じ動作が必要です (Android にはiOSのような組み込みのズーム機能がなく、すべてをゼロから作成する必要があるのは残念です)。クラスの内部があり、イベントを受け取ったときに、ScaleGestureListener内部の子ビューのレイアウト ディメンションを更新します。レイアウトの幅と高さに、受け取った倍率を掛けます。ScrollViewonScaleScaleGestureListener. 私を悩ませているのは、ScrollView が子の新しいサイズに従ってスクロールバーを更新しないことです。たとえば、子の幅が の幅よりも大きくなるとScrollView、水平スクロールバーは表示されません。スクロールビューとその子の両方でinvalidateandを呼び出しましたが、失敗しました。requestLayout

以下にコードを示します。

public class PinchZoomScrollView extends ScrollView{

private ScaleGestureDetector mScaleDetector;// = new ScaleGestureDetector(context, new ScaleListener());
private float mScaleFactor = 1.0f;
private float referenceTextSize;
private static final float MIN_ZOOM_AMOUNT = 1.0f;
private static final float MAX_ZOOM_AMOUNT = 2.0f;

private float refChildWidth;
private float refChildHeight;

private boolean shownForTheFirstTime = true;
//private View content;


private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

    private WeakReference<PinchZoomScrollView> containerRef;

    public ScaleListener(PinchZoomScrollView container)
    {
        super();

        containerRef = new WeakReference<PinchZoomScrollView>(container);
    }

    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        mScaleFactor *= detector.getScaleFactor();

        // Don't let the object get too small or too large.
        mScaleFactor = Math.max(MIN_ZOOM_AMOUNT, Math.min(mScaleFactor, MAX_ZOOM_AMOUNT));

        //Get Child object
        View content = containerRef.get().getChildAt(0);

        if(shownForTheFirstTime)
        {
            shownForTheFirstTime = false;

            refChildWidth  = content.getWidth();
            refChildHeight = content.getHeight();
        }

        LayoutParams params = new LayoutParams(Math.round(mScaleFactor*refChildWidth), Math.round(mScaleFactor*refChildHeight));
        content.setLayoutParams(params);


        System.out.println("this.width="+containerRef.get().getWidth());
        System.out.println("content.width="+Math.round(mScaleFactor*refChildWidth));


        content.invalidate();
        content.requestLayout();

        containerRef.get().updateViewLayout(content, params);

        containerRef.get().invalidate();
        containerRef.get().requestLayout();

        return true;
    }
}


public PinchZoomScrollView(Context context)
{
    super(context);
    mScaleDetector = new ScaleGestureDetector(context, new ScaleListener(this));
}

public PinchZoomScrollView(Context context, AttributeSet attrs)
{
    super(context,attrs);
    mScaleDetector = new ScaleGestureDetector(context, new ScaleListener(this));
}

public PinchZoomScrollView(Context context, AttributeSet attrs, int defStyle)
{
    super(context,attrs,defStyle);
    mScaleDetector = new ScaleGestureDetector(context, new ScaleListener(this));
}

@Override
public boolean onTouchEvent(MotionEvent ev) {

    super.onTouchEvent(ev);

    mScaleDetector.onTouchEvent(ev);

    return true;
}

}

簡単に言うと、ユーザーがピンチ ズーム インとズーム アウトを行うたびに、ScrollView が子の更新されたサイズに応じてスクロールバーを更新する必要があります。

前もって感謝します

4

1 に答える 1

4

ここに解決策があります：

  1. ScrollView を拡張するのではなく、ScrollView と Horizo​​ntalScrollView の組み合わせである FrameLayout を拡張する TwoDimensionScrollView を作成し、子がスケーリングされている場合でも水平/垂直スクロールバーの両方を表示できるようにしました。また、ジェスチャー検出器は使用しませんでした。代わりに、独自のピンチ ツー ズームを実装します。

  2. スクロール バーを更新するには、以下の関数を書き直します。

    @Override
protected int computeVerticalScrollRange() {
    final int count = getChildCount();
    final int contentHeight = getHeight() - getPaddingBottom()
        - getPaddingTop();
    if (count == 0) {
        return contentHeight;
    }


@Override
protected int computeVerticalScrollOffset() {
    int result = Math.max(0, super.computeVerticalScrollOffset());
    return result - getScrollVerticalMin();
}
@Override
protected int computeHorizontalScrollRange() {
    final int count = getChildCount();
    final int contentWidth = getWidth() - getPaddingLeft()
        - getPaddingRight();
    if (count == 0) {
        return contentWidth;
    }

    int scrollRange = getChildAt(0).getRight();
    final int scrollX = getScrollX();
    final int overscrollRight = Math.max(0, scrollRange - contentWidth);
    if (scrollX < 0) {
        scrollRange -= scrollX;
    } else if (scrollX > overscrollRight) {
        scrollRange += scrollX - overscrollRight;
    }
    return (int) (scrollRange * mScaleFactor + getScrollHorizontalMin());
}

@Override
protected int computeHorizontalScrollOffset() {
    int result = Math.max(0, super.computeHorizontalScrollOffset());
    return result - getScrollHorizontalMin();
}
@Override
protected int computeVerticalScrollExtent() {
    return getHeight() + getScrollVerticalMin();
}

@Override
protected int computeHorizontalScrollExtent() {
    return getWidth() + getScrollHorizontalMin();
}
private int getScrollHorizontalMin() {
    if (this.getChildCount() < 1)
        return 0;
    View child = this.getChildAt(0);
    return (int) ((1 - mScaleFactor) * child.getPivotX());
}

private int getScrollVerticalMin() {
    if (this.getChildCount() < 1)
        return 0;
    View child = this.getChildAt(0);
    return (int) ((1 - mScaleFactor) * child.getPivotY());
}
private int getScrollVerticalRange() {
    int scrollRange = 0;
    if (getChildCount() > 0) {
        View child = getChildAt(0);
        scrollRange = (int) Math.max(0, child.getHeight() * mScaleFactor
                - (getHeight() - getPaddingBottom() - getPaddingTop())
                + getScrollVerticalMin());
    }
return scrollRange;
}

private int getScrollHorizontalRange() {
    int scrollRange = 0;
    if (getChildCount() > 0) {
        View child = getChildAt(0);
        scrollRange = (int) Math.max(0, child.getWidth() * mScaleFactor
                - (getWidth() - getPaddingRight() - getPaddingLeft())
                + getScrollHorizontalMin());
    }
    return scrollRange;
}

  3. また、SpringBack() と fling() を呼び出しているすべてのコードを見つけてから、0 の代わりに上記の関数 getScrollHorizo​​ntalMin() と getScrollVerticalMin() を使用して x と y の最小値を設定する必要があります。

于 2013-05-22T19:25:00.237 に答える