5: 2016-02-24 (水) 12:37:52 njf   |
現: 2016-03-20 (日) 21:57:08 njf |
| | *初めに [#hbaf93e1] | | *初めに [#hbaf93e1] |
| | Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。 | | Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。 |
| - | [[公式ページに例もある:http://feathersui.com/examples/components-explorer/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。 | + | [[公式ページに例もある:http://feathersui.com/examples/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。 |
| | | | |
| | **Alert [#e267427c] | | **Alert [#e267427c] |
| | | | |
| | **ButtonGroup [#z7c33461] | | **ButtonGroup [#z7c33461] |
| | + | |
| | + | ボタンをグループ化してくれる。グループ毎にレイアウトやボタンのデザイン、イベントの取得が可能になる。 |
| | + | |
| | + | 詳しくは[[Starling+FeathersのButtonGroup]] |
| | | | |
| | **Callout [#yb948543] | | **Callout [#yb948543] |
| | リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する | | リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する |
| | | | |
| - | [[Staring+Feathersのリスト]]などを参照のこと。 | + | [[Starling+Feathersのリスト]]などを参照のこと。 |
| | | | |
| | **Drawers [#j011b648] | | **Drawers [#j011b648] |
| | | | |
| | 画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。 | | 画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。 |
| | + | 詳しくは[[Starling+Feathersのヘッダー]]。 |
| | | | |
| | **ImageLoader [#s6b2f89d] | | **ImageLoader [#s6b2f89d] |
| | **Label [#f586c583] | | **Label [#f586c583] |
| | | | |
| - | テキスト表示ラベル。見出しなどの用途に応じて大きさなどが変えられる。大見出しや小見出しなどの論理構造の管理が楽に。 | + | テキスト表示ラベル。TextFieldを直接使うよりもスキンの変更などに柔軟に対応できる。 |
| | | | |
| | **LayoutGroup [#m291cf18] | | **LayoutGroup [#m291cf18] |
| | | | |
| | 一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。 | | 一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。 |
| - | 詳しくは[[Staring+Feathersのリスト]]。 | + | 詳しくは[[Starling+Feathersのリスト]]。 |
| | | | |
| | **NumericStepper [#h6155bde] | | **NumericStepper [#h6155bde] |
| | | | |
| | **Panel [#ya9f6042] | | **Panel [#ya9f6042] |
| | + | |
| | + | ScrollContainerにヘッダーとフッターがつけられるようになった物。 |
| | | | |
| | **PanelScreen [#xfe01bfd] | | **PanelScreen [#xfe01bfd] |
| | + | |
| | + | PanelとScreenをあわせた物。画面遷移できるPanel |
| | | | |
| | **PickerList [#g9198967] | | **PickerList [#g9198967] |
| | | | |
| | 画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。 | | 画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。 |
| | + | |
| | + | 詳細は[[Starling+Feathersで画面遷移]]を参照のこと。 |
| | | | |
| | **ScreenNavigator [#kd11a50f] | | **ScreenNavigator [#kd11a50f] |
| | | | |
| | Screenと合わせて画面遷移の実装で使う | | Screenと合わせて画面遷移の実装で使う |
| | + | |
| | + | 詳細は[[Starling+Feathersで画面遷移]]を参照のこと。 |
| | | | |
| | **ScrollBar [#x48e6e4c] | | **ScrollBar [#x48e6e4c] |
| | + | |
| | + | スクロールバー。単体でよりリストなどの一部として使うことが多い |
| | | | |
| | **ScrollContainer [#l564639b] | | **ScrollContainer [#l564639b] |
| | | | |
| | スクロールするテキスト領域。 | | スクロールするテキスト領域。 |
| - | 詳しくは[[Staring+Feathersのスクロールテキスト]] | + | 詳しくは[[Starling+Feathersのスクロールテキスト]] |
| | | | |
| | **SimpleScrollBar [#c79cbdf3] | | **SimpleScrollBar [#c79cbdf3] |
| | | | |
| | **Slider [#h648d69e] | | **Slider [#h648d69e] |
| | + | |
| | + | 音量などの上限と下限のある数値の入力で使う。見た目はスクロールバーと同じ |
| | | | |
| | **SoundPlayer [#lec59958] | | **SoundPlayer [#lec59958] |
| | **StackScreenNavigator [#g588c176] | | **StackScreenNavigator [#g588c176] |
| | | | |
| - | 画面遷移をスタックしてくれるので、画面を戻る処理が楽になる | + | ScreenNavigatorと同様に画面遷移を管理出来るが、画面遷移をスタックしてくれるので、画面を戻る処理が楽になる。 |
| | + | |
| | + | [[Starling+FeathersでStackScreenNavigator]]を参照のこと。 |
| | | | |
| | **TabBar [#a9001bb6] | | **TabBar [#a9001bb6] |
| | + | |
| | + | よくスマホアプリにある、画面の上や下につけるタブボタン |
| | | | |
| | **TextArea [#j0dd26f5] | | **TextArea [#j0dd26f5] |
| | **TextInput [#a41e048f] | | **TextInput [#a41e048f] |
| | | | |
| - | テキスト入力ボックス。詳しくは[[Staring+Feathersでテキスト入力]] | + | テキスト入力ボックス。詳しくは[[Starling+Feathersでテキスト入力]] |
| | | | |
| | **ToggleButton [#ef9fd924] | | **ToggleButton [#ef9fd924] |
| | | | |
| | **WebView [#rab46f04] | | **WebView [#rab46f04] |
| | + | |
| | + | ネイティブWebブラウザのラッパー。座標の調整とかがもとのWebViewより楽になる。 |
| | | | |
| | **VideoPlayer [#tb5acf42] | | **VideoPlayer [#tb5acf42] |
下位
ページへ戻る
