1

私は phone gap-android プロジェクトを目指しています。

電話のギャップに(ページコントローラーを備えたアンドロイドのように)スワイプビューを実装したいのですが、できればJavaスクリプトを使用してください。

次のような多くのオプションがあることがわかりました

ハンマーゼプトjquerysloutionquo & iScroll .

これらのうち、実装するのに最適なものはどれですか? (できれば Java スクリプトで)

また、これらすべてについて、ページ 1、ページ 2 などのスワイプのコンテンツ番号を指定する必要があることにも気付きました。

**データベースのコンテンツ数に基づいてスワイプ ビューを作成する方法は?

私はiscrollを使用して実装しようとしました...

これは scroll.js コードです。

document.addEventListener("orientationchange", updateLayout);

// The wrapperWidth before orientationChange. Used to identify the current page number in updateLayout();
wrapperWidth = 0;

var myScroll = new iScroll("pageWrapper", {
    snap: true,
    momentum: false,
    hScrollbar: false,
    vScrollbar: false,
        lockDirection: true});

    updateLayout();

    function updateLayout() {

        var currentPage = 0;

        if (wrapperWidth > 0) {
            currentPage = - Math.ceil( $("#swipe_body").position().left / wrapperWidth);
        }

        wrapperWidth = $("#pageWrapper").width();

        $("#swipe_body").css("width", wrapperWidth * 4);
        $(".page").css("width", wrapperWidth - 40);
        myScroll.refresh();
        myScroll.scrollToPage(currentPage, 0, 0);
    }

    page3Scroll = new iScroll("wrapper", {hScrollbar: false, vScrollbar: false, lockDirection: true });

ここからiscroll.jsをコピーしました

プログラムを実行すると、エラーが発生します

04-22 18:26:01.892: E/Web Console(2453): TypeError: Result of expression 'that.wrapper' [null] is not an object. at file:///android_asset/www/iscroll.js:57

私はエラーに直面していたので、[ここ](https://github.com/cubiq/SwipeView/blob/master/src/swipeview.js)からSwipeView.jsで実装しようとしましたが、ループに入ります..ページコントローラーは表示されますが、以下のものが欠けています

  • ページコントローラーは水平ではなく垂直に表示されています
  • スワイプ ビューに設定された画像は表示されません。
  • ページは水平方向ではなく垂直方向に移動します

また、タッチダウンに対する WebCore の応答を待っているため、Miss a drag という WARNING が表示されます。

次のコードを追加してみました...変更はありません

document.addEventListener( "touchstart", function(e){ onStart(e); }, false );
    function onStart ( touchEvent ) {
      if( navigator.userAgent.match(/Android/i) ) {
       touchEvent.preventDefault();
      }
    }

これに対する救済策または解決策はありますか??

4

0 に答える 0