Android MultiAutoCompleteTextView




Android MultiAutoCompleteTextView


  • MultiAutoCompleteTextView Creation in Android.
  • RunTime Add Item to MultiAutoCompleteTextView.
  • GetText from MultiAutoCompleteTextView.
  • AutoCompleteTextView vs MultiAutoCompleteTextView.


MultiAutoCompleteTextView Creation in Android.

    Step 1 : Select File -> New -> Project -> Android Application Project (or) Android Project. Fill the forms and click "Finish" button. If you have any doubt regarding create a new project Click Here.

    Step 2 : Open res -> layout -> activity_main.xml (or) main.xml and add following code :


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <MultiAutoCompleteTextView
            android:id="@+id/multiAutoCompleteTextView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="61dp"
            android:ems="14"
            android:hint="MultiAutoCompleteTextView" >

            <requestFocus />
        </MultiAutoCompleteTextView>

    </RelativeLayout>

    Step 3 : Open src -> package -> MainActivity.java and add following code :

    package com.gudivada.hemanthsomaraju;

    import android.os.Bundle;
    import android.app.Activity;
    import android.view.Menu;
    import android.widget.ArrayAdapter;
    import android.widget.MultiAutoCompleteTextView;

    public class MainActivity extends Activity {

        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
       
            String[] str={"Andoid","Jelly Bean","Froyo",
             "Ginger Bread","Eclipse Indigo","Eclipse Juno","Somaraju Hemanth","Hemanth Somaraju"};
       
            MultiAutoCompleteTextView mt=(MultiAutoCompleteTextView)
             findViewById(R.id.multiAutoCompleteTextView1);
       
            mt.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
       
            ArrayAdapter<String> adp=new ArrayAdapter<String>(this,
             android.R.layout.simple_dropdown_item_1line,str);
       
            mt.setThreshold(1);
            mt.setAdapter(adp);
        }

        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        }
    }

    Step 4 : Open AndroidManifest.xml and add following code :

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.gudivada.hemanthsomaraju"
        android:versionCode="1"
        android:versionName="1.0" >

        <uses-sdk
            android:minSdkVersion="8"
            android:targetSdkVersion="19" />

        <application
            android:allowBackup="true"
            android:icon="@drawable/ic_launcher"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
            <activity
                android:name="com.gudivada.hemanthsomaraju.MainActivity"
                android:label="@string/app_name" >
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />

                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>

    </manifest>


    Step 5 : Our output will be like this :




    RunTime Add Item to MultiAutoCompleteTextView.

      Step 1 : Select File -> New -> Project -> Android Application Project (or) Android Project. Fill the forms and click "Finish" button. If you have any doubt regarding create a new project Click Here.

      Step 2 : Open res -> layout -> activity_main.xml (or) main.xml and add following code :


      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="match_parent"
          android:layout_height="match_parent" >

          <EditText
              android:id="@+id/editText1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="22dp"
              android:ems="10" >

              <requestFocus />
          </EditText>

          <Button
              android:id="@+id/button1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@+id/editText1"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="20dp"
              android:text="Add" />

          <MultiAutoCompleteTextView
              android:id="@+id/multiAutoCompleteTextView1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@+id/button1"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="20dp"
              android:ems="15"
              android:hint="MultiAutoCompleteTextView" />

      </RelativeLayout>


      Step 3 : Open src -> package -> MainActivity.java and add following code :

      package com.gudivada.hemanthsomaraju;

      import java.util.ArrayList;
      import java.util.List;
      import android.os.Bundle;
      import android.app.Activity;
      import android.view.Menu;
      import android.view.View;
      import android.widget.ArrayAdapter;
      import android.widget.Button;
      import android.widget.EditText;
      import android.widget.MultiAutoCompleteTextView;
      import android.widget.Toast;

      public class MainActivity extends Activity {

      List<String> li;
      MultiAutoCompleteTextView auto;

          @Override
          public void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
         
              li=new ArrayList<String>();
              li.add("Hemanth");
              li.add("Somaraju");
              li.add("Gudivada");
         
              auto=(MultiAutoCompleteTextView) findViewById(R.id.multiAutoCompleteTextView1);
              final EditText et1=(EditText) findViewById(R.id.editText1);
              Button b1=(Button) findViewById(R.id.button1);
                     
              add();
         
              b1.setOnClickListener(new View.OnClickListener() {

      @Override
      public void onClick(View v) {
      // TODO Auto-generated method stub

      li.add(et1.getText().toString());
      et1.setText(null);
      add();
      Toast.makeText(getBaseContext(), "Item Added",
      Toast.LENGTH_SHORT).show();
      }
      });
          }

          private void add() {
      // TODO Auto-generated method stub
          
           ArrayAdapter<String> adp=new ArrayAdapter<String>(this,
      android.R.layout.simple_dropdown_item_1line,li);
          
      adp.setDropDownViewResource(android.R.layout.simple_dropdown_item_1line);
      auto.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());

      auto.setThreshold(1);
      auto.setAdapter(adp);
          }

          @Override
          public boolean onCreateOptionsMenu(Menu menu) {
              getMenuInflater().inflate(R.menu.main, menu);
              return true;
          }
      }

      Step 4 : Open AndroidManifest.xml and add following code :

      <?xml version="1.0" encoding="utf-8"?>
      <manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.gudivada.hemanthsomaraju"
          android:versionCode="1"
          android:versionName="1.0" >

          <uses-sdk
              android:minSdkVersion="8"
              android:targetSdkVersion="19" />

          <application
              android:allowBackup="true"
              android:icon="@drawable/ic_launcher"
              android:label="@string/app_name"
              android:theme="@style/AppTheme" >
              <activity
                  android:name="com.gudivada.hemanthsomaraju.MainActivity"
                  android:label="@string/app_name" >
                  <intent-filter>
                      <action android:name="android.intent.action.MAIN" />

                      <category android:name="android.intent.category.LAUNCHER" />
                  </intent-filter>
              </activity>
          </application>

      </manifest>

      Step 5 : Our output will be like this :

       





      GetText from MultiAutoCompleteTextView

      Step 1 : Select File -> New -> Project -> Android Application Project (or) Android Project. Fill the forms and click "Finish" button. If you have any doubt regarding create a new project Click Here.

      Step 2 : Open res -> layout -> activity_main.xml (or) main.xml and add following code :


      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="match_parent"
          android:layout_height="match_parent" >

          <MultiAutoCompleteTextView
              android:id="@+id/multiAutoCompleteTextView1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="71dp"
              android:hint="MultiAutoCompleteTextView" >

              <requestFocus />
          </MultiAutoCompleteTextView>

          <Button
              android:id="@+id/button1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_centerHorizontal="true"
              android:layout_centerVertical="true"
              android:text="Button" />

      </RelativeLayout>


      Step 3 : Open src -> package -> MainActivity.java and add following code :

      package com.gudivada.hemanthsomaraju;

      import java.util.ArrayList;
      import java.util.List;
      import android.os.Bundle;
      import android.app.Activity;
      import android.view.Menu;
      import android.view.View;
      import android.widget.ArrayAdapter;
      import android.widget.Button;
      import android.widget.MultiAutoCompleteTextView;
      import android.widget.Toast;

      public class MainActivity extends Activity {

      MultiAutoCompleteTextView multi;
      Button Get;
      List<String> list;
          @Override
          public void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
         
              list = new ArrayList<String>();    
              list.add("Hemanth");
              list.add("Anil");
              list.add("Abhi");
              list.add("Alekhya");
              list.add("Devi");
              list.add("Murty");
              list.add("Kala");
              list.add("Gudivada");
         
              multi = (MultiAutoCompleteTextView) findViewById(R.id.multiAutoCompleteTextView1);
              Get = (Button) findViewById(R.id.button1);

              ArrayAdapter<String> adp = new ArrayAdapter<String>
              (this, android.R.layout.simple_dropdown_item_1line, list);
         
              multi.setAdapter(adp);
         
              multi.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
         
              multi.setThreshold(1);
         
              Get.setOnClickListener(new View.OnClickListener() {

      @Override
      public void onClick(View v) {
      // TODO Auto-generated method stub

      String[] str = multi.getText().toString().split(", ");

      for(int i=0; i<str.length; i++) {

      Toast.makeText(getBaseContext(), str[i], 100).show();
      }
      }
      });
          }

          @Override
          public boolean onCreateOptionsMenu(Menu menu) {
              getMenuInflater().inflate(R.menu.main, menu);
              return true;
          }
      }


      Step 4 : Open AndroidManifest.xml and add following code :


      <?xml version="1.0" encoding="utf-8"?>
      <manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.gudivada.hemanthsomaraju"
          android:versionCode="1"
          android:versionName="1.0" >

          <uses-sdk
              android:minSdkVersion="8"
              android:targetSdkVersion="19" />

          <application
              android:allowBackup="true"
              android:icon="@drawable/ic_launcher"
              android:label="@string/app_name"
              android:theme="@style/AppTheme" >
              <activity
                  android:name="com.gudivada.hemanthsomaraju.MainActivity"
                  android:label="@string/app_name" >
                  <intent-filter>
                      <action android:name="android.intent.action.MAIN" />

                      <category android:name="android.intent.category.LAUNCHER" />
                  </intent-filter>
              </activity>
          </application>

      </manifest>


      Step 5 : Our output will be like this :



      AutoCompleteTextView vs MultiAutoCompleteTextView


      Step 1 : Select File -> New -> Project -> Android Application Project (or) Android Project. Fill the forms and click "Finish" button. If you have any doubt regarding create a new project Click Here.

      Step 2 : Open res -> layout -> activity_main.xml (or) main.xml and add following code :


      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="match_parent"
          android:layout_height="match_parent" >

          <TextView
              android:id="@+id/textView1"
              android:textSize="20dp"
              android:textColor="#FF0000"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="50dp"
              android:text="AutoCompleteTextView" />

          <AutoCompleteTextView
              android:id="@+id/autoCompleteTextView1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="110dp"
              android:ems="14"
              android:hint="AutoCompleteTextView" >

              <requestFocus />
          </AutoCompleteTextView>

          <TextView
              android:id="@+id/textView2"
              android:textSize="20dp"
              android:textColor="#FF0000"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="200dp"
              android:text="MultiAutoCompleteTextView" />

          <MultiAutoCompleteTextView
              android:id="@+id/multiAutoCompleteTextView1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="260dp"
              android:ems="14"
              android:hint="MultiAutoCompleteTextView" />

      </RelativeLayout>

      Step 3 : Open src -> package -> MainActivity.java and add following code :

      package com.gudivada.hemanthsomaraju;

      import android.app.Activity;
      import android.os.Bundle;
      import android.widget.ArrayAdapter;
      import android.widget.AutoCompleteTextView;
      import android.widget.MultiAutoCompleteTextView;

      public class MainActivity extends Activity {

      /** Called when the activity is first created. */

      @Override
      public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      /*AutoCompleteTextView*/

      AutoCompleteTextView textView = (AutoCompleteTextView)
      findViewById(R.id.autoCompleteTextView1);

      String[] days= new String[]{"Monday","Tuesday",
      "Wednesday","Thursday","Friday","Saturday","Sunday"};

      ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(this,
      android.R.layout.simple_dropdown_item_1line, days);

      textView.setThreshold(1);
      textView.setAdapter(adapter1);

      /*MultiAutoCompleteTextView*/

      MultiAutoCompleteTextView textView1 = (MultiAutoCompleteTextView)
      findViewById(R.id.multiAutoCompleteTextView1);

      textView1.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());

      String[] friends= new String[]{"Hemanth","Somaraju","Anil",
      "Abhi","Alekhya","Murty","Kala","Gudivada",
      "G.Somaraju","G.S.R","G.L.M","G.V.R"};

      ArrayAdapter<String> adapter2 = new ArrayAdapter<String>(this,
      android.R.layout.simple_dropdown_item_1line, friends);

      textView1.setThreshold(1);
      textView1.setAdapter(adapter2);
      }
      }

      Step 4 : Open AndroidManifest.xml and add following code :


      <?xml version="1.0" encoding="utf-8"?>
      <manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.gudivada.hemanthsomaraju"
          android:versionCode="1"
          android:versionName="1.0" >

          <uses-sdk
              android:minSdkVersion="8"
              android:targetSdkVersion="19" />

          <application
              android:allowBackup="true"
              android:icon="@drawable/ic_launcher"
              android:label="@string/app_name"
              android:theme="@style/AppTheme" >
              <activity
                  android:name="com.gudivada.hemanthsomaraju.MainActivity"
                  android:label="@string/app_name" >
                  <intent-filter>
                      <action android:name="android.intent.action.MAIN" />

                      <category android:name="android.intent.category.LAUNCHER" />
                  </intent-filter>
              </activity>
          </application>

      </manifest>

      Step 5 : Our output will be like this :