Button
以下の記事は、Tizen SDK Dev Guide にあるButton の日本語訳です。
その他のドキュメントの日本語訳はTIZEN 2.0 SDK Dev Guide 日本語訳 目次をご覧ください。
Button
ボタンウィジェットは、画面上のコントロールを表示します。ボタンを押したときや離したときのアクションイベントを生成するために使用できます。このウィジェットは、標準HTMLアンカーと入力要素で記述されていて、より魅力的に、モバイルデバイス上で使いやすいようにjQueryMobileによって改良されています。jQueryMobileのボタンについてのドキュメントに説明されているとおりにTizenでボタンを使用することができます。
アプリケーションにボタンウィジェットを追加するには、次のコードを使用します。
<div data-role="button" data-inline="true">Text Button Test</div>
<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
<div data-role="button" data-inline="true" data-icon="plus" data-style="nobg"></div>
ボタンのオプションを次の表で説明します。
| オプション | 入力タイプ | 説明 |
|---|---|---|
| data-style | 文字列 | ボタンのスタイルを設定します。 デフォルト値は boxです。値にcircleが設定されている場合、円形状のボタンが作成されます。値にnobgが設定されている場合、ボタンが背景なしで作成されます。値がroundに設定されている場合、角丸状のボタンが作成さます。jQuery Mobileの data-corner属性がtrueに設定されている場合、このオプションは無視されます。 |
| data-icon | 文字列 | ボタンのアイコンを定義します。 Tizenは次の12のアイコンスタイルをサポートします。 reveal, closed, opened, info, rename, call, warning, plus, minus, cancel, send, favorite |
jQueryMobileのボタンイベントについてのドキュメントに説明されている方法でイベントのコールバックをボタンに設定することができます。
jQueryMobileのボタンのメソッドについてのドキュメントに説明されているとおりボタンのメソッドを使用することができます。
次に読むドキュメント
日本語訳： yasuyk
This content is licensed under Creative Commons Attribution 3.0.
For details, see the Content License.
