Welcome back.
We've added our model to ML package inside Android Studio.
Now let's create a new package named as screens and inside it.
Let's start creating our user interface.
Select new Kotlin file and name it as Car Mileage Predictor Screen.
Inside this file, create a new composable and let's name it as Car Mileage Predictor screen.
It takes a context object as a parameter.
And inside this composable, let's start designing our user interface.
We need to create a section for variables that later we're going to add some variables here for state
management.
Start with surface.
Inside this surface set the modifier equals to fill maximum size color material theme color schema background
Alt+.
Enter to import the material theme.
And here inside this surface we need to create other Composables.
Let's start with column column.
Let's add those that DP import extension.
Remember scroll state and alignment.
Inside this column, define the text for the title Car Mileage predictor.
Okay, this is our text, the car mileage predictor.
Now let's add the input form.
So here the input form I'll skip it for now.
In the next videos we're gonna talk about it.
And we have the predict button button and click.
We need to configure it later on.
Okay.
This is for later configuration.
The on click event.
Let's add some other settings modifier 16 dpi.
Or you can make it like um modifier dot fill maximum width enable.
Also we're going to configure it.
Let me make it true for now.
And here we go.
This is actually the basics of our user interface.
We need to uh to add the input form the the form that allows us to enter the nine parameters that you
remember, the number of cylinders, the displacement, weight, horsepower, origin, and so on.
This is the input form that we're gonna create.
Allow the user to enter all those information.