Top Banner
Fantasy Action Bar
19

Action bar

Aug 07, 2015

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Action bar

Fantasy

Action Bar

Page 2: Action bar

Show app’s activities.

Offer familiar user experience.

Key function include:◦ A dedicated space.◦ Access to important actions in a predictable way .◦ Support for navigation and view switching.

Purpose

Page 3: Action bar

Function- General Organization

Page 4: Action bar

Function- Back vs. Up

1

2 3 4

Page 5: Action bar

Function - Drawer layout

Page 6: Action bar

Function - Sharing data

Page 7: Action bar

Function - Contextual Action Bars

Page 8: Action bar

Example - Google app

Page 9: Action bar

Example - Microsoft app

Page 10: Action bar

Example – Social network

Page 11: Action bar

Example – Productive app

Page 12: Action bar

Support Android 3.0 and Above Only

Support Android 2.1 and Above◦ 1.set up the v7 appcompat library◦ 2.◦ 3.◦ 4.

Setting Up the Action Bar

Page 13: Action bar

1. Specify the Actions in XML

Adding Action Buttons

Page 14: Action bar

2. Add the Actions to the Action Bar

3. Respond to Action Buttons

Adding Action Buttons

Page 15: Action bar

Add Up Button for Low-level Activities

Adding Action Buttons

Page 16: Action bar

Adding Action Buttons Enable the app icon

Page 17: Action bar

Use an Android Theme

Styling the Action Bar

Page 18: Action bar

Overlaying the Action Bar

Page 19: Action bar

Without/With action bar