LoginSignup
0
1

More than 3 years have passed since last update.

Widgetの説明 Part2

Last updated at Posted at 2020-05-08

目次

各Widgetの説明
・Button
・RadioButtonGroup
・Switch
・CheckBoxGroup

各Widgetの説明

Button

Button Widgetは、アクションをトリガーするために使用されるUI要素です。このアクションには、別のフォームへの移動、アニメーションの実行などがあります。
Button(Web)
スクリーンショット 2020-03-13 14.18.36.png
Tool Tip: Widgetの上にマウスポインターを移動することでメッセージを表示できます
Enable Blur: Widgetのぼかし効果を有効または無効にすることができます

Button(Mobile)
スクリーンショット 2020-03-13 14.18.58.png
Progress Indicator: Progress Indicatorの有効または無効にすることができます
Cache Config: キャッシュレスポンスのCache PolicyとCache Storage Policyを構成します
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます。

Button(Tablet)
スクリーンショット 2020-03-13 14.30.35.png

RadioButtonGroup

RadioButtonGroup Widgetを使用すると、多くの選択肢の中から1つのみを選択することができます。選択すると、ラジオボタンにドットが表示されます。
RadioButtonGroup(Web)
スクリーンショット 2020-03-13 14.33.03.png
Master Data: 利用可能な選択肢から選択するためにユーザーに表示する必要がある値のセットの指定
Orientation: グループのボタンのレイアウト方向
Enable Blur: Widgetのぼかし効果を有効または無効にすることができます
Tool Tip: Widgetにマウスポインターを移動するとメッセージを表示できます

RadioButtonGroup(Mobile)
スクリーンショット 2020-03-13 14.33.32.png
Selected Image: リストから一つ選択した時に表示される画像を指定
Unselected Image: 選択がクリアされた時に表示される画像を指定
Enable Haptic Feedback: このプロパティを使用すると、ウィジェットのHeptic Feedback(*)を有効または無効にすることができます
※Haptic Feedback とは、ユーザーアクションに対してハードウェアを振動させる触覚フィードバックのことです。
例えば、App Storeでアプリを購入する時、間違ったパスワードを入力した時などに発生する振動が「Haptic Feedback」にあたります。

View Type: 閲覧タイプの選択
Placeholder: 入力欄の初期値の設定
Drop Down Image: ドロップダウンボックスインジケーターに使用する画像の指定
Input View Type: アプリケーションで必要な特定の操作が可能になります
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます

RadioButtonGroup(Tablet)
スクリーンショット 2020-03-13 14.33.55.png

Switch

Switch Widgetは、2つの選択肢を提供します。
Switch(Web)
スクリーンショット 2020-03-13 14.43.54.png
State: Toggleの向きを変えることができる
Left Text: スイッチの左部分に表示されるテキストの指定
Right Text: スイッチの右部分に表示されるテキストの指定
Enable Blur: Widgetのぼかし効果を有効または無効にすることができます

Switch(Mobile)
スクリーンショット 2020-03-13 14.44.34.png
Native Thumb Look: switch widgetのON/OFFを変更する時に動く"つまみ"の可視性を指定
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます

Switch(Tablet)
スクリーンショット 2020-03-13 14.44.57.png

CheckBoxGroup

CheckBoxGroup Widgetを使用すると、チェックボックスのグループから1つ以上の選択を行うことができます。
CheckBoxGroup(Web)
スクリーンショット 2020-03-13 14.54.33.png
Master Data: 利用可能な選択肢から選択するために、ユーザーに表示する必要がある値のセットを指定する。
Orientation: グループのボタンのレイアウト方向を指定する。
Tool Tip: Widgetにマウスポインターを移動するとメッセージを表示できる。

CheckBoxGroup(Mobile)
スクリーンショット 2020-03-13 14.55.25.png
Selected Image: リストから一つ選択した時に表示される画像を指定
Unselected Image: 選択がクリアされた時に表示される画像を指定
View Type: 閲覧タイプの選択
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます

CheckBoxGroup(Tablet)
スクリーンショット 2020-03-13 14.56.12.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1