mnkd/UI-examples

Sort / Filter items | macOS | Mail.app

mnkd opened this issue · 1 comments

mnkd commented

概要

  • macOS Sierra の Mail.app のメールのソートとフィルター機能のUI。
  • 多くの情報をひとつの Cell に表示させた場合のソートとフィルターの例。

環境

  • macOS Sierra 10.12.2
  • Mail version 10.2 (3259)

Sort

  • メニュー (NSMenu) を表示し、ソートに使用する情報を選択する。
  • 「ソートに使用する情報」と「ソート順」はセパレーターで区切られている。
  • ソート順は「昇順」「降順」を選択できる。

macos_mail

Filter

  • 右上の丸いボタンをクリックすると、ポップオーバーが表示される。
  • フィルターする条件は AND になり、複数選択できる。
  • 条件を選択すると、即座にリストが更新される。
  • 条件選択中は、ポップオーバーは消えない。
  • 条件が 2 つまでの場合は、Filtered by: には Unread (To: Me) などと表示される。
    • 条件が 3 以上になると、3 Filters などと表示される。

macos_mail

mnkd commented

ソートの条件によって、昇順・降順の文言が変化する。

screen shot 2017-01-30 at 21 37 49

screen shot 2017-01-30 at 21 38 02

screen shot 2017-01-30 at 21 38 11

screen shot 2017-01-30 at 21 38 23

screen shot 2017-01-30 at 21 38 33

screen shot 2017-01-30 at 21 38 44

screen shot 2017-01-30 at 21 38 51

screen shot 2017-01-30 at 21 38 58