TIZENアプリ開発研究ブログ 興味しんしんドリーム

このブログはTIZENアプリ開発情報を実践して情報を共有する為のブログです。

Fast Scroll

以下の記事は、Tizen SDK Dev Guide にあるFast Scroll の日本語訳です。

その他のドキュメントの日本語訳はTIZEN 2.0 SDK Dev Guide 日本語訳 目次をご覧ください。


Fast Scroll

高速スクロール(Fast Scroll)は、スクロールビューをショートカット一覧と関連付けるスクロールビューコントローラです。これは、選択したリストの見出しにスクロールビューを移動します。ショートカットの列の上にマウスを移動すると、現在のマウスカーソルの下にあるテキストに一致したリストの見出しにスクロールビューを移動します。カーソルの下に現在のテキストのポップアップを表示します。高速スクロールウィジェットを使用するには、リストビューにdata-fastscroll="true属性を追加します。また、エレメント上でshortcutscroll()メソッドを呼び出すことができます。ui-scrollview-clipクラスの最も近い要素が制御されるスクロールビューとして使用されます。リストビューに見出しがない、または見出しがひとつしかない場合はこのウィジェットが表示されません。

注意
高速スクロールウィジェットはTizen2.0以降でサポートされています。

アプリケーションに高速スクロールウィジェットを追加するには、次のコードを使用します。

<div class="content" data-role="content" data-scroll="y">
   <ul id="contacts" data-role="listview" data-fastscroll="true">
      <li>Anton</li>
   </ul>
</div>

高速スクロールのオプションを次の表で説明します。

オプション 入力タイプ 説明
data-fastscroll 真偽値 trueに設定すると、順不同リストの要素を使用して高速スクロールを生成します。

また、リストビュー要素にfastscroll()メソッドを呼び出すことで、高速スクロールを作成することができます。高速スクロールは ui-scrollview-clipクラスにがある最も近いリストビューに作成されます。

注意
高速スクロールウィジェットを表示するには、関連付けたリストビューが複数の見出しを持っている必要があります。

次に読むドキュメント

Web UI Frameworkリファレンス


日本語訳: yasuyk

http://www.softolet.com

Creative Commons License This content is licensed under Creative Commons Attribution 3.0. For details, see the Content License.