Skip to main content

How to set a custom title for ImagePicker in Kotlin Android

How to set a custom title for ImagePicker in Kotlin Android.

Here is a step-by-step tutorial on how to set a custom title for ImagePicker in Kotlin Android.

Step 1: Add the necessary dependencies​

To use the ImagePicker library, you need to add the following dependencies to your app's build.gradle file:

implementation 'com.github.dhaval2404:imagepicker:1.7.0'
implementation 'com.github.bumptech.glide:glide:4.12.0'

Step 2: Create a custom title layout​

First, you need to create a custom layout file for the title. In this layout file, you can define the title text and any other customizations you want. For example, let's create a layout file called custom_title_layout.xml with the following contents:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/title_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Custom Title"
        android:textSize="18sp"
        android:textColor="#000000" />

</LinearLayout>

Step 3: Initialize ImagePicker with custom title​

In your activity or fragment, you need to initialize the ImagePicker library and set the custom title. Here's an example of how you can do it:

import com.github.dhaval2404.imagepicker.ImagePicker
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Set custom title
        val customTitleView = LayoutInflater.from(this).inflate(R.layout.custom_title_layout, null)
        val titleText = customTitleView.findViewById<TextView>(R.id.title_text)
        titleText.text = "My Custom Title"

        // Initialize ImagePicker with custom title
        ImagePicker.with(this)
            .setTitleView(customTitleView)
            .start()
    }
}

In the above example, we inflate the custom title layout custom_title_layout.xml and set the title text to "My Custom Title". Then, we pass the custom title view to the setTitleView() method of the ImagePicker library.

Step 4: Handle the selected image​

To handle the selected image, you need to override the onActivityResult() method in your activity or fragment. Here's an example of how you can do it:

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
    super.onActivityResult(requestCode, resultCode, data)

    if (resultCode == Activity.RESULT_OK && requestCode == ImagePicker.REQUEST_CODE) {
        val imageUri = data?.data
        // Do something with the selected image URI
    }
}

In the onActivityResult() method, you can retrieve the selected image URI from the data Intent and perform any further processing or handling as needed.

That's it! You have successfully set a custom title for ImagePicker in Kotlin Android. You can customize the title layout further by adding more views or applying different styles.