PowerPoint

GUI説明
#4K GUI担当
12M38315 東小薗憲人
2012/5/18版
アウトライン
• パネル入れ替えUI案2種
• 講義パネル
1
注意書き
• 図のあるスライドはスライドショーで見ること
– できる範囲でアニメーションで再現させています
2
パネル入れ替え（横スワイプ）
通知バー
青：Android画面
指のつもり
赤：講義パネル
ここでタップ
スワイプ
画面
指を離しても良い
スワイプ
3
横スワイプ補足(1/3)
• 画面からはみ出ている部分は描画しない
– 描画されない部分は黒で良いでしょう
• 挿入先の決定は左側のアニメーションに依存
– 全部くっつける
• タップしているy座標を判定して、そこに挿入
– スワイプしたものを挟み込む位置を常時開ける
• どこに挿入されるか分かりやすい
• 作るのが面倒そう
4
横スワイプ補足(2/3)
• 横スワイプ中の縦スワイプ仕様
– 右にスワイプした講義パネルを縦スワイプ
• 画面上での講義パネルの位置を変更
– それ以外を縦スワイプ
• 左側にスライドしたパネルをスワイプ
• 横スワイプは無効
5
横スワイプ補足(3/3)
• そもそもスワイプではなく、ボタンもありか？
– ボタン分の横幅だけパネルの中身・パネル自体
をスライドさせれば良い
• パネルの中身はパネルの内での絶対位置であり、画
面上では動かなくて良い
– 講義名が見やすい
– ボタンをどうやって消し、どうやって出現させるか
6
パネル入れ替え（長押し）
通知バー
長押し
この辺りに指を
持っていくと、
端に行くほど
速くスクロール
画面
スワイプ
7

Download Report