アプリケーションの上部に水平ツールバーを追加しようとしています (android webview と jquery mobile を使用)。これには、多数のボタン (画面全体に 1 行で収まるには多すぎます) が含まれます。
私が直面している問題は、余分なボタンを非表示にする代わりに、次の行に折り返されることです。私が望むのは、ネイティブの ListView でできるように、それらを非表示にして水平にスクロールすることでアクセスできるようにすることです。
ListView を使用してボタンを配置し、loadUrl() を実行してボタンの押下を JavaScript コードに渡そうとしましたが、これにより他の問題が発生し、私の場合は使用できません (ソフト キーボードが自動的に非表示になります)。
次のコードを試しました (このコードは jquery モバイル ツールバーにラップされています)。
<ul data-role="controlgroup" data-type="horizontal">
<li><a href="" data-role="button" id="boldButton" data-inline="true">B</a></li>
<li><a href="" data-role="button" id="italicButton" data-inline="true">I</a></li>
<li><a href="" data-role="button" id="underlineButton" data-inline="true">U</a></li>
<li><a href="" data-role="button" id="strikethroughButton" data-inline="true">S</a></li>
<li><a href="" data-role="button" id="orderedListButton" data-inline="true">ol</a></li>
<li><a href="" data-role="button" id="unorderedListButton" data-inline="true">ul</a></li>
<li><a href="" data-role="button" id="indentButton" data-inline="true">in</a></li>
<li><a href="" data-role="button" id="outdentButton" data-inline="true">out</a></li>
<li><a href="" data-role="button" id="subscriptButton" data-inline="true">sub</a></li>
<li><a href="" data-role="button" id="superscriptButton" data-inline="true">sup</a></li></ul>
しかし、これは次の行に折り返されるだけです。