これがその場のアイコンです。
インターフェースの振る舞いがどうあるべきか知りたい。フィルター条件のドロップダウンは表示されますか?ユーザーはフィルター値を指定できますか?ユーザーがフィルター値を選択したら、どのように表示されますか?どんな助けでもありがたいです。ありがとう
このアイコンは、ボタンの/で使用されるシンボルのカテゴリからのものです。あなたの例で「フィルターリスト」アイコンをクリックすると、フィルターが表示されるというのは直感的に思えます。フィルターなしでは、アクション完了できません。
フィルターがどのように表示されるかは、オプションの数、ページUI、およびマテリアルデザインによっていくつかのガイダンスが提供されると思いますが、すべてのアイコンの仕様を明確にする必要があるほど厳密ではありません。
この場合、「 Material Design Data Table "の場合、フィルターは検索フィールドです。私はこのフィルターを期待していませんでしたが、これは良いUXではないとは言えません。
フィルターボタンをクリックしてフィルターオプションを表示することを期待しています。デスクトップでは、フィルターオプションのあるドロップダウンを期待します。
YouTubeも同様のことを行います。
この質問はここ数か月の間、成功する答えはありませんでした。公式の実装はないので(少なくともこれまでのところ回答に掲載されています)推測しかできません。
私の推測では、フィルターは要素に関連付けられているのではなく、表示されている列に関連付けられている可能性があります。要素のフィルタリングはおそらくより関連性がありますが、それではなぜガイドから欠落しているのでしょうか?
したがって、 this JSFiddle と同じように、テーブルの列は「フィルタリング」されます。アイコンをクリックすると List が表示され、表示する列を確認できます。
メニューで使用されるこのフィルターパターンを見ました: https://www.google.com/design/spec/components/menus.html#
フィルターの種類がメニューに表示されます。タップすると、テーブル内のアイテムが並べ替えられます。テーブルの複雑さによっては、不確定なアクティビティスピナーを使用して再ロードする必要がある場合があります。シンプルなテーブルの場合、ビュー内でアニメーション化できます。お役に立てれば。乾杯。