1

HTML、CSS、JavaScriptを使用してAndroidアプリケーションを開発しています。私のアプリケーションは Phonegap フレームワークに依存しています。アプリケーションは、かなりの数のローカル ページで構成されています。アプリケーションでは、Android モバイルでスワイプ ジェスチャ イベントを処理し、スワイプの方向に応じてページを移動しようとしています。つまり、ユーザーが左にスワイプした場合、アプリケーションは前のページを呼び出す必要があり、ユーザーが右にスワイプした場合、アプリケーションはユーザーを次のページに転送します。

Android用のネイティブJavaを使用してそれを行うことができます。しかし、問題は、ページの呼び出し中に、要求されたページのスライド効果を実行していることです。しかし、何が起こるかは、現在のページが要求されたページではなくスライド効果を取ることです.アニメーションの長さを遅らせてみましたが、遅くなりすぎて退屈になり、ところでそれを達成できませんでした。

この問題で私を助けてくれること、またはその効果を達成するためのアプローチやメカニズムを私に提案してくれることを願っています.

これが私のコードです：

public class App extends DroidGap {
    /** Called when the activity is first created. */

    private static final int SWIPE_MIN_DISTANCE = 120;
    private static final int SWIPE_MAX_OFF_PATH = 250;
    private static final int SWIPE_THRESHOLD_VELOCITY = 200;
    private GestureDetector gestureDetector;
    View.OnTouchListener gestureListener;


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        gestureDetector = new GestureDetector(new MyGestureDetector());

        gestureListener = new View.OnTouchListener() {
            public boolean onTouch(View v, MotionEvent event) {
                if (gestureDetector.onTouchEvent(event)) {
                    return true;
                }
                return false;
            }
        };
      super.loadUrl("file:///android_asset/www/index.html");

    }

    class MyGestureDetector extends SimpleOnGestureListener {
        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            try {

                if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH)
                    return false;
                // right to left swipe
                if(e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {


                appView.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.slide_left));
                appView.goBack();
                }  else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                     appView.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.slide_right_in));
                  appView.goForward();
                }
            } catch (Exception e) {
                // nothing
            }
            return false;
        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent e){
        super.dispatchTouchEvent(e);
        return gestureDetector.onTouchEvent(e);
    }
}
4

2 に答える 2

1

イベントgoBack（）とgoForward（）の前にアニメーションを追加しているため、不一致が発生しています。カスタムWebビューを作成し、2つのメソッドをオーバーライドすることをお勧めします。やや下図のように。

    public class mywebView extends WebView{

    public mywebView(Context context) {
        super(context);
    }

    @Override
    public void goBack(){

    }

    @Override
    public void goForward(){            
    }       
}

キーワードをお見逃しなく@Override。これらのオーバーライドされたメソッド内で、アニメーションのコードを追加できます。お役に立てれば。

于 2011-03-31T07:27:50.700 に答える