Calendar」の22日目の記事です。「みんコミ」のAndroidアプリ(バージョン1.0.3)をベースに執筆しています。Store」からアプリをインストールしておくことをお勧めします。「みんコミ」アプリは、基本的に画面の下にあるタブ(下タブ)で画面を切り替えます(ランキング画面などでは上タブが現れることがあります)。iOSでは一般的なこのナビゲーションですが、Androidでは下タブによる画面の切り替えは推奨されていません。barsAndroidの場合、下端にはナビゲーションバーがあるので、誤操作の原因になりやすいというのが理由だと僕は考えています。ナビゲーションバーAndroidでは、上部に表示されている「ActionBar(ToolBar)」を使います。ActionBar」という仕組みがあるのですが、メニューの配置を柔軟にできないので滅多に使いません(僕は使ったことはありません)。「みんコミ」アプリに話を戻しましょう。言う場合、最上段にActionBarを置いて、その下にタブを表示、残りの領域をコンテンツ表示領域......というのが定石だと思いますが......正直、「みんコミ」アプリの場合は定石をそのまま当てはめるのは難しいところだと思います。現在の「みんコミ」アプリのホーム画面は、最上部にViewPagerで構築された作品の「バナー」があり、その下に作品が並ぶという構造です。この場合、一番見せたいのは「コンテンツ」であって、タブでもなければActionBar(ToolBar)でもありません。折衷案として、コンテンツを一番上に置いたまま上タブを実現するUIを作ってみました(動画です)。Libraryを使っていて、最初はバナーが表示されていますが、下にスクロールすると視差効果(パララックス)とともにバナーが隠れていきます。バナーが隠れきった後も、タブは一番上に固定されるので画面の切り替えができます。このUIのXMLは次の通りです。</android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>また、下タブを選択した上で、今度はアクションバー(ToolBar)を残すというUIも試しに作成しました。Libraryを使っています。アクションバーが残るので、例えば「その他」のタブをオーバーフローメニューの中に移動することで、タブ操作を簡素化することもできると思います。ViewPagerの高さとToolBarの位置関係の設定が難しく、まだまだ調整が必要ですね。activity_bottom_tabs.xml)を含めたコードをGitHubに置いておきます。参考になれば幸いです。https://github.com/keiji/adventcalendar_2015_mincomi実装参考https://github.com/chrisbanes/cheesesquare「有山圭二」は「みんなのコミック」及び運営の「株式会社イーブックイニシアティブジャパン」とは一切関係がありません。本アドベントカレンダーの内容はあくまで参加者個人の見解です。「みんなのコミック」の評価を目的とするものではありませんので、ご了承下さい。みんコミといえば、僕が普段からお世話になっている根雪れい(@neyuki_rei)さんも連載していますね!おかあさん(10)と僕。根雪れい.おかあさん(10)と僕。「みんなのコミック」にて連載始まってるそうです。2015ほんわかしたお嬢様ストーリーかと思って読み始めたら......これって実はシュールコメディなんじゃないでしょうか(いや、そう思うのは僕の心が汚れているせいかもしれませんが)。1話の最初のコマから両サイドをチョコファウンテン、正面の置かれたホールケーキに向かっている主人公が登場します。朝食のシーンだそうです。お嬢様だけあって黒塗りの高級車で通学しますが、なんとこの車、食べられるそうです。「今日は11月11日。花ちゃんの誕生日パーティの日です。しましょー」この作品にツッコミ役は不在です。先ほどの会話は生徒と教師の会話です。一応、イベントがあればキャラクターからのリアクションはありますが、次の瞬間には「当たり前のこと」として処理されています。憎まれ役とは言え、女子が嘔吐しているシーンが描かれ、そのたびに「聖水です」「美容液です」と注釈が付きます。内容は相当おかしいんですが、ひたすら可愛い絵が、それを普通と思わせる世界観を支えています。話が転がっていくのか、正直、まったく先が読めません。あ、担任の先生が眼鏡っ娘でした。40歳だろうが可愛ければ関係ありませんね。それでは明日23日の担当は、「こどもちぇんじ」二話の最後のページでは正直どん引きしてしまった「有山圭二」さんです。