Your First Kotlin Android App: Polishing the App
This course is the sequel to “Your First Kotlin Android App: An App from Scratch.” In this Jetpack Compose course, we’ll finish off programming Bullseye to add some nice touches and features to make it look professional and polished. By Emmanuel Okiche.
Learning path
This is part of the Android & Kotlin for Beginners learning path. View path.
Who is this for?
This course is for people getting started with Android development and that have completed the “Your First Kotlin Android App: An App from Scratch” or have equivalent knowledge.
Covered concepts
- More Android & Jetpack Compose Features
- Styling and Theming using Material Design 3
- Working with Assets and Resources
- Refactoring Code
- Navigation
- Splash Screen
- App Icon and Display Name
- Run app on a real device
Part 1: Build Out the App
Get introduced to the course and learn about what you’ll be making in this course
- Finishing off the Bull’s Eye app from the first course.
Explore the Android Manifest file by setting the screen orientation to landscape and learn how to hide the notifications bar.
Complete the UI for Bullseye by adding other controls, game board and setting the screen orientation to landscape.
Get started with the course by learning how to display and increment the total score in the UI. Also learn how to generate a new target value.
Learn how to keep track of the current round for the Bullseye game.
Use conditional statements to display different messages on the alert dialog based on the player’s performance.
Implement the bonus point feature based on how close the player is to the target value.
Learn to build the “Restart Game” feature which is triggered whenever the start over button is clicked.
Get a summary of what has been covered so far and what to expect in the next part.
Part 2: Style the App
Get an overview of what we’ll be covering in this part and why it’s important.
Get an overview of how apps are styled in Android. Explore and configure the Theme files provided in the Android project.
Learn how to style the text components in the app.
Create custom styles for your buttons.
Get challenged!!! Style the info button to have an icon and a rounded shape.
Learn how to style the slider’s track and thumb to give it a custom look.
Round off the styling for the app by adding a background image for the app.
Get a summary of what has been covered so far and what to expect in the next part.
Part 3: Finish the App
Get an overview of what we’ll be covering in this part and why it’s important.
And and design the About Screen for the Bullseye app.
Learn about dependencies and navigation in Jetpack Compose and use it to navigate to the About screen.
Add in the back button functionality in the TopAppBar of the AboutScreen.
The core features of the Bullseye app are complete. It’s time to set up app icons and display name to give it a more professional look.
Learn to create a custom splash screen for the Bullseye app.
Learn how to setup and run Bull’s Eye on a real Android device.
Get a refresher of what was covered in this course and what to expect in the next course in your Android development journey.