0

jQuery mobileを使用して、Androidスタイルのアクションバーをアプリに追加しようとしています。具体的には、このページで＃4というラベルの付いた「アクションオーバーフロー」をエミュレートしたいと思います。これが以前に行われたことがないとは信じがたいので、車輪の再発明をしたくありません。それが行われていない場合、私は正当な理由があると思います。現在、アプリでこれらのガイドラインを使用しています。しかし、私はそれをアクションバーのように見せたいと思います（明らかに）。

それは他の概念で知られていますか？それとも、Jquery Mobileが実際には同じ概念を持っていないということですか？

ありがとう

4

1 に答える 1

1

私はそのようなことを知りません。ヘッダーのレイアウトグリッドから始めることをお勧めします。簡単な例を次に示します。http：//jsfiddle.net/Twisty/YTGKs/4/

<div data-role="page" id="index">
    <div data-role="header" data-theme="d">
        <div class="ui-grid-c">
            <div class="ui-block-a" style="width: 40px;">
                <a href="#back" data-rel="back"><img src="" style="display: block; width: 40px; height: 40px;"></a>
            </div>
            <div class="ui-block-b"  style="width: 75%">Action Bar</div>
            <div class="ui-block-c" style="width: 40px;">
                <span class="ui-btn-inner">
                    <a href="#search"><span class="ui-icon ui-icon-search"></span></a>
                </span>
            </div>
            <div class="ui-block-d" style="width: 40px;"></div>
        </div>
    </div>
    <div data-role="content">
        <p>Hello JQuery Mobile</p>
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

これは、必要なアクションバーを作成するのに役立ち、必要なことを実行し、独自の画像を使用し、独自のスタイルに合わせるように設定できます。

編集：よりクリーンな例に更新：http：//jsfiddle.net/Twisty/YTGKs/4/

于 2012-12-04T20:29:34.787 に答える