UIを作ろう！

ユーザーインターフェース（UI）の作り方を地道に書いていきます。これから勉強したい人の役に立ちますように。

まだ作ってる途中ですのでいろいろ変わりますが！！それでもよければ！！

準備編

なによりもまず。

使うソフトは？

とりあえずESTKでいんちゃう

だが時代はVSCode

未来を見据えるならVSCodeにしたほうが◎

初級編

基本的な書き方を知ることが目標

UI作成 基本の基

UI作成の基本的な流れを見よう！

UIの追加方法 その1

add()で1つずつ追加する方法

UIの追加方法 その2

UIを一度に複数追加する方法

自動レイアウト

使うとUI作成が超楽に！

ドッキング可能パネルにする

ウィンドウではなくドッキング可能なパネルとして使えるように

ScriptUI Object

ややこしいScriptUIについて

中級編

何が出来るのかを知ることが目標

コンテナ

他のパーツを中に入れてグループ化できる入れ物。コンテナを入れ子にすることも可能。

Window

一番基本となるウィンドウ。ここにいろいろ追加していく。これがないと始まらない。

Panel

中に入れたパーツを枠で囲んでグループ化。

Group

目には見えないが、パーツをグループ化する。

TabbedPanel

タブ表示する際にTabをまとめるための親。

Tab

タブ表示する際の1つ1つのタブ。

UIコントロール

ボタンとかのパーツについてひとつずつ述べようかと

○ボタン系

Button

シンプルなボタン。

IconButton

ボタンを好きな画像にできる。

○テキスト系

StaticText

単純な文字の表示。

EditText

ユーザーが入力できるテキストボックス。

○チェック系

Checkbox

ON/OFFさせたい時に。

RadioButton

グループの中から1つ選ばせる時に。

○リスト系

DropDownList

リストの中から1つ選ばせる時に。

ListBox

リストから選択させる。

TreeView

階層表示をしたい時に。

ListItem

DropDownList、ListBox、TreeViewでのアイテム1つ1つがListItemオブジェクトです。

○バー系

Slider

数値の入力補助などに。

Progressbar

進捗を表示したい時に。

Scrollbar

画面のスクロール

○その他

Image

画像を表示する。

FlashPlayer

swfファイルを表示できる。が、時代の流れと共に遂に死。これがある頃はアニメーションアイコンとか作れた。

発展編

無駄なテクニックを身につけることが目標

右クリックメニューを作る

コンテキストメニュー風の作り方

テキストのローカライズ

言語環境に合わせて表示を変える

ウィンドウをFI/FOさせる

機能面では何のメリットもない。ビジュアル重視のあなたに。

PanelとTabの関係

実はすごい関係してた

titleプロパティの活用

画像つきボタンなどの作り方。

好きな形を描く

パスを引いて描画

色付きのボタンを作る

ボタンに色を付けたい！

カラーピッカーを使う

色を選択させたい時にカラーピッカーを使用する方法

コンボボックスを作る

ドロップダウンとエディットテキストを兼ね備えたコントロール

MacのFinder風のウィンドウを作る

ファイル選択させる時、こっちのほうが見やすい

Dataいろいろ

作成中に役立つデータ集

Effect一覧

エフェクトのカテゴリ、名前、マッチネーム一覧

ソケットオブジェクト

よくわからん。まだ調べてる途中

JavaScript Tools Guide抜粋

一部訳したもの一時保管。