[Feathersのコンポーネント一覧と概要の編集]

印刷

Feathersのコンポーネント一覧と概要の編集

詳細な入力項目を表示

ページタイトル( 空白で自動設定 ):
ページ並び順( 0-9 小数可標準:1 ):
ページ別名(複数は[改行]で区切る):

ページ内容:

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

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

ボタンをグループ化してくれる。グループ毎にレイアウトやボタンのデザイン、イベントの取得が可能になる。

詳しくは[[Starling+FeathersのButtonGroup]]

**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);

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

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

**Drawers [#j011b648]

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

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

**GroupedList [#mc59e2dd]

グループ化されたリスト

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

**Header [#s97d7c44]

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

**ImageLoader [#s6b2f89d]

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

**Label [#f586c583]

テキスト表示ラベル。TextFieldを直接使うよりもスキンの変更などに柔軟に対応できる。

**LayoutGroup [#m291cf18]

描画オブジェクトの配置を制御する

**List [#u3b459b5]

一覧を表示する。

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

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

**NumericStepper [#h6155bde]

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

**PageIndicator [#wabb01be]

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

**Panel [#ya9f6042]

ScrollContainerにヘッダーとフッターがつけられるようになった物。

**PanelScreen [#xfe01bfd]

PanelとScreenをあわせた物。画面遷移できるPanel

**PickerList [#g9198967]

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

**ProgressBar [#ia41a2d9]

進行状況を表示する

**Radio [#j3a3f206]

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

**Screen [#m474700b]

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

詳細は[[Starling+Feathersで画面遷移]]を参照のこと。

**ScreenNavigator [#kd11a50f]

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

詳細は[[Starling+Feathersで画面遷移]]を参照のこと。

**ScrollBar [#x48e6e4c]

スクロールバー。単体でよりリストなどの一部として使うことが多い

**ScrollContainer [#l564639b]

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

**ScrollScreen [#ff0905c5]

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

**ScrollText [#g4541d17]

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

**SimpleScrollBar [#c79cbdf3]

**Slider [#h648d69e]

音量などの上限と下限のある数値の入力で使う。見た目はスクロールバーと同じ

**SoundPlayer [#lec59958]

**SpinnerList [#n67e3665]

選択領域つきのリスト

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

**StackScreenNavigator [#g588c176]

ScreenNavigatorと同様に画面遷移を管理出来るが、画面遷移をスタックしてくれるので、画面を戻る処理が楽になる。

[[Starling+FeathersでStackScreenNavigator]]を参照のこと。

**TabBar [#a9001bb6]

よくスマホアプリにある、画面の上や下につけるタブボタン

**TextArea [#j0dd26f5]

**TextInput [#a41e048f]

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

**ToggleButton [#ef9fd924]
選択・非選択状態のあるボタン。詳しくは[[Starling+Feathersでトグルボタン]]

**ToggleSwitch [#q6929fd8]

**WebView [#rab46f04]

ネイティブWebブラウザのラッパー。座標の調整とかがもとのWebViewより楽になる。

**VideoPlayer [#tb5acf42]

編集の要約:

Q & A 認証: ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q: 日本の首都は？(漢字で)
A:

お名前: タイムスタンプを変更しない

テキスト整形のルールを表示する

添付ファイル:

listItem.png 182件 [詳細]

alert.png 154件 [詳細]

autoComplete.png 143件 [詳細]

list.png 147件 [詳細]

pageIndicator.png 191件 [詳細]

groupedList.png 182件 [詳細]

spinnerList.png 164件 [詳細]

dateTimeSpinner.png 158件 [詳細]

callOut.png 147件 [詳細]

numricalStepper.png 193件 [詳細]

Feathersのコンポーネント一覧と概要 の編集 :: NJF Wiki

Feathersのコンポーネント一覧と概要 の編集

Feathersのコンポーネント一覧と概要の編集 :: NJF Wiki

Feathersのコンポーネント一覧と概要の編集