グラフB

アニメーション・グラフを羅列する

2019年11月21日

※Barをロングタップ(OnMouse)でテキスト、Bar をタップして補足情報を表示

  • Level :
  • The basics
  • 5km
  • 7.5km
  • Expert

「10/27から11/ 1」を対象にした棒グラフで6日表示のケース。

「11/ 2から11/ 7」を対象にした棒グラフで6日表示のケース。

「11/ 8から11/13」を対象にした棒グラフで6日表示のケース。

PC用では横5列に配置した商品リスト。モバイルでは操作上の観点から1列表示がベストだろう。

Grid Layoutを使って2カラムレイアウトを差し込んでみた。

Grid Layoutで複雑なレイアウトを実行してみよう。ここでは文字と文字を重ねてデザインしてみた。