Ad
2: 2016-02-16 (火) 15:24:35 njf ソース バックアップ No.2 を復元して編集 現: 2016-03-20 (日) 21:57:08 njf ソース 編集
Line 1: Line 1:
*初めに [#hbaf93e1] *初めに [#hbaf93e1]
Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。 Feathersのコンポーネントは便利だが、名前だけではどんなUIか少しわかりづらい。
-[[公式ページに例もある:http://feathersui.com/examples/components-explorer/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。+[[公式ページに例もある:http://feathersui.com/examples/]]のだが、ひとつずつ確かめるのも面倒なので、簡単に説明した一覧表があれば便利かと作成中。
**Alert [#e267427c] **Alert [#e267427c]
 +アラート表示をポップアップする。
 +
 +&ref(alert.png,mw:480,mh:360);
 +
 +手軽だがPopUpManagerを使ったほうが柔軟性は高い
**AutoComplete [#dcd53a02] **AutoComplete [#dcd53a02]
 +
 +テキストの自動補完。入力フィールドに数文字入れると候補を表示する。
 +
 +&ref(autoComplete.png,mw:480,mh:360);
**Button [#zdb1e3f6] **Button [#zdb1e3f6]
Line 13: Line 22:
**ButtonGroup [#z7c33461] **ButtonGroup [#z7c33461]
 +
 +ボタンをグループ化してくれる。グループ毎にレイアウトやボタンのデザイン、イベントの取得が可能になる。
 +
 +詳しくは[[Starling+FeathersのButtonGroup]]
**Callout [#yb948543] **Callout [#yb948543]
 +
 +吹き出し
 +
 +&ref(callOut.png,mw:480,mh:360);
**Check [#q1befe13] **Check [#q1befe13]
 +
 +チェックボックス。ToggleButtonの見た目が変わっただけ。
**DateTimeSpinner [#n46dc7b4] **DateTimeSpinner [#n46dc7b4]
 +
 +日時選択用のスピナー
 +
 +&ref(dateTimeSpinner.png,mw:480,mh:360);
**DefaultListItemRenderer and DefaultGroupedListItemRenderer [#k11ea6c3] **DefaultListItemRenderer and DefaultGroupedListItemRenderer [#k11ea6c3]
 +
 +リストなどの各項目を表示している部分。
 +
 +&ref(listItem.png,mw:480,mh:360);
 +
 +リストの各項目に背景、アイコンやテキスト、ボタンなど入れたいときに編集する
 +
 +[[Starling+Feathersのリスト]]などを参照のこと。
**Drawers [#j011b648] **Drawers [#j011b648]
 +
 +画面外から引き出しのようにウインドウをスライド・インさせる。
 +
 +[[公式サンプルはこちら:http://feathersui.com/examples/drawers-explorer/]]
**GroupedList [#mc59e2dd] **GroupedList [#mc59e2dd]
 +
 +グループ化されたリスト
 +
 +&ref(groupedList.png,mw:480,mh:360);
**Header [#s97d7c44] **Header [#s97d7c44]
 +
 +画面上部のヘッダー表示。テキストと左右にボタンが配置できるので、真ん中にタイトル、左に戻るボタン、右に設定ボタンというようなよくあるレイアウトが簡単にできる。
 +詳しくは[[Starling+Feathersのヘッダー]]。
**ImageLoader [#s6b2f89d] **ImageLoader [#s6b2f89d]
 +
 +外部画像表示用のローダー。詳しくは[[Starling+FeathersのImageLoaderを使う]]
**Label [#f586c583] **Label [#f586c583]
 +
 +テキスト表示ラベル。TextFieldを直接使うよりもスキンの変更などに柔軟に対応できる。
**LayoutGroup [#m291cf18] **LayoutGroup [#m291cf18]
 +
 +描画オブジェクトの配置を制御する
**List [#u3b459b5] **List [#u3b459b5]
 +
 +一覧を表示する。
 +
 +&ref(list.png,mw:480,mh:360);
 +
 +一覧表示ではたぶん一番使うUI。ほかのリストもこれを内部的に使っているので習得必須。
 +詳しくは[[Starling+Feathersのリスト]]。
**NumericStepper [#h6155bde] **NumericStepper [#h6155bde]
 +
 +数値選択用のステッパー。
 +&ref(numricalStepper.png,mw:240,mh:120);
**PageIndicator [#wabb01be] **PageIndicator [#wabb01be]
 +
 +何ページ目かをグラフィカルに表示する。
 +&ref(pageIndicator.png,mw:480,mh:360);
**Panel [#ya9f6042] **Panel [#ya9f6042]
 +
 +ScrollContainerにヘッダーとフッターがつけられるようになった物。
**PanelScreen [#xfe01bfd] **PanelScreen [#xfe01bfd]
 +
 +PanelとScreenをあわせた物。画面遷移できるPanel
**PickerList [#g9198967] **PickerList [#g9198967]
 +
 +ボタンを押すとリストが現れる、コンボボックス的なもの
**ProgressBar [#ia41a2d9] **ProgressBar [#ia41a2d9]
 +
 +進行状況を表示する
**Radio [#j3a3f206] **Radio [#j3a3f206]
 +
 +ラジオボタン。1つだけ選択するときに使う。
**Screen [#m474700b] **Screen [#m474700b]
 +
 +画面。ScreenNavigatorを使うと画面遷移が容易に実装できる。
 +
 +詳細は[[Starling+Feathersで画面遷移]]を参照のこと。
**ScreenNavigator [#kd11a50f] **ScreenNavigator [#kd11a50f]
 +
 +Screenと合わせて画面遷移の実装で使う
 +
 +詳細は[[Starling+Feathersで画面遷移]]を参照のこと。
**ScrollBar [#x48e6e4c] **ScrollBar [#x48e6e4c]
 +
 +スクロールバー。単体でよりリストなどの一部として使うことが多い
**ScrollContainer [#l564639b] **ScrollContainer [#l564639b]
 +
 +スクロール領域。詳しくは[[Starling+FeathersのScrollContainerを使う]]。
**ScrollScreen [#ff0905c5] **ScrollScreen [#ff0905c5]
 +
 +画面全体がスクロール領域になっている。Screenの一種でScreenNavigatorで使うと画面遷移も行える。
**ScrollText [#g4541d17] **ScrollText [#g4541d17]
スクロールするテキスト領域。 スクロールするテキスト領域。
-詳しくは[[Staring+Feathersのスクロールテキスト]]+詳しくは[[Starling+Feathersのスクロールテキスト]]
**SimpleScrollBar [#c79cbdf3] **SimpleScrollBar [#c79cbdf3]
**Slider [#h648d69e] **Slider [#h648d69e]
 +
 +音量などの上限と下限のある数値の入力で使う。見た目はスクロールバーと同じ
**SoundPlayer [#lec59958] **SoundPlayer [#lec59958]
**SpinnerList [#n67e3665] **SpinnerList [#n67e3665]
 +
 +選択領域つきのリスト
 +
 +&ref(spinnerList.png,mw:480,mh:360);
**StackScreenNavigator [#g588c176] **StackScreenNavigator [#g588c176]
 +
 +ScreenNavigatorと同様に画面遷移を管理出来るが、画面遷移をスタックしてくれるので、画面を戻る処理が楽になる。
 +
 +[[Starling+FeathersでStackScreenNavigator]]を参照のこと。
**TabBar [#a9001bb6] **TabBar [#a9001bb6]
 +
 +よくスマホアプリにある、画面の上や下につけるタブボタン
**TextArea [#j0dd26f5] **TextArea [#j0dd26f5]
**TextInput [#a41e048f] **TextInput [#a41e048f]
 +
 +テキスト入力ボックス。詳しくは[[Starling+Feathersでテキスト入力]]
**ToggleButton [#ef9fd924] **ToggleButton [#ef9fd924]
 +選択・非選択状態のあるボタン。詳しくは[[Starling+Feathersでトグルボタン]]
**ToggleSwitch [#q6929fd8] **ToggleSwitch [#q6929fd8]
**WebView [#rab46f04] **WebView [#rab46f04]
 +
 +ネイティブWebブラウザのラッパー。座標の調整とかがもとのWebViewより楽になる。
**VideoPlayer [#tb5acf42] **VideoPlayer [#tb5acf42]
トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
ぺージ情報
ぺージ名 :Feathersのコンポーネント一覧と概要
ページ別名 :未設定
ページ作成 :njf
閲覧可
グループ :すべての訪問者
ユーザー :すべての訪問者
編集可
グループ :すべての訪問者
ユーザー :すべての訪問者
Counter: 2863, today: 1, yesterday: 0

サイト管理: njf

MenuBar
20 最新の0件
広告

ログイン

ユーザー名:


パスワード:





パスワード紛失

Portuguese | English | German | Greek | Japanese | Korean | Russian | T-Chinese top
NJF