androidkotlinautocompletetextview

Styling AutocompleteSupportFragment using Kotlin


I'm trying to change the style of my AutocompleteSupportFragment field

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:id="@+id/llSearchHolder"
    android:padding="7dp">
    <fragment android:id="@+id/autocomplete_fragment"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:name="com.google.android.libraries.places.widget.AutocompleteSupportFragment"
        android:hint="@string/Iam_going_to"
    />
</LinearLayout>

I tried implementing answers on this page but I will always get Caused by: java.lang.ClassCastException: android.widget.LinearLayout cannot be cast to android.widget.EditText error. I'm using Kotlin, so my code looks like below:

val autocompleteFragment = supportFragmentManager.findFragmentById(R.id.autocomplete_fragment) as AutocompleteSupportFragment?
autocompleteFragment!!.setPlaceFields(Arrays.asList(Place.Field.ID, Place.Field.NAME));
((autocompleteFragment.getView()!!.findViewById(R.id.autocomplete_fragment)) as EditText).textSize = 30.0f

Solution

  • You need to use below code

    ((autocompleteFragment.getView()!!.findViewById(R.id.places_autocomplete_search_input)) as EditText).textSize = 30.0f
    

    or more Kotlin way,

    autocompleteFragment.view?.findViewById<EditText>(R.id.places_autocomplete_search_input)?.textSize = 30.0f
    

    The correct id of EditText is places_autocomplete_search_input not autocomplete_fragment


    Analysis of the problem

    You are using Fragment com.google.android.libraries.places.widget.AutocompleteSupportFragment in your xml

    While looking into the code of AutocompleteSupportFragment Fragment, you can see it uses layout places_autocomplete_fragment.xml. Code below

    public class AutocompleteSupportFragment extends Fragment {
        ....
    
        public AutocompleteSupportFragment() {
            super(layout.places_autocomplete_fragment);
            ....
        }
    }
    

    Now, if you look into places_autocomplete_fragment.xml, you can see id of EditText is places_autocomplete_search_input, code below

    <?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:focusable="true"
        android:focusableInTouchMode="true"
        android:gravity="center"
        android:layoutDirection="locale"
        android:orientation="vertical"
        android:textDirection="locale">
    
      <ImageButton
          android:id="@+id/places_autocomplete_search_button"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_weight="0"
          android:background="@null"
          android:contentDescription="@string/places_autocomplete_search_hint"
          android:padding="@dimen/places_autocomplete_button_padding"
          android:src="@drawable/quantum_ic_search_grey600_24" />
    
      <EditText
          android:id="@+id/places_autocomplete_search_input"
          android:layout_width="0dp"
          android:layout_height="match_parent"
          android:layout_weight="1"
          android:background="@null"
          android:focusable="false"
          android:focusableInTouchMode="false"
          android:hint="@string/places_autocomplete_search_hint"
          android:inputType="textNoSuggestions"
          android:lines="1"
          android:maxLines="1"
          android:paddingLeft="@dimen/places_autocomplete_search_input_padding"
          android:paddingRight="@dimen/places_autocomplete_search_input_padding"
          android:singleLine="true"
          android:textColor="@color/places_autocomplete_search_text"
          android:textColorHint="@color/places_autocomplete_search_hint"
          android:textSize="@dimen/places_autocomplete_search_input_text" />
    
      <ImageButton
          android:id="@+id/places_autocomplete_clear_button"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_weight="0"
          android:background="@null"
          android:contentDescription="@string/places_autocomplete_clear_button"
          android:padding="@dimen/places_autocomplete_button_padding"
          android:src="@drawable/quantum_ic_clear_grey600_24" />
    
    </LinearLayout>