iPadと横向きで使う|2カラム表示とタブの列
もくじ
LichenをiPadで使うときや、iPhoneを横向きにしたときは、画面が左右2つに分かれた「2カラム表示」になります。左側でスレ一覧を見ながら、右側でスレを読めるので、一覧とスレを行ったり来たりする必要がありません。
タブは画面の上に横一列に並び、Homeのフィードも画面の幅に合わせて2〜3列で表示されます。
こんな人におすすめです
- iPadで、広い画面を活かしてスレを読みたい
- スレ一覧を見ながら、次々にスレを開いて読みたい
- iPhoneを横向きにして、スタンドに立てて読むことが多い
なぜ2カラム表示にしているのか
縦長のiPhoneと同じ画面をそのまま大きくすると、横幅が余ってしまいます。広い画面では、一覧とスレを並べたほうが読みやすく、操作も少なくて済むと考えて、レイアウトを切り替えるようにしています。
2カラム表示になる場面
次のどちらかのときに、自動で2カラム表示に切り替わります。
- iPad:縦向き・横向きのどちらでも
- iPhoneの横向き:iPhoneを横に倒したとき
iPhoneを縦向きに戻すと、いつもの1画面ずつの表示に戻ります。開いているタブは、そのまま引き継がれます。
使い方
下のタブバーは4つになる
2カラム表示のときは、下のタブバーが「Home」「Search」「Thread」「Setting」の4つになります。iPhoneの縦向きにある「Tabs」は、上部のタブの列が同じ役割を担うため表示されません。
また、iPhoneの縦向きではスレを開くとタブバーが隠れますが、2カラム表示ではスレを読んでいる間もタブバーが出たままです。
左に一覧、右にスレ
「Thread」を開くと、画面の左側に一覧、右側にスレが表示されます。
- 左側:Sites(サイトと板の一覧)や、板のスレ一覧が表示されます
- 右側:左側でタップしたスレが表示されます
スレをまだ選んでいないときは、右側に「スレッドを選択してください」「左の一覧から開きたいスレをタップ」と表示されます。
左側のスレ一覧は、スレを開いたあともそのまま残ります。別のスレをタップすれば、右側のスレだけが切り替わるので、一覧から次々にスレを読んでいけます。
戻るカードで前の一覧に戻る
左側の一覧の上には、ここまでたどってきた階層が「<」付きのカードで重なって表示されます。たとえば、Sitesから板を選ぶと、スレ一覧の上に「< Sites」のカードが出ます。
カードをタップすると、その階層まで戻れます。今どこにいて、どこへ戻れるのかが、ひと目で分かります。
上部のタブの列
2カラム表示では、左側のいちばん上に、開いているタブが横一列に並びます。iPhoneの縦向きでいうTabs画面のかわりです。
- タップ:そのタブに切り替わります
- ×:そのタブを閉じます(タブが1つだけのときは出ません)
- +(列の右端):サイト一覧から始まる新しいタブを開きます
- 長押ししてドラッグ:タブの順番を並び替えられます
それぞれのタブには、サイト一覧・スレ一覧・スレのどれを表示しているかが分かるアイコンと、タイトルが付いています。今開いているタブは、色の付いた枠で囲まれます。
タブが増えて列に収まらないときは、列を横にスクロールできます。並び替えた順番は、Homeの「現在のタブ」にも反映されます。
タブそのものの使い方は、タブの記事で紹介しています。
Homeは2〜3列で並ぶ
Homeを開くと、Discoveryフィードのカードが、画面の幅に合わせて2列または3列で並びます。高さの違うカードを、空いているところから詰めて並べるので、隙間なく見渡せます。
広い画面では、淡いグレーの背景に白いカードが浮かぶ見た目になります。なお、フィードをリスト表示にしているときは、画面の幅に関係なく1列で表示されます。
Homeの使い方は、Homeの記事で紹介しています。
iPhoneの縦向きとの違い
2カラム表示では、iPhoneの縦向きとは次の点が違います。
- Tabs画面がない:タブの切り替えや並び替えは、上部のタブの列で行います。Tabs画面の「選択」から使う、タブをまとめて閉じる選択モードもありません
- サイドドックがない:画面の右端からスワイプして出すサイドドックは、iPhoneの縦向きだけの機能です。2カラム表示ではタブバーが常に出ているので、そこからほかの画面へ移れます
- iPadでは文字が少し大きい:画面が大きい分、iPhoneよりも一回り大きめの文字で表示されます
よくある質問
iPhoneでも2カラム表示になりますか?
iPhoneを横向きにすると、2カラム表示になります。縦向きに戻すと、いつもの表示に戻ります。
タブをまとめて閉じるには?
2カラム表示には選択モードがないので、上部のタブの列の×で1つずつ閉じてください。たくさん閉じたいときは、iPhoneを縦向きにしてTabs画面の「選択」を使う方法もあります。
左右の幅を変えられますか?
今のところ、左右の幅は変えられません。
縦向きと横向きを切り替えると、開いていたタブはどうなりますか?
そのまま残ります。タブの中身や並び順は、表示が切り替わっても同じです。
今回の記事の内容は参考になりましたでしょうか?
掲示板専用ブラウザ「Lichen」はiOS機能をフルに活用したUI/UXと、丁寧に作り込んだタイポグラフィで快適な専ブラ体験を目指しています。
皆様からのご要望やフィードバックが日々の開発の励みとなりますので、お気づきの点がありましたらお気軽にお問い合わせください。
お問い合わせフォーム:https://forms.gle/Ye8MgjpmATaZuPuD6
まだ、Lichenを体験したことがなく、このアプリが気になった方はApp Storeからインストールしてみてください。
それでは、次回またお会いしましょう。
