16. Selection control

The user can enter Select mode by selecting an option and then tapping the Edit button, or by long-pressing an item.

1Don’t display different contextual menus before the user enters Select mode.

2Once they enter Select mode, the app bar and toolbar also switch to Select mode. The action buttons change, depending on the item(s) chosen in Select mode.

3The number of chosen items is displayed as a number in the app bar. When the user selects the radio button/checkbox in the app bar, all items are selected.

Timing for toolbar display after entering Select mode

1When the user enters Select mode by tapping the Edit button, display a toolbar as soon as the user taps the Edit button.

2When the user enters Select mode by long-pressing the screen, display a toolbar when the user lifts their finger from the screen (after selecting an item).
- The content displayed at the bottom can be obstructed by a toolbar. Therefore, visually inform the user that they have entered Select mode and that the relevant item has been selected. Then, as soon as they lift their finger, display a toolbar.
- Hide the toolbar while the user selects items through continuous scrolling after they enter Select mode and until they lift their finger. Provide it after they lift their finger from the screen.
- Hide the toolbar for tabs in standard view.

Don’t display a toolbar if no items have been selected.

Interaction

When the user tries to use the search bar in Select mode, the list layout should be maintained and the lists shouldn’t be moved when the user enters Select mode.