How to add gradient screen in the kotlin
Introduction :
A gradient screen in Android refers to a background with a smooth transition between two or more colors. This effect enhances the visual appeal of your app’s interface, providing a modern and dynamic look. Gradients can be linear, radial, or angular, allowing flexibility in design to suit various themes and styles.
Steps :
Step 1: Open the project in Android Studio, navigate to the res/drawable folder, and create a new drawable resource file with the desired name.

Step 2: Open the created file and change the selector to shape.

Step 3: I have selected the linear option for the gradient. You can choose from three options—linear, radial, or sweep—based on what works best for your project’s design.

Step 4: Add the start color, end color, and angle to the gradient properties. This will display the gradient on the UI screen.

Step 5: Import the gradient file into the layout where you want to apply it. For example, I added the gradient file to activity_main.xml. Similarly, you can add the gradient file to any layout where you need it.

Conculsion :
Adding a gradient background to your Android app enhances its visual appeal and provides a modern, dynamic look. By following these simple steps—creating a drawable resource file, defining the gradient properties (like start color, end color, and angle), and applying it to your layout—you can easily implement gradients in your UI. Whether using a linear, radial, or sweep gradient, you have the flexibility to choose the option that best suits your app’s design needs. This technique helps create an engaging user experience and a polished, professional appearance for your app.