# InstaMaterial

**Repository Path**: zxgit/InstaMaterial

## Basic Information

- **Project Name**: InstaMaterial
- **Description**: No description available
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-12-19
- **Last Updated**: 2023-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

InstaMaterial
=============

### Updated

Current source code contains UI elements from [Design Support Library](http://android-developers.blogspot.com/2015/05/android-design-support-library.html). If you still want to see how custom implementations of e.g. Floating Action Button or Navigation drawer work, just checkout this source code on tag [Post 8](https://github.com/frogermcs/InstaMaterial/tree/Post-8).

Source code for implementation of Instagram with Material Design (based on Emmanuel Pacamalan's concept). 

[INSTAGRAM with Material Design](https://www.youtube.com/watch?v=ojwdmgmdR_Q) concept video

[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-InstaMaterial-brightgreen.svg?style=flat)](https://android-arsenal.com/details/3/1462)

## Summary
The summary of making of InstaMaterial project is available on blog:  [Instagram with Material Design concept is getting real](http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real-the-summary/)

### Current build 

The most recent app version is available [here](https://github.com/frogermcs/frogermcs.github.io/raw/master/files/10/InstaMaterial-release-1.0.1-2.apk)

### Full showcase of application

[![App showcase](http://img.youtube.com/vi/VpLP__Vupxw/0.jpg)](http://www.youtube.com/watch?v=VpLP__Vupxw)

## Blog posts
[Getting started - opening the app](http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real)

Implemented elements and effects:

* Application intro transitions 
* Toolbar
* Floating action button
* RecyclerView

[![Opening app animation](http://img.youtube.com/vi/fYhpc1LddHE/0.jpg)](http://www.youtube.com/watch?v=fYhpc1LddHE)

---

[Comments transition](http://frogermcs.github.io/Instagram-with-Material-Design-concept-part-2-Comments-transition/)

Implemented elements and effects:

* Comments view enter and exit transition

[![Comments view transition](http://img.youtube.com/vi/b8OOaluag-w/0.jpg)](http://www.youtube.com/watch?v=b8OOaluag-w)

---

[Feed and comment buttons](http://frogermcs.github.io/InstaMaterial-concept-part-3-feed-and-comments-buttons/)

Implemented elements and effects:

* Send button animation in comments view
* ViewAnimator
* Ripples
* RecyclerView smoothness

[![Feed and comment buttons](http://img.youtube.com/vi/GWKiN3la_CQ/0.jpg)](http://www.youtube.com/watch?v=GWKiN3la_CQ)

---

[Feed context menu](http://frogermcs.github.io/InstaMaterial-concept-part-4-feed-context-menu/)

Implemented elements and effects:

* Floating context menu for feed item

[![Context menu](http://img.youtube.com/vi/eQwFwJ4Glyc/0.jpg)](http://www.youtube.com/watch?v=eQwFwJ4Glyc)

---

[Like action effects](http://frogermcs.github.io/InstaMaterial-concept-part-5-like_action_effects/)

Implemented elements and effects:

* Like counter
* Like button animation
* Like photo animation
* AnimatorSet
* ObjectAnimator
* TextSwitcher

[![Like action effects](http://img.youtube.com/vi/KbJQ99EY5Yk/0.jpg)](http://www.youtube.com/watch?v=KbJQ99EY5Yk)

---

[User profile](http://frogermcs.github.io/InstaMaterial-concept-part-6-user-profile/)

Implemented elements and effects:

* User profile
* Circural user photo
* Circural reveal transition
* ViewPropertyAnimator

[![User profile](http://img.youtube.com/vi/EmQM0B6QPac/0.jpg)](http://www.youtube.com/watch?v=EmQM0B6QPac)

---

[Navigation Drawer](http://frogermcs.github.io/InstaMaterial-concept-part-7-navigation-drawer/)

Implemented elements and effects:

* Navigation Drawer
* DrawerLayoutIstaller

[![Navigation Drawer](http://img.youtube.com/vi/rRYN1le1-ZM/0.jpg)](http://www.youtube.com/watch?v=rRYN1le1-ZM)

---

[Capturing photo](http://frogermcs.github.io/InstaMaterial-concept-part-8-capturing-photo/)

Implemented elements and effects:

* Camera preview
* Capturing photo
* Circular reveal

[![Capturing photo](http://img.youtube.com/vi/0w3lGJIISTo/0.jpg)](http://www.youtube.com/watch?v=0w3lGJIISTo)

---

[Publishing photo](http://frogermcs.github.io/InstaMaterial-concept-part-9-photo-publishing/)

Implemented elements and effects:

* Custom view drawing
* Intent flags

[![Publishing photo](http://img.youtube.com/vi/YgvE3cl34ps/0.jpg)](http://www.youtube.com/watch?v=YgvE3cl34ps)