UI研究【my365編①】

最近色々なアプリのUI研究をするのにはまってます。

気持ちよく使えるアプリ作りたいですよね。

そこで今回はmy365のフィードの写真を押すとシュッシュッと下がって写真が大きくなるUIについて研究してみました。やり方が本当に正しいかは分かりません。

それっぽくできれば合格です!

 

どんな風にやっているのか考察(開く場合)

 まずフィードは多分UITableViewで作られると仮定します。

そして以下の順番で処理が行なわれていると思います。

どっちか分からない場合は微妙と書いておきます。

 

① 選択した写真のセルを一番上に移動する。(おそらくアニメーションはYES。後述)

  その際セルを大きくする。 画像も大きい画像に切り替え。

② ①直後、写真を押すとその写真は徐々に透過する。(微妙)

③ ②同時、その時のViewの画像を取る。

④ ③後、アニメーションで③の画像を徐々に下に下げる。

⑤ 開く場合は出来上がり?

 

少し飛ばしている事がありますが、詳細については徐々に書いていきたいと思います。