Learning Material Design

Kyle Mew

• Publisher: Packt Publishing
• Year: 2015
• eBook ISBN: 9781785289811
• Edition: 1
• Topic: Computer Science
• Subtopic: Programming in JavaScript
• Index: Computer Science

Master Material Design and create beautiful, animated interfaces for mobile and web applications

About This Book

• Master the highly acclaimed Material Design paradigm and give your apps and pages the look that everyone is talking about
• Get a mix of key theoretical concepts combined with enough practical examples to put each theory into practice so you can create elegant material interfaces with Android Studio and Polymer
• Written by Kyle Mew, successful author with over a decade of mobile and web development experience, this book has both the touch of a developer as well as an experienced writer

Who This Book Is For

This book is ideal for web developers and designers who are interested in implementing Material Design in their mobile and web apps. No prior knowledge or experience of Material Design is required, but some familiarity with procedural languages such as Java and markup languages such as HTML will provide an advantage.

What You Will Learn

• Implement Material Design on both mobile and web platforms that work on older handsets and browsers
• Design stylish layouts with the Material Theme
• Create and manage cards, lists, and grids
• Design and implement sliding drawers for seamless navigation
• Coordinate components to work together
• Animate widgets and create transitions and animation program flow
• Use Polymer to bring Material Design to your web pages

In Detail

Google's Material Design language has taken the web development and design worlds by storm. Now available on many more platforms than Android, Material Design uses color, light, and movements to not only generate beautiful interfaces, but to provide intuitive navigation for the user.

Learning Material Design will teach you the fundamental theories of Material Design using code samples to put these theories into practice.

Focusing primarily on Android Studio, you'll create mobile interfaces using the most widely used and powerful material components, such as sliding drawers and floating action buttons. Each section will introduce the relevant Java classes and APIs required to implement these components. With the rules regarding structure, layout, iconography, and typography covered, we then move into animation and transition, possibly Material Design's most powerful concept, allowing complex hierarchies to be displayed simply and stylishly.

With all the basic technologies and concepts mastered, the book concludes by showing you how these skills can be applied to other platforms, in particular web apps, using the powerful Polymer library.

Style and approach

Learning Material Design combines the theories behind material design with practical examples of how these can be implemented and further reinforcing the guidelines covering style, layout and structure.

Learning Material Design

---

Table of Contents

Learning Material Design

Credits

About the Author

About the Reviewer

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the color images of this book

Errata

Piracy

Questions

1. Getting Started with Material Design

Material properties

Setting up a development environment

Installing Android Studio

Configuring the Android SDK

Emulating Android devices

Connecting a real device

The material theme

Applying styles

Customizing the material theme

Summary

2. Building a Mobile Layout

Activities and layouts

RelativeLayouts

LinearLayouts

Gravity properties

Inserting and scaling images

Strings and translation

Screen rotation

Applying material to older devices

The AppCompat support library

Applying the material theme

Adding a material toolbar

Action icons

Summary

3. Common Components

App bar style and code

Applying a material palette

Image assets

Applying actions

The app bar structure

Phones

Tablets and desktops

Capturing action calls with Java code

Menus and dialogs

Menus

Options menu

Contextual menus

Dialogs

Creating a material dialog

Title

Content

Actions

Click listeners

Summary

4. Sliding Drawers and Navigation

Drawer design

The layout

Navigation components and keylines

Structure and metrics

Ratio keylines

Configuration qualifiers

Drawer functionality

Activating the navigation drawer

Opening fragments

Other sliding drawers

Summary

5. Lists, Cards, and Data

Generating lists

Adding list items

Connecting a dataset

Layout managers and adapters

Cards

Tiles

Summary

6. Animations and Transitions

Touch feedback

Ripple animations

Revealing and hiding

Transitions

Exits and entrances

Shared components

Realistic movement

Summary

7. Material on Other Devices

Material TV

Banners

TV app structure

Recommendation cards

Wearable material

Connecting to a Wearable device

Managing differently shaped screens

Wearable layouts

Summary

8. Material Web Frameworks

Desktop layouts

Package management

Materialize

Setting up

Material theme

Layouts and grids

Cards

Buttons and icons

Material Design Lite

Layouts and grids

Cards

Alternative frameworks and libraries

Summary

9. The Materialize Framework

Components

Lists and badges

Navigation bars, menus, and icons

Text input and display

Transitions and motion

Wave animations

Accordions and pop-outs

Dividing content with tabs

Displaying images

Summary

10. Material Design Lite

Components

Headers

Navigation bars

Tabs

Search fields

Menus

Forms

Tables

Summary

Index

Learning Material Design

Copyright © 2015 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: December 2015

Production reference: 1181215

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78528-981-1

www.packtpub.com

Credits

Author

Kyle Mew

Reviewer

Will Haering

Commissioning Editor

Ashwin Nair

Acquisition Editors

Vivek Anantharaman

Harsha Bharwani

Content Development Editor

Priyanka Mehta

Technical Editor

Mohita Vyas

Copy Editor

Angad Singh

Project Coordinator

Izzat Contractor

Proofreader

Safis Editing

Indexer

Rekha Nair

Graphics

Abhinash Sahu

Production Coordinator

Melwyn D'sa

Cover Work

Melwyn D'sa

About the Author

Kyle Mew has been programming since the early eighties and has written for several technology websites. He has also written three radio plays and two other books on Android development.

I would like to dedicate this book to Amber and thank her for being a constant inspiration throughout.

About the Reviewer

Will Haering is a self-taught frontend developer, with significant experience in both web technologies and data processing. He has been designing and developing sites and web apps for 5 years, starting as a freelancer and then switching paths to begin working as a client engineer for Symphony Commerce in San Francisco. Earlier in 2015, he participated in a research project on studying the evidence of gravitational waves. He did this by processing NASA's test data using Julia. In 2014, as a member of the Precision Engineering Research Group at the Massachusetts Institute of Technology, Will developed an audio analysis script with industrial and agricultural applications. He is currently completing his senior year of high school at Phillips Exeter Academy. You can find him online at http://www.wch.io/.

www.PacktPub.com

Support files, eBooks, discount offers, and more

For support files and downloads related to your book, please visit www.PacktPub.com.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at <[email protected]> for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

https://www2.packtpub.com/books/subscription/packtlib

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can search, access, and read Packt's entire library of books.

Why subscribe?

• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On demand and accessible via a web browser

Free access for Packt account holders

If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view 9 entirely fr...

Table of contents

• Learning Material Design