Popularity
6.8
Growing
Activity
1.9
-
742
20
130

Description

This is a sample app demonstrating Youtube UX/UI animation using ConstraintLayout.It implements the Keyframe Animation feature in ConstrainLayout.This sample app is built on Android Architecture Components

Proudly 💪 made in Kotlin

Programming language: Kotlin
Tags: Kotlin     UI     Android     Animations     App     Java     Layout     Views     Android-library     Constraint-layout     Youtube    
Latest version: v1.0.0

Youtube UI/UX Animation alternatives and similar packages

Based on the "Animations" category

Do you think we are missing an alternative of Youtube UI/UX Animation or a related project?

Add another 'Animations' Package

README

Youtube UI/UX Animation

License API Uplabs AndroidWeekly AwesomeAndroid Mindorks

This is a sample app demonstrating Youtube UX/UI animation using ConstraintLayout.It implements the Keyframe Animation feature in ConstrainLayout.This sample app is built on Android Architecture Components

Proudly :muscle: made in Kotlin

Features

  • Smooth Draggable Animation
  • Customizable Video Player
  • Dependency Injection (Dagger 2)
  • MVVM Architecture pattern using Android Architecture Components

How does it looks

This video demonstarte the app animation.

Direct Video Link

The Concept - Animation

Below image shows how the layout has been desgin using guidelines and all the Fragments are constraints to this guidelines. When user drag the video fragment we starts scaling up/down the guideline values which scale the fragments automatically that's the advantage of using constraint layout with guidelines

Customization

Fragment FrameLayout Usage
HomeFragment , TradeFragment , LibraryFragment and UserActivityFragment frmHomeContainer This layout hold Fragments added from BottomNavigation bar
VideoPlayerFragment frmVideoContainer This will have the video player
VideoDetailsFragment frmDetailsContainer Contains Video Details Layout Desgin
BaseBottomNavigationView bottomNavigation Bottom Navigation bar

Architecture

The app uses ViewModel to abstract the data from UI and MovieRepository as single source of truth for data. MovieRepository first fetch the data from database if exist than display data to the user and at the same time it also fetches data from the webservice and update the result in database and reflect the changes to UI from database.

How to contribute?

Questions?🤔

Hit me on twitter Twitter Medium Facebook

Resources

Credits

Its inspired from Youtube Android App

License

Copyright 2018 Burhanuddin Rashid

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.


*Note that all licence references and agreements mentioned in the Youtube UI/UX Animation README section above are relevant to that project's source code only.