Logo
Pattern

Discover published sets by community

Explore tens of thousands of sets crafted by our community.

Android Material Design Components

41

Flashcards

0/41

Still learning
StarStarStarStar

FloatingLabel

StarStarStarStar

A UI pattern introduced in Material Design where a label is displayed on top of an input field, used to indicate the type of content to enter and then floats above when the field is focused.

StarStarStarStar

Divider

StarStarStarStar

A horizontal or vertical line that can be used to separate content in lists and layouts, follows Material Design guidelines for list separation.

StarStarStarStar

MaterialCheckBox

StarStarStarStar

An extension of CheckBox with Material styling capabilities, used to allow users to make a binary choice, i.e., choose between two mutually exclusive options.

StarStarStarStar

BottomSheet

StarStarStarStar

A component that slides up from the bottom of the screen to reveal more content, can either be a persistent static view or a modal dialog.

StarStarStarStar

MaterialFAB

StarStarStarStar

A FloatingActionButton which adheres to Material Design specifications for a floating action button, used typically for a primary action in an application, such as composing a new message.

StarStarStarStar

Backdrop

StarStarStarStar

A component that consists of a front layer and a back layer, where the front layer can be lifted to reveal the back layer, used to expose in-depth functionality and options.

StarStarStarStar

MaterialProgressBar

StarStarStarStar

An implementation of ProgressBar which follows the Material Design guidelines, used to indicate progress of an operation to the users.

StarStarStarStar

MaterialSlider

StarStarStarStar

A widget that allows users to make selections from a range of values, consistent with Material Design aesthetics, used for settings that reflect intensity or brightness level adjustment.

StarStarStarStar

MaterialTooltip

StarStarStarStar

A small popup that provides descriptive text when an element is hovered over, focused on, or tapped, conforming to Material Design guidelines.

StarStarStarStar

MaterialButton

StarStarStarStar

An adaptable widget for different button styles based on Material Design, used for various types of actions in UI.

StarStarStarStar

NavigationView

StarStarStarStar

A panel that displays the app’s navigation options on the left edge of the screen, used for layouts that conform to the Material Design drawer pattern.

StarStarStarStar

MaterialTimePicker

StarStarStarStar

A dialog component that allows users to select a time with Material Design aesthetics, used for selecting and setting a specific time of day.

StarStarStarStar

Chip

StarStarStarStar

Compact elements that represent an input, attribute, or action, used to display choices, filters, or actions compactly.

StarStarStarStar

FloatingActionButton

StarStarStarStar

A distinctive circular button used for a promoted action, follows the Material Design principles for floating action button design.

StarStarStarStar

TabLayout

StarStarStarStar

Provides a horizontal layout to display tabs, is used for both fixed and scrollable toolbar views.

StarStarStarStar

DrawerLayout

StarStarStarStar

A layout that allows for navigation drawers that can be pulled out from the edge of the window, used primarily for navigation purposes.

StarStarStarStar

MaterialAlertDialog

StarStarStarStar

A subclass of AlertDialog which uses Material Design specifications for its UI elements, used to show an alert dialog in a material-styled manner.

StarStarStarStar

MaterialRadioButton

StarStarStarStar

A subclass of RadioButton that adheres to Material Design specifications, used when a single choice needs to be made from a list of available options.

StarStarStarStar

CircularReveal

StarStarStarStar

An animation that reveals or hides a group of UI elements with a circular mask, centered at a specific point of the view.

StarStarStarStar

PopupMenu

StarStarStarStar

A modal menu that is anchored to a View, typically used to provide an overflow of actions that relate to specific content or to provide options for a second part of a command.

StarStarStarStar

ShapeableImageView

StarStarStarStar

An ImageView subclass that supports different shape appearances using the ShapeAppearanceModel, used to display images with custom shapes according to Material Design guidelines.

StarStarStarStar

Textfield

StarStarStarStar

An input text field designed according to Material Design guidelines, used for single-line text input.

StarStarStarStar

AppBarLayout

StarStarStarStar

A vertical LinearLayout which implements many of the features of material designs app bar concept, used to ensure that the toolbar remains at the top of the screen.

StarStarStarStar

CardView

StarStarStarStar

A FrameLayout with a rounded corner background and shadow, used to display pieces of information inside a card-like interface.

StarStarStarStar

MaterialDatePicker

StarStarStarStar

A picker component for selecting date in a calendar-style UI with Material Design aesthetics, used for scheduling tasks or setting deadlines.

StarStarStarStar

BottomAppBar

StarStarStarStar

A component that functions as a lower AppBar, providing more space in the 'home' section of the UI and allowing for navigation and quick actions, designed following Material Design.

StarStarStarStar

CollapsingToolbarLayout

StarStarStarStar

A wrapper for Toolbar which implements a collapsing app bar, used to display a larger UI element, like an image, with a collapsing toolbar.

StarStarStarStar

RecyclerView

StarStarStarStar

A more advanced and flexible version of ListView, used for displaying large datasets that can be scrolled very efficiently.

StarStarStarStar

BottomNavigationView

StarStarStarStar

Represents a standard bottom navigation bar for application, used to provide a quick navigation between top-level views of an app.

StarStarStarStar

MaterialTextView

StarStarStarStar

An extended version of the TextView that can consume the Material theme attributes, used for displaying text in a more flexible and styling consistent manner according to Material Design.

StarStarStarStar

SwipeRefreshLayout

StarStarStarStar

A ViewGroup that can be added to a layout and provides the swipe-to-refresh gesture pattern, used to allow refreshing the content of a view via a vertical swipe gesture.

StarStarStarStar

ConstraintLayout

StarStarStarStar

A ViewGroup that allows you to create large and complex layouts with a flat view hierarchy (no nested view groups), used for flexibility and performance in layout designs.

StarStarStarStar

ExtendedFloatingActionButton

StarStarStarStar

A version of FloatingActionButton that contains a text label and an optional icon, used for a prominent action within an application.

StarStarStarStar

MaterialBanner

StarStarStarStar

A banner that displays an important, succinct message, and provides actions for users to address or dismiss the banner, styled as per Material Design.

StarStarStarStar

TextInputLayout

StarStarStarStar

A layout which wraps an EditText and shows a floating label when the hint is hidden while the user inputs text, also able to show an error message and a character counter.

StarStarStarStar

MaterialCardView

StarStarStarStar

An extended FrameLayout that displays a Material styled card, it's typically used as a container for a piece of information or action.

StarStarStarStar

CoordinatorLayout

StarStarStarStar

A super-powered FrameLayout which provides an additional level of control over touch events and widget positioning, used as a top-level application decor or content layout.

StarStarStarStar

MaterialTopAppBar

StarStarStarStar

Known as the Toolbar or Action Bar in previous Android versions, a versatile bar that can appear at the top of the screen, providing navigation, and action items.

StarStarStarStar

Snackbar

StarStarStarStar

Provides lightweight feedback about an operation, displays a brief message at the bottom of the screen on mobile and lower left on larger devices.

StarStarStarStar

MaterialContainerTransform

StarStarStarStar

A shared element transition that morphs two containers by fading, scaling, and transforming their bounds and content, providing a smooth animation between UI states.

StarStarStarStar

MaterialSwitch

StarStarStarStar

A subclass of Switch that displays a toggle button covered by Material Design specifications, used where selection between two states is needed.

Know
0
Still learning
Click to flip
Know
0
Logo

© Hypatia.Tech. 2024 All rights reserved.