簡易スライドビューア [22] ナビゲーション再考

2010年10月25日月曜日 | Published in | 2 コメント

このエントリーをはてなブックマークに追加

[前回] Cocoaの日々: 簡易スライドビューア [21] 削除

大体の機能が揃った。ここで一旦ユーザインターフェイスを見直すことにする。


ショーケースモードと通常モードのハイブリッド


ショーケースモードとは前後の画像が横に表示される表示モードのこと。


途中から取り入れたアイディアで割と気に入っている(それが為に時間がかかってしまったが...)。画像をめくっていくときも1枚だけが表示される通常モードよりも感覚的でわかりやすい。ただ拡大縮小には向いていないのが気になっていた。
ショーケースモードで拡大するとこんな感じ。


一方,通常モードは標準の写真アプリと同じように1枚の画像だけを表示するモード。こちらは拡大縮小やスライドショーに向いている。ただページをめくるのは前後が見えないので、次の画像がめくってみないとわからない(別に困りはしないが)。この点はショーケースモードの方が向いている。※サムネイルを同時に表示するという解決策もある。



そこで両方のいいとこ取りをできないかとハイブリッドなインターフェイスを考えてみた。

最初はショーケースモードからスタートして、ダブルタップで両方のモードを行き来できるようにする。ピンチ(拡大縮小)やスライドショー開始の時には通常モードへ移行する。
難点はダブルタップが標準写真アプリでは拡大縮小操作になっているのに対して、今回の場合はモード切り替えになっているところ。この辺りは実機で触ってみて違和感がないか確認してみる。


実機確認


実装して実機で確認してみた。


初期表示


ダブルタップで通常モードへ

ピンチで拡大

ダブルタップでショーケースモードへ


悪くない。これでしばらく触ってみよう。


ソースコード


GitHubからどうぞ。
xcatsan's iOS-Sample-Code at 2010-10-25 - GitHub


- - - -
簡易スライドビューアは今回で一区切り。この後は公開に向けて他の作業と並行して少しづつ進める。

Responses

  1. ∞8
    2010年11月29日 19:12

    いつも参考にさせていただいています。
    portraitの状態で、一番最後の時計台の画像までスライドし、
    Landscapeの状態へ回転させると、一つ左の東京ドームの画像へ
    勝手にスライドしてしまいます。
    時計台の画像のまま回転する動きが望ましいのですが、
    どうにか回避できないでしょうか、ご教授願います。

  2. ∞8
    2010年11月29日 19:12

    いつも参考にさせていただいています。
    portraitの状態で、一番最後の時計台の画像までスライドし、
    Landscapeの状態へ回転させると、一つ左の東京ドームの画像へ
    勝手にスライドしてしまいます。
    時計台の画像のまま回転する動きが望ましいのですが、
    どうにか回避できないでしょうか、ご教授願います。

  3. xcatsan says:
    2010年12月19日 8:48

    ∞8さん、こんにちは。
    回答が遅くなってすみません。
    指摘の件、現象が確認できました。
    バグですね、これは。

    原因らしきものはわかったのですが
    まだ修正できていません。これは直すつもりですが
    もう少し時間がかかりそうです。修正したら
    またこのブログに掲載します。

    指摘ありがとうございました。
    それでは。

  4. xcatsan says:
    2010年12月19日 8:48

    ∞8さん、こんにちは。
    回答が遅くなってすみません。
    指摘の件、現象が確認できました。
    バグですね、これは。

    原因らしきものはわかったのですが
    まだ修正できていません。これは直すつもりですが
    もう少し時間がかかりそうです。修正したら
    またこのブログに掲載します。

    指摘ありがとうございました。
    それでは。

Leave a Response

人気の投稿(過去 30日間)