Feathersのコンポーネント一覧と概要 のバックアップソース(No.4) :: NJF Wiki

• 差分^[1] を表示
• 現在との差分^[2] を表示
• バックアップ No.4 を復元して編集^[3]
• Feathersのコンポーネント一覧と概要^[4] へ行く。

*初めに [#hbaf93e1]
Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。
[[公式ページに例もある:http://feathersui.com/examples/components-explorer/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。

**Alert [#e267427c]
アラート表示をポップアップする。手軽だがPopUpManagerを使ったほうが柔軟性は高い

**AutoComplete [#dcd53a02]

テキストの自動補完。入力フィールドに数文字入れると候補を表示する。

&ref(autoComplete.png,mw:480,mh:360);

**Button [#zdb1e3f6]

通常のボタン。
詳しくは[[Starling+Feathersでボタン]]

**ButtonGroup [#z7c33461]

**Callout [#yb948543]

吹き出し

&ref(callOut.png,mw:480,mh:360);

**Check [#q1befe13]

**DateTimeSpinner [#n46dc7b4]

日時選択用のスピナー

&ref(dateTimeSpinner.png,mw:480,mh:360);

**DefaultListItemRenderer and DefaultGroupedListItemRenderer [#k11ea6c3]

リストなどの各項目を表示している部分。リストの各項目にアイコンやテキスト、ボタンなど入れたいときに編集する

**Drawers [#j011b648]

**GroupedList [#mc59e2dd]

グループ化されたリスト

&ref(groupedList.png,mw:480,mh:360);

**Header [#s97d7c44]

**ImageLoader [#s6b2f89d]

外部画像表示用のローダー。詳しくは[[Starling+FeathersのImageLoaderを使う]]

**Label [#f586c583]

テキスト表示ラベル。見出しなどの用途に応じて大きさなどが変えられる。

**LayoutGroup [#m291cf18]

**List [#u3b459b5]

一覧を表示する。

&ref(list.png,mw:480,mh:360);

一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。
詳しくは[[Staring+Feathersのリスト]]。

**NumericStepper [#h6155bde]

数値選択用のステッパー。
&ref(numricalStepper.png,mw:240,mh:120);

**PageIndicator [#wabb01be]

何ページ目かをグラフィカルに表示する。
&ref(pageIndicator.png,mw:480,mh:360);

**Panel [#ya9f6042]

**PanelScreen [#xfe01bfd]

**PickerList [#g9198967]

ボタンを押すとリストが現れる、コンボボックス的なもの

**ProgressBar [#ia41a2d9]

進行状況を表示する

**Radio [#j3a3f206]

**Screen [#m474700b]

画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。

**ScreenNavigator [#kd11a50f]

Screenと合わせて画面遷移の実装で使う

**ScrollBar [#x48e6e4c]

**ScrollContainer [#l564639b]

**ScrollScreen [#ff0905c5]

**ScrollText [#g4541d17]

スクロールするテキスト領域。
詳しくは[[Staring+Feathersのスクロールテキスト]]

**SimpleScrollBar [#c79cbdf3]

**Slider [#h648d69e]

**SoundPlayer [#lec59958]

**SpinnerList [#n67e3665]

選択領域つきのリスト

&ref(spinnerList.png,mw:480,mh:360);

**StackScreenNavigator [#g588c176]

画面遷移をスタックしてくれるので、画面を戻る処理が楽になる

**TabBar [#a9001bb6]

**TextArea [#j0dd26f5]

**TextInput [#a41e048f]

テキスト入力ボックス。詳しくは[[Staring+Feathersでテキスト入力]]

**ToggleButton [#ef9fd924]

**ToggleSwitch [#q6929fd8]

**WebView [#rab46f04]

**VideoPlayer [#tb5acf42]

• Feathersのコンポーネント一覧と概要 のバックアップ一覧^[7]
• Feathersのコンポーネント一覧と概要 のバックアップソース(No. All)
  • 1: 2016-02-16 (火) 15:22:20^[8] njf^[9]
  • 2: 2016-02-16 (火) 15:24:35^[10] njf^[9]
  • 3: 2016-02-18 (木) 08:57:24^[11] njf^[9]
  • 4: 2016-02-24 (水) 09:13:54 njf^[9]
  • 5: 2016-02-24 (水) 12:37:52^[12] njf^[9]
  • 6: 2016-02-28 (日) 17:07:13^[13] njf^[9]
  • 7: 2016-03-01 (火) 07:32:20^[14] njf^[9]
  • 8: 2016-03-02 (水) 16:51:55^[15] njf^[9]
  • 9: 2016-03-06 (日) 08:02:55^[16] njf^[9]
  • 10: 2016-03-18 (金) 10:18:20^[17] njf^[9]
  • 現: 2016-03-20 (日) 21:57:08^[18] njf^[9]