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

初めに

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

Alert

アラート表示をポップアップする。

手軽だがPopUpManagerを使ったほうが柔軟性は高い

AutoComplete

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

Button

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

ButtonGroup

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

詳しくはStarling+FeathersのButtonGroup

Callout

吹き出し

Check

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

DateTimeSpinner

日時選択用のスピナー

DefaultListItemRenderer and DefaultGroupedListItemRenderer

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

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

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

Drawers

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

公式サンプルはこちら

GroupedList

グループ化されたリスト

Header

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

ImageLoader

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

Label

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

LayoutGroup

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

List

一覧を表示する。

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

NumericStepper

数値選択用のステッパー。

PageIndicator

何ページ目かをグラフィカルに表示する。

Panel

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

PanelScreen

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

PickerList

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

ProgressBar

進行状況を表示する

Radio

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

Screen

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

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

ScreenNavigator

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

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

ScrollBar

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

ScrollContainer

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

ScrollScreen

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

ScrollText

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

SimpleScrollBar

Slider

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

SoundPlayer

SpinnerList

選択領域つきのリスト

StackScreenNavigator

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

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

TabBar

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

TextArea

TextInput

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

ToggleButton

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

ToggleSwitch

WebView

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

VideoPlayer