android - phonegap アプリケーションにスクロール バーを追加する方法

Question

Android プラットフォーム用の PhoneGap でアプリケーションを開発しています。

このアプリではスクロールバーは表示されません。アプリケーションでスクロール バーを表示するにはどうすればよいですか?

Answer 1

スクロールバーを表示するアクティビティの例を次に示します

public class MyActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        super.loadUrl("file:///android_asset/www/index.html");

        // Display vertical scrollbar and hide horizontal scrollBar
        super.appView.setVerticalScrollBarEnabled(true);
        super.appView.setHorizontalScrollBarEnabled(false);
        // set scrollbar style
        super.appView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
    }

}

Answer 2

うまくスクロールすることは、phonegap / cordovaプロジェクトでは見られない効果です。そのために、プロジェクトに含めることができるサードパーティのライブラリのツールを用意することができます。私のプロジェクトで使用したのはiscroll4でした。これにもいくつかの問題がありますが、iscroll4のグーグルグループをサーフィンすることで解決できます。また、phonegapプロジェクトにスクロール効果を与えるこのjquery-mobileもあります。

Answer 3

私たちは同じ問題に直面しています。Cordova は の Web ビューでスクロール バーを無効にします。そのため、Cordova をハッキングすることなく、JavaScript からプログラムで垂直スクロール バーを再度有効にできるプラグインCordovaWebView.javaを作成しました。

mayflower.AndroidScrollbar.toggleVerticalScrollbarVisibility(true)
.then(
    function() {
        console.log('Vertical scrollbar enabled');
    }
);