8: 2016-03-02 (水) 16:51:55 njf[6] [7] [8] | 現: 2016-03-20 (日) 21:57:08 njf[6] [9] [10] | ||
---|---|---|---|
Line 1: | Line 1: | ||
*初めに [#hbaf93e1] | *初めに [#hbaf93e1] | ||
Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。 | Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。 | ||
- | [[公式ページに例もある:http://feathersui.com/examples/components-explorer/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。 | + | [[公式ページに例もある:http://feathersui.com/examples/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。 |
**Alert [#e267427c] | **Alert [#e267427c] | ||
Line 25: | Line 25: | ||
ボタンをグループ化してくれる。グループ毎にレイアウトやボタンのデザイン、イベントの取得が可能になる。 | ボタンをグループ化してくれる。グループ毎にレイアウトやボタンのデザイン、イベントの取得が可能になる。 | ||
- | 詳しくは[[Staring+FeathersのButtonGroup]] | + | 詳しくは[[Starling+FeathersのButtonGroup]] |
**Callout [#yb948543] | **Callout [#yb948543] | ||
Line 51: | Line 51: | ||
リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する | リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する | ||
- | [[Staring+Feathersのリスト]]などを参照のこと。 | + | [[Starling+Feathersのリスト]]などを参照のこと。 |
**Drawers [#j011b648] | **Drawers [#j011b648] | ||
Line 68: | Line 68: | ||
画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。 | 画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。 | ||
- | 詳しくは[[Staring+Feathersのヘッダー]]。 | + | 詳しくは[[Starling+Feathersのヘッダー]]。 |
**ImageLoader [#s6b2f89d] | **ImageLoader [#s6b2f89d] | ||
Line 89: | Line 89: | ||
一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。 | 一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。 | ||
- | 詳しくは[[Staring+Feathersのリスト]]。 | + | 詳しくは[[Starling+Feathersのリスト]]。 |
**NumericStepper [#h6155bde] | **NumericStepper [#h6155bde] | ||
Line 124: | Line 124: | ||
画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。 | 画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。 | ||
+ | |||
+ | 詳細は[[Starling+Feathersで画面遷移]]を参照のこと。 | ||
**ScreenNavigator [#kd11a50f] | **ScreenNavigator [#kd11a50f] | ||
Screenと合わせて画面遷移の実装で使う | Screenと合わせて画面遷移の実装で使う | ||
+ | |||
+ | 詳細は[[Starling+Feathersで画面遷移]]を参照のこと。 | ||
**ScrollBar [#x48e6e4c] | **ScrollBar [#x48e6e4c] | ||
+ | |||
+ | スクロールバー。単体でよりリストなどの一部として使うことが多い | ||
**ScrollContainer [#l564639b] | **ScrollContainer [#l564639b] | ||
Line 142: | Line 148: | ||
スクロールするテキスト領域。 | スクロールするテキスト領域。 | ||
- | 詳しくは[[Staring+Feathersのスクロールテキスト]] | + | 詳しくは[[Starling+Feathersのスクロールテキスト]] |
**SimpleScrollBar [#c79cbdf3] | **SimpleScrollBar [#c79cbdf3] | ||
**Slider [#h648d69e] | **Slider [#h648d69e] | ||
+ | |||
+ | 音量などの上限と下限のある数値の入力で使う。見た目はスクロールバーと同じ | ||
**SoundPlayer [#lec59958] | **SoundPlayer [#lec59958] | ||
Line 158: | Line 166: | ||
**StackScreenNavigator [#g588c176] | **StackScreenNavigator [#g588c176] | ||
- | 画面遷移をスタックしてくれるので、画面を戻る処理が楽になる | + | ScreenNavigatorと同様に画面遷移を管理出来るが、画面遷移をスタックしてくれるので、画面を戻る処理が楽になる。 |
+ | |||
+ | [[Starling+FeathersでStackScreenNavigator]]を参照のこと。 | ||
**TabBar [#a9001bb6] | **TabBar [#a9001bb6] | ||
+ | |||
+ | よくスマホアプリにある、画面の上や下につけるタブボタン | ||
**TextArea [#j0dd26f5] | **TextArea [#j0dd26f5] | ||
Line 166: | Line 178: | ||
**TextInput [#a41e048f] | **TextInput [#a41e048f] | ||
- | テキスト入力ボックス。詳しくは[[Staring+Feathersでテキスト入力]] | + | テキスト入力ボックス。詳しくは[[Starling+Feathersでテキスト入力]] |
**ToggleButton [#ef9fd924] | **ToggleButton [#ef9fd924] |
(This host) = https://njf.jp