From UI Proposal to Code :notes::arrow_forward:

Overview

Icon

Music Player: From UI Proposal to Code

This is a prototype made for the article. This is not a real music player and don't expect it is.

Some developers have difficult to code when the UI proposal is a bit “sophisticated” or “complex”. Many of them strip a lot of significant portion of the UI or even the Motion when they are coding, and the result ends up quite different of the original proposal.

This article talks about how would be to code an UI proposal, skipping some basic Android details and focusing on transition and animation approach...

Read more at here

Special thanks to michaelizer for the awesome logo.


License Apache 2.0 minSdkVersion 21 compileSdkVersion 27

Android Arsenal MaterialUp Music-Player Android Sweets #27 Awesome Android #22

Transition by Anish Chandran Code by André Mion
Transition by Anish Chandran Code by André Mion

Libraries and tools used in the project

  • Design Support Library The Design package provides APIs to support adding material design components and patterns to your apps.
  • MusicCoverView A Subclass of ImageView that 'morphs' into a circle shape and can rotates. Useful to be used as album cover in Music apps.
  • RecyclerView A flexible view for providing a limited window into a large data set.
  • PercentRelativeLayout Subclass of RelativeLayout that supports percentage based dimensions and margins.

License

Copyright 2016 André Mion

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.
Comments
  • How amazing the work is !

    How amazing the work is !

    Hello,I am a Chinese Android developer. I think your work is wonderful,it should be watched by more people,so I want to translate your article into Chinese and release it in my blog. Certainly,I will add reference and your link. Could I ? :-)

    opened by siegeout 5
  • a good amount of maintenance work

    a good amount of maintenance work

    • fix some english
    • update some links
    • target pie
    • java 1.8 compatibility
    • gradle 4.4 -> 4.10.2
    • android studio 3.1.3 -> 3.2.1
    • migrate app to appCompat
    • migrate to androidx
    opened by TacoTheDank 1
  • bug on music player demo

    bug on music player demo

    when i clicked the three dots, it didn't respond...i tried it several times but all to no avail. please kindly fix.

    android version----7.0

    get the link to the video i recordedhere

    invalid 
    opened by cckole 1
  • Unable to play any song on the Music player

    Unable to play any song on the Music player

    EXPECTED BEHAVIOR

    When i want to played any music of my choice I should be able to clicked and play.

    ACTUAL BEHAVIOUR

    When i clicked on any music to play, there was no response and i was unable to play any song

    HOW TO REPRODUCE

    Launch the app and open

    Click on any song of your choice and note the bug

    Device used: Tecno Droipad 7D

    Operating system: Android version 7.0

    App version: 1.0.1

    Recording of the Bug https://youtu.be/HJ-vFYmIWIk

    invalid 
    opened by darewealth 1
  • cant forward and next on music player demo

    cant forward and next on music player demo

    EXPECTED BEHAVIOR

    When i played music on the app I should be able to forward or next the music i am playing.

    ACTUAL BEHAVIOUR

    When music was played on the app i was unable to forward and next on the app

    HOW TO REPRODUCE

    Launch the app and open

    Click on play icon to play song click on next icon and forward icon and note the bug

    Device used: Tecno Droipad 7D

    Operating system: Android version 7.0

    App version 1.0.1

    Recording of the Bug

    https://youtu.be/RQZdaJlHnrY

    invalid 
    opened by darewealth 1
  • No sound while playing music

    No sound while playing music

    EXPECTED BEHAVIOR

    When i played music on the app I should be able to hear the music i am playing.

    ACTUAL BEHAVIOUR

    When i clicked on play icon on the app to play music, there was no sound and i was unable to hear any song

    HOW TO REPRODUCE

    Launch the app and open

    Click on play icon to play song and note the bug

    Device used: Tecno Droipad 7D

    Operating system: Android version 7.0

    App version 1.0.1

    Recording of the Bug

    https://youtu.be/Hj4ncHuHvTM

    invalid 
    opened by darewealth 1
Releases(SNAPSHOT3)
Owner
André Mion
🇧🇷 Android Engineer living in 🇵🇹 • Full time Husband and Dad • Occasionally Drummer and Inline Skater… I build mostly Android stuffs…
André Mion
A simple textfield for adding quick notes without ads.

