Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/hashlin/rally

Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html
https://github.com/hashlin/rally

android constraint-layout dark-theme material-design material-ui materialcomponents nightmode rally

Last synced: about 5 hours ago
JSON representation

Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html

Host: GitHub
URL: https://github.com/hashlin/rally
Owner: hashlin
Created: 2019-07-29T07:00:43.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2020-02-11T16:20:35.000Z (over 4 years ago)
Last Synced: 2024-03-08T04:36:05.675Z (4 months ago)
Topics: android, constraint-layout, dark-theme, material-design, material-ui, materialcomponents, nightmode, rally
Language: Kotlin
Homepage:
Size: 20.8 MB
Stars: 457
Watchers: 15
Forks: 60
Open Issues: 0
Metadata Files:
- Readme: README.md

Lists

awesome-stars - rally - studies/rally.html | hashlin | 445 | (Kotlin)
awesome-list - hashlin/rally - Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html (Kotlin)

README

        # Rally

[Rally](https://material.io/design/material-studies/rally.html) is a personal finance app that uses Material Design components and Material Theming to create an on-brand experience with a data-driven aesthetic.

![Rally](images/rally-cover.png)

*Ref: [material.io](https://material.io)* 
 


Rally is a part of Google's Material Studies. It is originally a design case study and no codes.

So, we tried to implement the app for Android. We craft it looks like design as close as possible and customize a lot of UI components and use [Material Components](https://github.com/material-components/material-components-android) for theming. 
 


Here are some highlights:

### [RallyTab](https://github.com/hashlin/rally/blob/master/app/src/main/java/io/material/rally/ui/RallyTab.kt)

![Tabs](highlights/hl-tab.gif)

Such kind of tab is not default on Android. We made it possible by using Constraint Layout's Flow.

***

### [Graphs and Tabs](https://github.com/hashlin/rally/tree/master/rally_scrollable_tab/src/main/java/com/example/rally_scrollable_tab)

![Graphs](highlights/hl-graph.gif)

Meaningful motions and neat animations make the graph unique. Handcrafted the component on canvas.

***

### [Pie Chart](https://github.com/hashlin/rally/tree/master/rally_pie/src/main/java/io/material/rally_pie)

![Pie](highlights/hl-pie.gif)

Pie chart on canvas and make animation exactly the same with original.

***

### Tablet UI

![Tablet UI](highlights/hl-tablet.gif)

Made Rally unique on tablet, too.

***

### Articles about Rally

https://medium.com/@chanmyaeaung1/drawing-bezier-curve-like-in-google-material-rally-e2b38053038c

***

Find us on Twitter:

[@Thechanmyaeaung](https://twitter.com/Thechanmyaeaung)

[@Linminphyoe1](https://twitter.com/linminphyoe1)