https://github.com/hossain-khan/android-constraint-layout-cheatsheet
A demo application for Android ConstraintLayout with various usage with sample code.
https://github.com/hossain-khan/android-constraint-layout-cheatsheet
android android-demo cheat-sheets cheatsheet constraint-layout constraintlayout
Last synced: 2 months ago
JSON representation
A demo application for Android ConstraintLayout with various usage with sample code.
- Host: GitHub
- URL: https://github.com/hossain-khan/android-constraint-layout-cheatsheet
- Owner: hossain-khan
- License: apache-2.0
- Archived: true
- Created: 2018-04-29T14:57:39.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-06-16T15:25:19.000Z (10 months ago)
- Last Synced: 2024-10-27T12:46:58.548Z (6 months ago)
- Topics: android, android-demo, cheat-sheets, cheatsheet, constraint-layout, constraintlayout
- Language: Kotlin
- Homepage: https://developer.android.com/reference/android/support/constraint/ConstraintLayout
- Size: 17.1 MB
- Stars: 32
- Watchers: 3
- Forks: 10
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://circleci.com/gh/amardeshbd/android-constraint-layout-cheatsheet) [](https://codebeat.co/projects/github-com-amardeshbd-android-constraint-layout-cheatsheet-master) [](https://play.google.com/store/apps/details?id=com.hossainkhan.android.constraintlayout) [](https://github.com/amardeshbd/android-constraint-layout-cheatsheet/releases) 
# ConstraintLayout Demo
> NOTE: See [official demo](#bookmark-official-demo) project by Google for complete set of examples.
A demo application for Android `ConstraintLayout` with various usage with sample code.
Get the **beta** release with current snapshot!
[](https://play.google.com/store/apps/details?id=com.hossainkhan.android.constraintlayout)
## :bookmark: Official Demo
Google has official demo project that contains a list of layouts that showcases the various features and usage of
[ConstraintLayout](https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html) and
[MotionLayout](https://developer.android.com/reference/android/support/constraint/motion/MotionLayout)
See https://github.com/android/views-widgets-samples/tree/master/ConstraintLayoutExamples
## Proposed App Features
* Have a grid containing different feature set of `ConstraintLayout`
* For each feature, have different examples
* Each example should allow you to share the code snippet or copy to clipboard
* Each example may also contain additional resource links to blog or technical articles
* Example may have set of sliders/toggle to change metrics dynamically to visualize.
See **[contribution](CONTRIBUTING.md)** guideline if you want to add demos or fix something.
### `ConstraintLayout` features to cover
> _TIP: Jump to [layout resources](https://github.com/amardeshbd/android-constraint-layout-cheatsheet/tree/master/app/src/main/res/layout) directoy to see existing layouts._
- [ ] Relative positioning
* [ ] Horizontal Axis: left, right, start and end sides
* [ ] Vertical Axis: top, bottom sides and text baseline
- [ ] Margins
- [x] Centering positioning and bias
- [x] Circular positioning _(Added in 1.1)_
- [x] Visibility behavior
- [ ] Dimension constraints
* [x] Ratio
* [x] Percent dimension
* [x] Min and Max
* [ ] `MATCH_CONSTRAINT` dimensions _(Added in 1.1)_
* [ ] `WRAP_CONTENT` : enforcing constraints _(Added in 1.1)_
* [ ] Widgets dimension constraints
- [ ] Chains
* [x] Chain Style
* [x] Weighted chains
* [ ] Margins and chains _(Added in 1.1)_
- [x] Virtual Helpers objects 🥇
* [x] Guideline
* [x] Barrier
* [x] Group
- [ ] Optimizer _(Added in 1.1)_
- [x] Fully functional demo screens 🥇
* [x] Movie Details Screen
* [x] TED Talk Preview Screen
* [x] Secure PIN Entry Screen
## Objective
These are the **my** objectives for this demo application.
* To explore all the features of constraint layout
* Learn and use material design component in the sample app
* Learn and use the new architecture components in the sample app
* Learn and use proper architecture for the app - likely MVVM
* Document everything well so that future external contribution is easier
## Preview
Here is a snapshot of current progress _(This will be updated from time to time)_.
   
### Screencast