Simple Notes A simple textfield for adding quick notes. Need to take a quick note of something to buy, an address, or a startup idea? Then this is the

Simple Mobile Tools 670 Dec 31, 2022
A simple Notes Android app

Taskie - A Note Taking MVVM Application! Designed a simple Notes Android app following features A simple Notes Android app following features Single a

Chetan Gupta 13 Aug 1, 2022
Easy Note: Building a Notes app using MVVM, JetPack Compose with a clean multi-module architecture approach.

Easy Note Easy Note: Notes app using JetPack Compose and MVVM with a clean architecture approach. This app shows the usage of the new Navigation Archi

Akhilesh Patil 10 Dec 17, 2022
A simple and completely secured notes android app

Notes Our very first project A simple and completely secured notes app Your data is stored in a completely isolated mechanism which minimizes the risk

karan goyal 1 Nov 14, 2021
An educational android app that provides services like notes, online videos and visualization calculator to learn and understand deep concepts of DSA.

Aldo ALDO is a free education app for the young programmers who are desiring to master the concepts of Data Structure and Algorithms. ALDO offers prac

Siddharth Singh 2 Aug 8, 2022
BlueNote-Android - an android app that provides simple notes and answer

BlueNote AnswerSheet Blue Note is an android app that provides simple notes and

HyukJin Kwon 0 Jan 4, 2022
Note-Taking-App - Android application which can be used to take notes

Android application which can be used to take notes.The application uses Recycle

Utkarsh Panwar 0 Jan 30, 2022
Android-Study-Jams-BSIOTR - NotaRank - Easy notes taking app for students

Android Study Jams BSIOTR Notarank : Notes Taking app Problem Statements The env

null 2 Jan 10, 2022
A notes taking app.

NoteDroid A simple android app written in Kotlin to take notes and be productive. This app was built under Android Study Jams 2021 for students to lea

Google Developer Student Clubs - SNU 2 Jan 10, 2022
GOD - Goal of the day is the notes app which tracks your daily tasks, most important tasks & monthly goals

GOD - Goal of the day GOD - Goals of the day Problem Statement: People always face problems in finding their goals and keeping track over a period. Th

Shubham Jitiya 1 Jan 16, 2022
Easy-Note - Easy Note Application will help user to add and update their important notes

Easy-Note ??️ Easy Note App helps you to create your notes. You can ?? edit and

Ade Amit 0 Jan 30, 2022
Personal notes and reminders app

Notes App App de anotações e lembretes pessoais, onde é possível adicionar um título com texto de componente, mudar a cor do lembrete, editar ou delet

Ruan Ruiz 1 Mar 4, 2022
Simple Notes app demonstrates modern Android development with Hilt, Material Motion, Coroutines, Flow, Jetpack (Room, ViewModel) based on MVVM architecture.

Simple Notes app demonstrates modern Android development with Hilt, Material Motion, Coroutines, Flow, Jetpack (Room, ViewModel) based on MVVM architecture.

Aravind Chowdary 2 Sep 3, 2022
Noted is a Clean Architectured android application for taking personal notes

Noted is an android application for taking notes. The user can create, edit, review, and delete notes. They also can specify a category for each note.

null 0 Apr 25, 2022
Simple Notes app, MVVM with Google Architectural components Room database, LiveData and ViewModel. Written in Kotlin using androidx libraries

Simple Notes app, MVVM with Google Architectural components Room database, LiveData and ViewModel. Written in Kotlin using androidx libraries. Implemented Firebase Auth and Database, and used Room database

Javokhir Jambulov 3 Aug 1, 2022
Freenet Org Website Development Notes

Freenet Org Website Development Notes Overview This is the repository for the Freenet project website. It is built on the Kweb framework in Kotlin, an

The Freenet Project 5 Dec 23, 2022
Is an All in One app for Muslims with lots of features such as Prayer Times & Adhan, Collections of Dhikr and Prayer sourced from Authentic Hadith, The Holy Qur'an, Qibla, Notes and many more!

DzikirQu Is an All in One app for Muslims with lots of features such as Prayer Times & Adhan, Collections of Dhikr and Prayer sourced from Authentic H

DzikirQu 112 Dec 26, 2022
Techbee e.U. 62 Jan 31, 2023