Music Player: From UI Proposal to Code

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
Music Player - This is a basic music player built with Android Studio and Kotlin

Music Player Made by Jenny Cárdenas This is a basic music player built with Android Studio and Kotlin, it shows two views in the UI, the user can play

Jenny C 3 Oct 28, 2021
TunePlayer is a basic music player app aimed at showing how MusicServiceCompat and MusicBrowerCompat can be used to build a music playback service

TunePlayer TunePlayer is a basic music player app aimed at showing how MusicServiceCompat and MusicBrowerCompat can be used to build a music playback

Abdulmalik 6 Nov 18, 2022
This is a local music player, imitates the UI of Netease Music client.

Introduce This is a local music player, imitates the UI of Netease Music client. The UI was built on Jetbrains Compose. Screenshot Features Parse and

Konyaco 4 Dec 10, 2022
This is a local music player, imitates the UI of Netease Music client.

Introduce This is a local music player, imitates the UI of Netease Music client. The UI was built on Jetbrains Compose. Screenshots Features Parse and

Konyaco 4 Dec 10, 2022
SocyMusic is an open-source Android music player written in Java with the aim of creating an easy-to-use app for exchanging and listening to top-quality music. Help us create it!

SocyMusic SocyMusic is an open-source Android music player written entirely in Java. It's objectives are to provide top-quality music to everyone for

Benji 23 Dec 26, 2022
Auxio is a local music player with a fast, reliable UI/UX without the many useless features present in other music players

Auxio A simple, rational music player for android. FAQ | Licenses | Contributing | Architecture About Auxio is a local music player with a fast, relia

null 3 Mar 21, 2022
Blade is an open source music player for Android, allowing you to play music from multiple services : files on your phone, Spotify, and more.

Blade Player Blade is an open source music player for Android, allowing you to play music from multiple services : files on your phone, Spotify, and m

Valentin HAUDIQUET 72 Jan 5, 2023
Android music player example.

Android music player example.

Chien 21 Jul 29, 2022
A elegant and light weight music player for android

A elegant and light weight music player for android

Atul Patare 45 Dec 21, 2022
Best material design music player for Android

Metro Material Design music player for Android music lovers Table of contents Downloads Differences between Metro and RetroMusicPlayer Screenshots App

Muntashir Al-Islam 684 Jan 1, 2023
Lightweight and Material designed Music Player

Music Player Lightweight and Material designed Music Player Based on Phonograph Features: Settings: Active tabs management Themes: Light, Dark, Black

Max 273 Dec 11, 2022
🎶🎼 Very slim music player 👨‍🎤 100% made in Italy 🍕🌳🌞🍝🌄

Source code for the Android music player Music Player GO

Enrico D'Ortenzio 1.2k Jan 2, 2023
Odyssey music player

Odyssey This whole project is licensed under the GPLv3 or later license (see LICENSE) Screenshots Please check out the Frequently Asked Questions This

Gateship-One 203 Jan 5, 2023
Shuttle is an open source, local music player for Android.

Shuttle Music Player Shuttle is an open source, local music player for Android. Shuttle comes in two flavours: Shuttle (free) Shuttle+ The free versio

Tim Malseed 2.2k Jan 4, 2023
A material designed music player for Android

Vinyl Music Player A material designed local music player for Android. Forked from Phonograph; makes all Pro features free, as they used to be. Additi

Adrien Poupa 581 Dec 30, 2022
A clean music player with a customizable widget, stylish interface and no ads.

Simple Music Player A clean music player with a customizable widget. A music player easily controllable from the status bar, home screen widget or by

Simple Mobile Tools 965 Jan 4, 2023
Auxio - A simple, rational music player for android.

Auxio is a local music player with a fast, reliable UI/UX without the many useless features present in other music players. Built off of Exoplayer, Auxio has a much better listening experience compared to other apps that use the native MediaPlayer API. In short, It plays music.

OxygenCobalt 800 Jan 2, 2023
An offline music player android app, with modern UI and powerful features

Pulse Music An offline music player android app, with modern UI and powerful features If you liked this repo, fork it and leave a STAR. Your support m

Sharath 7 Apr 11, 2022
Android Offline Music Player

Howl Music Player A sleek and minimal offline music player made wit. Features Sleek and responsive UI , following material design Minimal layout with

LooKeR 145 Jan 8, 2023