web-dev-qa-db-ja.com

マテリアルデザイン:2つのアクションを持つリストアイテム

私のAndroidアプリでは、追加、編集、削除機能を提供するシンプルなリストがあります。レイアウトを次のように設計しました:

Screenshot

編集/作成ダイアログは次のようになります。

Screenshot

このようなことをするための材料設計の基準は何ですか。すべてのリストアイテムに2つのアクションボタンがあるのが好きではありません。これを改善する方法について何か提案はありますか?

コンテキストによっては、リスト項目([編集]または[削除]ボタンではない)をクリックしても、何も起こりません(詳細ビューはありません)。編集して追加すると、新しいカテゴリを作成または編集できるダイアログが開きます。

2
Simon Schiller

私は鉛筆でこのリストビューの主要なアクションを編集し、あなたは2つのオプションを与えます:

  1. @zachで述べられているように、スワイプジェスチャーを使用してカテゴリを削除します。

  2. 上部のナビゲーションバー(縦に3つ並んだドット)にコンテキストメニューを追加します。メニュー項目は「カテゴリの削除」です。その後、ユーザーとして削除するカテゴリを選択できます。このように、ユーザーは複数のカテゴリを一度に削除することもでき、誤ってカテゴリを削除することはありません。

1
Rick P

編集状態では削除を非表示にします。

したがって、ビューステートはカテゴリ名と編集用の鉛筆にすぎません。

編集をタップすると「編集モード」が有効になります
編集モードは、キーボードを上にして編集できる文字列内のカーソルです。
鉛筆は、削除するためにゴミ箱に変更します。

入力してキーボードのEnter/Doneを押して保存するか、ゴミ箱を押して削除します。 「本当によろしいですか」トーストが欲しいかどうかはあなた次第です。それはカテゴリーがどれほど重要であるか、またはそれらが他のアイテムにリンクされているかどうかに依存すると思います。

1
Destructo

これが純粋にモバイルアプリケーションの場合は、スワイプジェスチャーを使用できます(行を左にスワイプして、置き去りのアクションを表示し、編集または削除を表示します)。

Appleはこれを多くのアプリで利用しており、Material DesignはLeave-behindsも利用しています(このリンクを下にスクロールしてください)。

https://material.io/guidelines/components/lists-controls.html#lists-controls-types-of-list-controls

別のオプションはアクションの組み合わせです。そのため、行を選択すると名前の編集が可能になり、左にスワイプすると削除の取り消しアクションが表示されます。

0
Zach

これがカテゴリー管理ビューであることを考慮して、編集を主要なアクションにすることを検討してください。ユーザーは、リストアイテムのメイン領域をタップすると、リストアイテムに何らかのアクションが発生することを期待しています。

編集は、プライマリアクションの妥当な候補です。タップに応答して、編集を有効にするために ダイアログ または エキスパンドパネル を表示できます。拡張可能なパネルの場合は、パネル内で移動して削除することもできます。たとえば、時計アプリケーションの[アラーム]タブを参照してください。

0
Jurijs Kovzels

マテリアルデザイン specs によると、リストタイトルは、編集ダイアログをトリガーすることを想定しているプラ​​イマリアクションである必要があり、削除はセカンダリアクションです。他の推奨事項として、行をスワイプして削除することもできますが、おそらく初めてのトレーニングが必要になります

0
daniel.brubeck