[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:

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

テキスト整形のルールを表示する^[1]

添付ファイル^[2]:

listItem.png^[3] 182件 [詳細^[4]]

alert.png^[5] 156件 [詳細^[6]]

autoComplete.png^[7] 143件 [詳細^[8]]

list.png^[9] 147件 [詳細^[10]]

pageIndicator.png^[11] 191件 [詳細^[12]]

groupedList.png^[13] 182件 [詳細^[14]]

spinnerList.png^[15] 164件 [詳細^[16]]

dateTimeSpinner.png^[17] 158件 [詳細^[18]]

callOut.png^[19] 147件 [詳細^[20]]

numricalStepper.png^[21] 194件 [詳細^[22]]

Links list

(This host) = https://njf.jp

^{(This host)}/cms/modules/xpwiki/?cmd=edit&help=true&page=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=list&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81
^{(This host)}/cms/modules/xpwiki/gate.php/listItem.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=listItem.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=listItem.png
^{(This host)}/cms/modules/xpwiki/gate.php/alert.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=alert.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=alert.png
^{(This host)}/cms/modules/xpwiki/gate.php/autoComplete.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=autoComplete.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=autoComplete.png
^{(This host)}/cms/modules/xpwiki/gate.php/list.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=list.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=list.png
^{(This host)}/cms/modules/xpwiki/gate.php/pageIndicator.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=pageIndicator.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=pageIndicator.png
^{(This host)}/cms/modules/xpwiki/gate.php/groupedList.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=groupedList.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=groupedList.png
^{(This host)}/cms/modules/xpwiki/gate.php/spinnerList.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=spinnerList.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=spinnerList.png
^{(This host)}/cms/modules/xpwiki/gate.php/dateTimeSpinner.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=dateTimeSpinner.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=dateTimeSpinner.png
^{(This host)}/cms/modules/xpwiki/gate.php/callOut.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=callOut.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=callOut.png
^{(This host)}/cms/modules/xpwiki/gate.php/numricalStepper.png?way=attach&_noumb&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&openfile=numricalStepper.png
^{(This host)}/cms/modules/xpwiki/?plugin=attach&pcmd=info&refer=Feathers%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E4%B8%80%E8%A6%A7%E3%81%A8%E6%A6%82%E8%A6%81&file=numricalStepper.png

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

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

Links list

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

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