Skip to main content

How to change the text color of a button in Kotlin Android

How to change the text color of a button in Kotlin Android.

Here's a step-by-step tutorial on how to change the text color of a button in Kotlin Android:

Step 1: Create a new Android project​

Start by creating a new Android project in Android Studio. Choose an appropriate project name, package name, and other project settings.

Step 2: Design the layout​

In the activity_main.xml file located in the res/layout directory, add a Button element. You can modify its attributes such as text, size, and position as needed. For example:

<Button
    android:id="@+id/myButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me"
    android:textSize="18sp"
    android:layout_gravity="center" />

Step 3: Find the button in the activity​

In the MainActivity.kt file, find the reference to the button using findViewById(). Add the following code inside the onCreate() method:

val myButton = findViewById<Button>(R.id.myButton)

Step 4: Change the text color programmatically​

To change the text color of the button programmatically, you can use the setTextColor() method. Add the following code after finding the button:

myButton.setTextColor(Color.RED)

This code sets the text color of the button to red. You can change the color to any desired value by using different color constants or specifying a specific color value.

Step 5: Change the text color using a color resource Instead of hardcoding the color value, you can use a color resource defined in the colors.xml file. To do this, create a color resource in the colors.xml file:

<color name="buttonTextColor">#FF0000</color>

Then, modify the code in Step 4 to use the color resource:

myButton.setTextColor(ContextCompat.getColor(this, R.color.buttonTextColor))

This code fetches the color from the color resource and sets it as the text color of the button.

Step 6: Test the app​

Run the app on an emulator or a physical device to see the changes. The text color of the button should now be updated according to the code you added.

That's it! You have successfully changed the text color of a button in Kotlin Android. You can experiment with different colors and customize the button's appearance to fit your app's design.