Code Monkey home page Code Monkey logo

music-player's Introduction

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.

music-player's People

Contributors

andremion avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

music-player's Issues

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 recorded here

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 ? :-)

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

gift for andremion

hi i'm a graphic designer .. can i make a logo for your application? :) You may not use it if you do not like it, I make its logo as a gift

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

This article hyperlink failed

Hi,This article hyperlink failed
I can not read your article through links

https://medium.com/@andremion/music-player-3a85864d6df7#.iklz50r6n

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.