Widgetの説明 Part2

#目次
各Widgetの説明
・Button
・RadioButtonGroup
・Switch
・CheckBoxGroup

#各Widgetの説明
##Button
Button Widgetは、アクションをトリガーするために使用されるUI要素です。このアクションには、別のフォームへの移動、アニメーションの実行などがあります。
__Button(Web)__
![スクリーンショット 2020-03-13 14.18.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/9dc831c3-b591-858d-dbaf-478231885ce6.png)
Tool Tip: Widgetの上にマウスポインターを移動することでメッセージを表示できます
Enable Blur: Widgetのぼかし効果を有効または無効にすることができます 

__Button(Mobile)__
![スクリーンショット 2020-03-13 14.18.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/a79f2974-e04b-1957-deb4-1dd1bbe7f307.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](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/a36ef94c-160c-44fc-c2f8-34edeb646192.png)

##RadioButtonGroup
RadioButtonGroup Widgetを使用すると、多くの選択肢の中から1つのみを選択することができます。選択すると、ラジオボタンにドットが表示されます。
__RadioButtonGroup(Web)__
![スクリーンショット 2020-03-13 14.33.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/5f352af7-1ffe-151f-2083-bafb55d5bf9c.png)
Master Data： 利用可能な選択肢から選択するためにユーザーに表示する必要がある値のセットの指定
Orientation： グループのボタンのレイアウト方向
Enable Blur： Widgetのぼかし効果を有効または無効にすることができます
Tool Tip： Widgetにマウスポインターを移動するとメッセージを表示できます 

__RadioButtonGroup(Mobile)__ 
![スクリーンショット 2020-03-13 14.33.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/589b70a6-bafc-1805-f0f4-55cb7bfb92e2.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](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e45a3bf4-9308-3ccf-2822-92d355b345e1.png)

##Switch  
Switch Widgetは、2つの選択肢を提供します。
__Switch(Web)__
![スクリーンショット 2020-03-13 14.43.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/b75c7d5e-8059-8e32-9bc1-16351ef04f5c.png)
State: Toggleの向きを変えることができる
Left Text: スイッチの左部分に表示されるテキストの指定
Right Text: スイッチの右部分に表示されるテキストの指定
Enable Blur: Widgetのぼかし効果を有効または無効にすることができます

__Switch(Mobile)__
![スクリーンショット 2020-03-13 14.44.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/4bc6b600-631e-dca8-20b5-dd65e7203478.png)
Native Thumb Look: switch widgetのON/OFFを変更する時に動く"つまみ"の可視性を指定
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます

__Switch(Tablet)__
![スクリーンショット 2020-03-13 14.44.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/5e9114b4-77ec-9b7e-5f42-0c833aa657ff.png)

##CheckBoxGroup 
CheckBoxGroup Widgetを使用すると、チェックボックスのグループから1つ以上の選択を行うことができます。
__CheckBoxGroup(Web)__
![スクリーンショット 2020-03-13 14.54.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/cbd44621-3f3a-f66a-c52f-15d4f0ec66f8.png)
Master Data： 利用可能な選択肢から選択するために、ユーザーに表示する必要がある値のセットを指定する。
Orientation： グループのボタンのレイアウト方向を指定する。
Tool Tip： Widgetにマウスポインターを移動するとメッセージを表示できる。

__CheckBoxGroup(Mobile)__
![スクリーンショット 2020-03-13 14.55.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/0d193d52-dbf7-b288-c163-411cceff852d.png)
Selected Image: リストから一つ選択した時に表示される画像を指定
Unselected Image: 選択がクリアされた時に表示される画像を指定
View Type: 閲覧タイプの選択
Enable Cache: このプロパティを使用するとPositional Dimension Animationのパフォーマンスが改善できます

__CheckBoxGroup(Tablet)__
![スクリーンショット 2020-03-13 14.56.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e3796122-dcd9-044c-4f55-ef37354eea52.png)