Flex 2: Programming the Visual Experience(フレックス2) / 講座目録

講座目録

  • ユニット 1: Flex 2におけるVisual Experienceのプログラミング
    • Flexアプリケーションのデフォルトの外観と操作性の変更
    • Flexプログラマにデザインコースが必要な理由
    • 完全習得学習理論(Mastery Learning)の紹介
    • コースの形式の理解
    • コース前提条件の確認
    • コース概要の確認
    • コースアプリケーションの確認
  • ユニット 2: 画像要素とレイヤー配置によるアプリケーションの機能拡張
    • アプリケーションに対する背景色と画像の追加
    • Natural Experiencesアプリケーションに対する画像の追加
    • 絶対配置を使用したコンテンツのレイヤー配置
    • 演習:スタートアップパネルへの花の画像の配置
    • 再利用可能な埋め込み画像の作成
    • 埋め込み画像クラスのインスタンスの作成
    • 演習:ActionScriptを使用した花の画像の埋め込み
    • 画像でのバインド可能な変数の使用
    • 演習:表示される背景画像のランダム化
    • 単純なポップアップ機能の作成
    • 演習:Natural Experiencesアプリケーションのための単純なポップアップの作成
  • ユニット 3: フォント、フィルタおよびブレンドを使用したアプリケーションの機能拡張
    • デバイスフォントの制限について
    • ファイルシステムのフォントファイルに対する直接の呼び出しを使用したフォントの埋め込み
    • 演習:ファイルシステムの参照によるフォントの埋め込み
    • FlashTypeを使用したフォントの埋め込み
    • 演習:FlashType埋め込みフォントを使用したテキストロゴの作成
    • 高度な FlashType設定について
    • 演習:FlashTypeの高度なアンチエイリアス設定について
    • フィルタについて
    • フィルタプロパティについて
    • 演習:Natural Experiencesテキストロゴに対するフィルタの追加
    • ブレンドの適用
    • 実演:ブレンドについて
    • 演習:Experienceフォントに対するブレンドの追加
  • ユニット 4: Flexコンポーネントのグラフィックの外観と操作性の変更
    • 9スライスの拡大・縮小について
    • 9スライスの拡大・縮小
    • MXMLスタイルを使用したFlexコンポーネントの外観と操作性の変更
    • 演習:MXMLスタイルを使用したNatural Experiences Welcomeパネルの変更
    • Adobe Flashテンプレートを使用したグラフィカルスキンの変更
    • 演習:Natural Experiences ComboBoxスキンの変更
    • ラボ:Visual Experiencesアプリケーションへの画像、フォント、アニメーションの追加
  • ユニット 5: Flexコンポーネントの拡張
    • 表示オブジェクトの基礎について
    • Flexコンポーネントの拡張
    • 拡張されたコンポーネントの作成
    • createChildren()メソッドの実装
    • 演習:scrollWindow拡張パネルに対するカスタムボタンの追加
    • updateDisplayList()メソッドの実装
    • 演習:scrollWindowでのカスタムボタンの配置
    • スタイルシートを使用したカスタムコンポーネントの再利用性の向上
    • 演習:スタイルシートを使用したアプリケーションの最適化
  • ユニット 6: シェイプの描画およびFlexコンポーネントの外観と操作性のグラフィックの変更
    • 表示リストオブジェクトとGraphicsクラスの間の関係の理解
    • clear()メソッドの呼び出し
    • clear()メソッドについて
    • 線の描画
    • lineメソッドを使用した星の描画
    • ActionScript クラスとしての表示要素の作成
    • 演習:ActionScriptクラスでの星の描画
    • シェイプの作成
    • fillメソッドの定義
    • 演習:Natural ExperiencesアプリケーションのscrollWindow Panelに対する展開ボタンの描画
    • mx.skins.haloパッケージからのButtonSkinの実装
    • 演習:描画ボタンのアプリケーションへの適用
    • プログラムスキンの実装
    • 演習:borderSkinプロパティを使用したパネルのスキンの作成と適用
  • ユニット 7: コンポーネントのアニメーション化および状態の変化
    • ビヘイビアの復習
    • ポップアップコンポーネントのアニメーション化
    • ビューステートとトランジションの復習
    • 演習:スクロールウィンドウパネルの展開と復元
    • CurrentStateChange変更イベントの使用
    • 演習:ステート変更後のscrollWindowパネルのwidthプロパティ値の検出
    • ステートの変更に応じたカスタムコンポーネントのサイズの設定
    • 演習:Thumbnailカスタムコンポーネントの初期サイズの変更
    • トランジションで非表示になる子コンポーネントの処理
    • 演習:コンポーネントの可視性とレイアウトのアニメーション化
    • ラボ:Visual Experiencesアプリケーションへのスキンの適用
  • ユニット 8: コンポーネント間でのレイアウトおよびデータ表示に影響を与えるデータの受け渡し
    • カスタムコンポーネントプロパティの作成
    • XML 写真データのギャラリーへの受け渡しと表示
    • Repeaterコンポーネントの確認
    • Repeaterでの動的データの使用
    • RepeaterのデータをActionScriptで使用する方法
    • 演習:photoDataを使用したサムネールおよびポップアップの作成
    • カスタムコンポーネントのサイズの計算
    • 演習:サムネールのサイズの動的な計算
    • 柔軟性の高いタイル表示の作成
    • 演習:グリッドでのサムネールの配置
  • ユニット 9: マウス動作を認識するアプリケーション機能の作成
    • マウス位置の検出
    • ポップアップのマウス位置への移動
    • ステージのサイズの検出
    • 演習:ポップアップがコンテンツ領域内から外れることの防止
    • Timerクラスを使用したアニメーションの作成
    • イージングについて
    • 演習:ギャラリー用の自動スクロール機能の追加
  • ユニット 10: ドラッグ&ドロップ機能の実装
    • DragManagerの理解
    • ドラッグが有効化されたコンポーネントでのドラッグ&ドロップ機能の有効化
    • Listコントロールで表示されるデータの指定
    • 演習:labelFieldを使用したListコンポーネントでのデータの表示
    • リストベースでないコントロールのドラッグの有効化
    • 演習:画像のドラッグ
    • フォーマットを使用したドロップのコントロール
    • 演習:フォーマットの使用
    • ドラッグ&ドロップ操作でのデータの処理
    • 演習:ドラッグ&ドロップ操作でのデータの操作
    • ラボ:Visual Experiencesアプリケーションへのドラッグ&ドロップ機能とトランジションの追加