Music Player

  • UI design: Figma - Music Mobile App UI

  • Intuitive Three-Layer Design: Navigate effortlessly between three distinct interfaces. The central interface features a sleek display of the current track’s album cover along with essential playback widgets.

  • Swipe Navigation: With a simple swipe, transition to the top interface to access your song list.

  • Lyric Display: Swipe down to reveal the lyrics interface, which is a full-screen display of lyrics, synchronized with the music.

  • Smooth Animation: Enjoy a beautiful and fluid transition between interfaces with unique zoom animation, bringing the album cover to life as you switch between viewing options.



Implementation

Code

Function void app_music_ui_design(gui_obj_t *obj) is located in file realgui/example/screen_454_454/gui_menu/app_music.cpp.

Widgets Tree Design

https://foruda.gitee.com/images/1737429147962828506/953bab9f_13408154.png

Widgets Tree Design