StudyOfUIL - ぺったんR Wiki - ぺったんR

UI 記述言語のお勉強

適切な UIL ( UI 記述言語 ) によって、以下を達成しながら、可能な限りのリッチなインターフェイスを提供できる。

• キーボードアクセスが可能に。
• WAI-ARIA ができる。 http://www.hitachi.co.jp/universaldesign/ria/ajax/wai-aria/index.html
• フレームワーク側でデバイスサイズ毎・マウスの有無やタッチの有無毎に UI 表現方法を変えることができる。
• 未知の出力デバイスのために、アプリ側を書き換える必要がない、はず。フレームワークは未知のデバイス用のものが必要。

http://ml.osask.net/osaskml/200610/msg00011.html 仮想化の思想（たとえばアプリは現在の画面サイズを直接指定したり、取得できるべきではないなど）

パネルエディターの実際

パネルエディターに必要な画面を、パネルエディターをドラクエのようなコマンド選択方式で行うには？ という観点で整理していくと、、、

UI 構造

• 編集
  • --- パネル要素の選択 ---
  • ←もどる
  • プレビュー
    • ←もどる
    • パネルの拡大・縮小・移動
  • パネル要素の追加
    • ←もどる
    • 画像の追加
      • ←もどる
      • 画像の選択
    • 吹き出しの追加
      • ←もどる
      • 吹き出し（テンプレート）の選択
    • 景色の追加
      • ←もどる
      • 色の選択（透明も選択可能）
  • パネル要素 1
  • パネル要素 2
  • パネル要素 3
  • パネル要素 4 …
    • # 画像の場合
      • ←もどる
      • 移動・リサイズ(反転)
      • レイヤー順の変更
      • 画像の変更
      • 絵師・ライセンス情報の表示
      • 削除
    • # 吹き出しの場合
      • ←もどる
      • 移動・リサイズ(尻尾の向き)
      • 吹き出しの固有値 1
      • 吹き出しの固有値 2
      • …
      • レイヤー順の変更
      • コンテンツの編集
      • 吹き出しの種類の変更
      • 削除
    • # 景色の場合
      • ←もどる
      • リピート方向 background-repeat repeat-x, repeat-y
      • 画像のオフセット background-positoon
      • レイヤー順の変更
      • 色の変更
      • リピート画像の変更
      • 削除
• ストーリー順編集
  • ←もどる
  • プレビュー
    • ←もどる
  • --- パネル要素の選択( 並び替え ) ---
  • パネル要素 1
  • パネル要素 2
  • パネル要素 3
  • パネル要素 4 …
    • # 画像の場合
      • ←もどる
      • 代替テキストの編集
      • 絵師・ライセンス情報の表示
      • 削除
    • # 吹き出しの場合
      • ←もどる
      • 代替テキストの編集
      • コンテンツの編集
      • 削除
    • # 景色の場合
      • ←もどる
      • 代替テキストの編集
      • 削除
• ライセンス情報の表示
• ヘルプ
• 保存と終了