UI

Android provides a variety of pre-built UI components such as structured layout objects and UI controls that allow you to build the graphical user interface for your app. Android also provides other UI modules for special interfaces such as dialogs, notifications, and menus.

Includes knowledge areas

View hierarchy

A View inside another View creates an hierarchy, the outer view becomes the parent of the inner view and the inner view is its child.

Drawing events

Drawing Events. When a shape overlay is created, two events are fired: an {overlay}complete event; an overlaycomplete event.

Touch events

The Android standard View class support touch events. Android supports multiple pointers, e.g. fingers which are interacting with the screen.

ViewGroups (Layouts)

A ViewGroup is a special view that can contain other views. The ViewGroup is the base class for Layouts in Android, like LinearLayout, RelativeLayout, FrameLayout etc.

ListView / RecyclerView / ViewHolder

Android ListView is a view which groups several items and display them in vertical scrollable list. The RecyclerView is a widget that is more flexible and advanced version of GridView and ListView. It is a container for displaying large datasets which can be scrolled efficiently by maintaining limited number of views. A ViewHolder describes an item view and metadata about its place within the RecyclerView.

ViewPager

The ViewPager is the widget that allows the user to swipe left or right to see an entirely new screen.

Custom Views, Custom Layouts

Custom views - creating own views. A custom view is a subclass of View, or of any View subclass (such as Button), that extends or replaces its parent's functionality. Custom layout manager can be implemented by extending the ViewGroup class.

ActionBar / Toolbar

The ActionBar is a consistent navigation element that is standard throughout modern Android applications. ToolBar was introduced in Android Lollipop, API 21 release and is the spiritual successor of the ActionBar.

Contextual Action Mode

The contextual action mode displays action items that affect the selected content in a bar at the top of the screen and allows the user to select multiple items.

Dialog / DialogFragment

A dialog is a small window that prompts the user to make a decision or enter additional information. A dialog does not fill the screen and is normally used for modal events that require users to take an action before they can proceed. A DialogFragment is a special fragment subclass that is designed for creating and hosting dialogs.

Notifications

A notification is a message that Android displays outside the app's UI to provide the user with reminders, communication from other people, or other timely information from the app.

Animation Frameworks

Android supports powerful animations for both views and transitions between activities. There are three distinct animation frameworks for Android: Property Animations, View Animations, Transition Animations

LayoutTransition

This class enables automatic animations on layout changes in ViewGroup objects.

UI guidelines / Material design

User interface is everything that the user can see and interact with. Material is a design system created by Google to help teams build high-quality digital experiences

Is a part of:

Android

Explore

Heading

HeadingHeading

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.