0% found this document useful (0 votes)
53 views23 pages

Documentation

This document provides instructions for customizing a music player mobile app. It outlines how to change things like the app name, colors, logo, themes, screens and components. It also provides details on running the app in an emulator, integrating Google Play services, and adding AdMob banners and interstitial ads. The document is a guide for developers to customize various aspects of the music player app.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
53 views23 pages

Documentation

This document provides instructions for customizing a music player mobile app. It outlines how to change things like the app name, colors, logo, themes, screens and components. It also provides details on running the app in an emulator, integrating Google Play services, and adding AdMob banners and interstitial ads. The document is a guide for developers to customize various aspects of the music player app.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

Music Player

Escribe texto

by: iSomlea
created: 02/22/2022
last update: 04/20/2023
email: [email protected]
version 2.0
Requirements 3
Open project 3
Run in emulator 4
App name 6
Colors 6
Google Play 7
Logo 8
Theme 10
Player bar 11
Player full screen 12
Drawer screen 13
Drawer Components 14
Cards 15
Expandable oating action button 16
Icon button 17
Menu 18
Playlist dialogs 19
Top app bar 20
Tracks Screen Top Buttons 21
AdMob 21
fl
Requirements
• Android Studio Bumblebee 2021.1.1
• Java 11 & Kotlin

Open project
Open Android Studio, click on second option “Open an Existing Project”, search, select
the project and click on “Open” button.
Run in emulator
Before run the app, we have to create a emulator. Click on “AVD Manager”.

On the next screen, click on “Create virtual device”.

Select “Phone” and any device (Pixel 4 XL in this case) and click on “Next” button.
On the next screen, change “AVD Name” if you want and click on “Finish” button.

Select the device and click on “Run app” button.


App name

To change app name, we have to go to:

• app
• res
• values
• strings
• look for the string with the key: app_name and change the name

Colors
To change or add more colors in the project:

• app
• ui
• theme
• Color
Google Play
Before upload to Google Play, the app must have an unique package.
To change the package:

• Right click on parent package


• Refactor
• Change package
• Click on “Refactor”
Logo
To change the logo of the app:

• Right click on app folder


• New
• Image Asset

You can import your logo from “Foreground ayer” and reside or create one using

• Image
• Clip art
• Text
Set background from “Background layer”

• Color
• Image
Theme
To edit theme, go to: app -> ui -> theme -> Theme
Player bar
To edit player bar, go to: app -> ui -> player -> PlayerToolbar
Player full screen
To edit player full screen, go to: app -> ui -> player -> PlayerFullScreen
Drawer screen
To edit drawer screen, go to: app -> ui -> mainnav -> DrawerScreen
Drawer Components
To edit drawer components, go to: app -> ui -> components -> drawer
Cards
To edit all cards, go to: app -> ui -> components -> cards -> …
Expandable oating action button
To edit, go to: app -> ui -> components -> button -> ExpandableFAB
fl
Icon button
To edit, go to: app -> ui -> components -> button -> IconBtn
Menu
To edit all menus, go to: app -> ui -> components -> menu -> …
Playlist dialogs
To edit create/add to playlist dialog, go to: app -> ui -> components -> playlist …
Top app bar
To edit top app bar, go to: app -> ui -> components -> topbar -> …
Tracks Screen Top Buttons
To edit buttons, go to: app -> ui -> components -> TracksControlsButtons

AdMob
To create banner ad: https://support.google.com/admob/answer/7311346?hl=en
To create interstitial ad: https://support.google.com/admob/answer/7311435?
hl=en&ref_topic=7384409

Add you application id to manifest:


Change banner adUnitId from AdmobBanner.

You might also like