Skip to content
This repository was archived by the owner on Nov 21, 2024. It is now read-only.

Move Material Theme Builder from MDC library repo to material-components-android-examples. #23

Merged
merged 9 commits into from
Feb 20, 2020
Merged

Move Material Theme Builder from MDC library repo to material-components-android-examples. #23

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
49950cc
Migrate Material Theme Builder from MDC library to MDC examples
hunterstich Jan 17, 2020
d951a12
Update all layouts to rely on MaterialComponentsViewInflater
hunterstich Jan 17, 2020
52c0f90
Update color theme usage and guidance.
hunterstich Jan 17, 2020
1ccde4d
Update all attribute references to use 'attr' namespace
hunterstich Jan 17, 2020
6aca97d
Remove question mark prefix from theme summary attribute names
hunterstich Jan 17, 2020
4faa223
Update README instructions for new structure and location
hunterstich Jan 17, 2020
c736df2
Remove mtb gitignore in favor of root gitignore
hunterstich Jan 17, 2020
8d8110f
Rename mtb project folder
hunterstich Jan 27, 2020
b8ae7de
Update README to reflect new project folder name
hunterstich Jan 27, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update README instructions for new structure and location
  • Loading branch information
@hunterstich
hunterstich committed Jan 17, 2020
commit 4faa2233485874517d285401cfcc3a263abb4efb
14 changes: 6 additions & 8 deletions Material Theme Builder/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,18 +19,16 @@ To systematically apply shape throughout your app, it helps to understand that c
To change your theme's color scheme, replace the existing HEX color values with your custom HEX values. This project has both light and dark themes, toggle between them within the app to see your changes. Use our [color palette generator](https://material.io/design/color/the-color-system.html#tools-for-picking-colors) to help come up with pairings and check your color contrast.

## Get Started
Clone the material-components-android repository
Clone the material-components-android-examples repository

```
git clone https://github.com/material-components/material-components-android.git
git clone https://github.com/material-components/material-components-android-examples.git
```

In Android Studio - Choose ‘Open an existing Android Studio Project’ and select ‘material-components-android’
In Android Studio - Choose ‘Open an existing Android Studio Project’ and select ‘material-components-android-examples/Material Theme Builder’

Sync and build the project. All of the library’s modules will be shown in the left-hand `Project` pane. Find `material-theme-builder`and expand the module - it should look like a standard Android Studio project.
Sync, build and run the project. The project, by default, will be configured with the baseline Material theme.

Run the project by going to ‘Run>Run’ and selecting the ‘material-theme-builder’ run configuration. The project will build and deploy on a device or emulator and will be configured, by default, with the baseline Material theme.
Under the ‘res’ folder, open `color.xml`, `type.xml` and `shape.xml`. Each file has detailed comments describing the Material subsystem it controls. Try modifying each subsystem, re-running the app and seeing how changes are propagated throughout the app.

Under the modules ‘res’ folder, open `color.xml`, `type.xml` and `shape.xml`. Each file has detailed comments describing the Material subsystem it controls. Try modifying each subsystem, re-running the app and seeing how changes are propagated throughout the app.

Once you build your Material theme, move the theme resources (`color.xml` `night/color.xml`, `type.xml`, `shape.xml`, `styles.xml`, `themes.xml` and `night/themes.xml`) over to your app to start using your Material theme in projects.
Once you build your Material theme, move the theme resources (`color.xml`, `type.xml`, `shape.xml`, `styles.xml`, `themes.xml` and `night/themes.xml`) over to your app to start using your Material theme in your own projects.