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

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

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

**Alert [#e267427c]
アラート表示をポップアップする。

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

手軽だが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]

チェックボックス。ToggleButtonの見た目が変わっただけ。

**DateTimeSpinner [#n46dc7b4]

日時選択用のスピナー

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

**DefaultListItemRenderer and DefaultGroupedListItemRenderer [#k11ea6c3]

リストなどの各項目を表示している部分。

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

リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する

[[Staring+Feathersのリスト]]などを参照のこと。

**Drawers [#j011b648]

画面外から引き出しのようにウインドウをスライド・インさせる。

[[公式サンプルはこちら:http://feathersui.com/examples/drawers-explorer/]]

**GroupedList [#mc59e2dd]

グループ化されたリスト

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

**Header [#s97d7c44]

画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。
詳しくは[[Staring+Feathersのヘッダー]]。

**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]

ラジオボタン。1つだけ選択するときに使う。

**Screen [#m474700b]

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

**ScreenNavigator [#kd11a50f]

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

**ScrollBar [#x48e6e4c]

**ScrollContainer [#l564639b]

スクロール領域。詳しくは[[Starling+FeathersのScrollContainerを使う]]。

**ScrollScreen [#ff0905c5]

画面全体がスクロール領域になっている。Screenの一種でScreenNavigatorで使うと画面遷移も行える。

**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]
選択・非選択状態のあるボタン。詳しくは[[Starling+Feathersでトグルボタン]]

**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^[12] njf^[9]
  • 5: 2016-02-24 (水) 12:37:52^[13] njf^[9]
  • 6: 2016-02-28 (日) 17:07: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]