![\"MultiAutoCompleteTextView](\"\/ui\/wp-content\/uploads\/2016\/04\/MultiAutoCompleteTextView-in-Android.jpg\")
<\/p>\nIn Android, MultiAutoCompleteTextView is an editable TextView extends AutoCompleteTextView\u00a0that can show the complete suggestion for the sub-string of a text allowing user to quickly select\u00a0instead of typing whole. An AutoCompleteTextView\u00a0only offers suggestion about the whole sentence and a MultiAutoCompleteTextView\u00a0offers suggestion for every token in the sentence. We can specify what is the delimiter between tokens.<\/p>\n
<\/p>\n
Important\u00a0Note:<\/strong><\/span>\u00a0One most important difference between MultiAutoCompleteTextView and\u00a0AutoCompleteTextView is\u00a0that AutoCompleteTextView can hold or select only single value at single time but MultiAutoCompleteTextView can hold multiple string words value at single time. These all values are separated by comma(,).<\/p>\n Basic MultiAutoCompleteTextView code in XML:<\/strong><\/p>\n To display the array content in a MultiAutoCompleteTextView we need to implement Adapter. In MultiAutoCompleteTextView, since we mainly display text values so we use ArrayAdapter for that. Below is the description of an ArrayAdapter.<\/p>\n ArrayAdapter In Android:<\/strong><\/span><\/p>\n Whenever we have a list of single type of items which is backed by an array, we can use ArrayAdapter. For instance, list of phone contacts, countries or names.<\/p>\n ArrayAdapter code in Android:<\/strong><\/p>\n In above code snippet we show the implementation of a ArrayAdapter. These 4 parameters are used to show the\u00a0list of elements in MultiAutoCompleteTextView\u00a0which\u00a0are already described in ArrayAdapter tutorial<\/a>.<\/p>\n Below is the example code where we retrieve the value from a MultiAutoCompleteTextView in Java class.<\/p>\n Let’s we discuss some important methods of MultiAutoCompleteTextView that that may be called in order to manage the MultiAutoCompleteTextView.<\/p>\n 1.\u00a0setTokenizer<\/span>(MultiAutoCompleteTextView.Tokenizer t): <\/strong><\/span>\u00a0This method sets the Tokenizer that will be used to determine the relevant range of the text where the user is typing. CommaTokenizer is used to set the tokenozer that distinguish the various substrings by comma.<\/p>\n Below we set the CommaTokenizer for the MultiAutoCompleteTextView<\/p>\n 2. setThreshold(int threshold):\u00a0<\/span><\/strong><\/p>\n This method is used to\u00a0set threshold value that help us to start the searching from a specific\u00a0character. In this we set int type value used to specify the threshold . Suppose if\u00a0set 1 value for threshold then on the time of typing searching is start from first character.<\/p>\n Below we set 2\u00a0value for threshold that helps us to start the searching from second character.<\/p>\n Now let\u2019s \u00a0we discuss\u00a0some important\u00a0attributes that help us to configure a MultiAutoCompleteTextView in xml file.<\/p>\n 1. id:<\/strong><\/span>\u00a0This attribute is used to uniquely identify a MultiAutoCompleteTextView.<\/p>\n 2. gravity:<\/strong><\/span> This is an optional attribute which is used to control the alignment of the text like left, right, center, top, bottom, center_vertical, center_horizontal etc.<\/p>\n Below we set the right gravity for text of a MultiAutoCompleteTextView\u00a0.<\/p>\n 3. text:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the text in a MultiAutoCompleteTextView. We can set the text in xml as well as in the java class.<\/p>\n In the above 2nd example we also used text attribute.<\/p>\n Setting text In MultiAutoCompleteTextView In Java class:<\/strong><\/p>\n 4. hint:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the hint that what should you enter in this MultiAutoCompleteTextView. Whenever user start to type in MultiAutoCompleteTextView the hint will automatically disappear.<\/p>\n Below we set the hint of a MultiAutoCompleteTextView\u00a0.<\/p>\n Setting hint in\u00a0MultiAutoCompleteTextView In Java class:<\/strong><\/p>\n 5. textColor:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the text color of a MultiAutoCompleteTextView. Color value is in the form of “#argb”, “#rgb”, “#rrggbb”, or “#aarrggbb”.<\/p>\n Below we set the red color for the displayed text of a MultiAutoCompleteTextView.<\/p>\n Setting textColor In MultiAutoCompleteTextView In Java class:<\/strong><\/p>\n 6. textColorHint:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the color for\u00a0displayed hint text.<\/p>\n Below we set the blue color for displayed hint of a MultiAutoCompleteTextView.<\/p>\n Setting textColorHint In MultiAutoCompleteTextView In Java class:<\/strong><\/p>\n 7. textSize:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the size of text of a MultiAutoCompleteTextView. We can set the text size in sp(scale independent pixel) or dp(density pixel).<\/p>\n Below we set the 25sp size for the text of a MultiAutoCompleteTextView.<\/p>\n Setting textSize In MultiAutoCompleteTextView \u00a0In Java class:<\/strong><\/p>\n 8. textStyle:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the text style of a MultiAutoCompleteTextView. The possible text styles are bold, italic and normal. If we need to use two or more styles for a MultiAutoCompleteTextView then \u201c|\u201d operator is used for that.<\/p>\n Below we set the bold style for the displayed text of a MultiAutoCompleteTextView.<\/p>\n 9. background:<\/strong><\/span>\u00a0This\u00a0attribute is used to set the background of a MultiAutoCompleteTextView. We can set color or drawable(image or custom drawable xml) in the background of a MultiAutoCompleteTextView.<\/p>\n Below we set the green color for the background and red color for the displayed text of a MultiAutoCompleteTextView.<\/p>\n Setting Background In\u00a0MultiAutoCompleteTextView In Java class:<\/strong><\/p>\n 10. padding: <\/strong><\/span>This attribute is used to set the padding from left, right, top or bottom side of a MultiAutoCompleteTextView.<\/p>\n Below we set the 40dp padding from left side of a MultiAutoCompleteTextView.<\/p>\n 11. drawableBottom, drawableTop, drawableRight And drawableLeft:<\/span>\u00a0<\/strong>These attribute draw the drawable below, top, right and left of the text of MultiAutoCompleteTextView.<\/p>\n Below we set the icon to the Top\u00a0of the text of a MultiAutoCompleteTextView using drawableTop. In the similar way you can try for other three attribute yourself.<\/p>\n First save image of ic_launcher name in drawable folder if it is not present and use the below code.<\/p>\n Below is the example of MultiAutoCompleteTextView in which we display a MultiAutoCompleteTextView with suggestion list of android version names. To fill the data in this list we implement an array adapter. We set threshold value 1 that helps us to start the searching from first character.<\/p>\n Below you can download complete project code, final output and step by step explanation of the example:<\/p>\n Download Code<\/a> ? <\/a><\/p>\n Step 1<\/strong><\/span>:<\/span>\u00a0<\/strong>Create a new project and name it\u00a0MultiAutoCompleteTextView<\/p>\n Step 2:<\/strong><\/span>\u00a0<\/strong>Open res -> layout ->activity_main.xml (or) main.xml and add following code :<\/p>\n In this step we open an xml file and add the code for displaying a MultiAutoCompleteTextView by using its different attributes.<\/p>\n Step 3:<\/strong><\/span>\u00a0<\/strong>Open\u00a0 \u00a0src -> package -> MainActivity.java<\/p>\n In this step we open\u00a0MainActivity\u00a0and\u00a0add the code to\u00a0initiate the MultiAutoCompleteTextView and then add the data to suggestion list using an ArrayAdapter. In this we also set threshold value 1 that helps us to start the searching from first character.<\/p>\n Output:<\/strong><\/p>\n Now run the App and you will see MultiAutoCompleteTextView. Here enter any character and corresponding Android version to that character will appear. Select it and do the same with other Android version. You can see it can hold more than one value which was not possible with AutoCompleteTextView.<\/p>\n","protected":false},"excerpt":{"rendered":" In Android, MultiAutoCompleteTextView is an editable TextView extends AutoCompleteTextView\u00a0that can show the complete suggestion for the sub-string of a text allowing user to quickly select\u00a0instead of typing whole. An AutoCompleteTextView\u00a0only offers suggestion about the whole sentence and a MultiAutoCompleteTextView\u00a0offers suggestion for every token in the sentence. We can specify what is the delimiter between tokens. … Continue reading MultiAutoCompleteTextView\u00a0With Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1412","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"This Is A MultiAutoCompleteTextView\" \/>\r\n<\/pre>\n
\nAdapter Used To Fill Data In\u00a0MultiAutoCompleteTextView<\/strong><\/h4>\n
ArrayAdapter(Context context, int resource, int textViewResourceId, T[] objects)\r\n<\/pre>\n
\nRetrieving the Value From MultiAutoCompleteTextView In Java Class:<\/strong><\/h4>\n
\/\/ initiate a MultiAutoCompleteTextView\r\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nString MultiAutoCompleteTextViewValue = simpleMultiAutoCompleteTextView.getText().toString(); \/\/ retrieve\u00a0 a value from MultiAutoCompleteTextView\r\n<\/pre>\n
\nImportant Methods Of MultiAutoCompleteTextView:<\/strong><\/h4>\n
\/\/ initiate a MultiAutoCompleteTextView\r\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\n\/\/ set tokenizer that distinguish the various substrings by comma\r\nsimpleMultiAutoCompleteTextView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());<\/pre>\n
\/\/ initiate a MultiAutoCompleteTextView\r\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\n\/\/ set threshold value 2 that help us to start the searching from second character\r\nsimpleMultiAutoCompleteTextView.setThreshold(2);<\/pre>\n
\nAttributes of MultiAutoCompleteTextView:<\/strong><\/h4>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"This Is A MultiAutoCompleteTextView\" \/> <!--\u00a0 id of a MultiAutoCompleteTextView that is used to uniquely identify it -->\r\n<\/pre>\n
![\"gravity](\"\/ui\/wp-content\/uploads\/2016\/04\/gravity-in-MultiAutoCompleteTextView-Android.jpg\")
<\/p>\n<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:gravity=\"right\"\r\nandroid:text=\"AbhiAndroid.Com\" \/> <!--\u00a0 right gravity for the displayed text of MultiAutoCompleteTextView\u00a0-->\r\n<\/pre>\n
MultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setText(\"AbhiAndroid\"); \/\/ set text in a MultiAutoCompleteTextView\r\n<\/pre>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:hint=\"Enter Your Text Here\" \/><!-- set hint in MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"hint](\"\/ui\/wp-content\/uploads\/2016\/04\/hint-in-MultiAutoCompleteTextView.gif\")
<\/p>\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setHint(\"Enter Your Text Here\"); \/\/ set hint in a MultiAutoCompleteTextView\r\n<\/pre>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:textColor=\"#f00\"\/>\r\n<!-- red color for the displayed text of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"textColor](\"\/ui\/wp-content\/uploads\/2016\/04\/textColor-in-MultiAutoCompleteTextView-Android.jpg\")
<\/p>\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setTextColor(Color.RED); \/\/ red color for the displayed text of a MultiAutoCompleteTextView\r\n<\/pre>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:hint=\"Enter Your Text Here\"\r\nandroid:textColorHint=\"#00f\"\/>\r\n<!-- blue color for displayed hint text of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"textColorHint](\"\/ui\/wp-content\/uploads\/2016\/04\/textColorHint-in-MultiAutoCompleteTextView-Android.jpg\")
<\/p>\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setHintTextColor(Color.BLUE); \/\/ blue color for the displayed hint text of a MultiAutoCompleteTextView\r\n<\/pre>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\/><!-- 25 sp text size of a\u00a0 MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"textSize](\"\/ui\/wp-content\/uploads\/2016\/04\/textSize-in-MultiAutoCompleteTextView.jpg\")
<\/p>\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setTextSize(25); \/\/ 25 sp text size of a MultiAutoCompleteTextView\r\n<\/pre>\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold\"\/><!-- bold style for the displayed text of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"textStyle](\"\/ui\/wp-content\/uploads\/2016\/04\/textStyle-in-MultiAutoCompleteTextView.jpg\")
<\/p>\n<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold\"\r\nandroid:background=\"#0f0\"\/><!-- green background color of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"background](\"\/ui\/wp-content\/uploads\/2016\/04\/background-in-MultiAutoCompleteTextView.jpg\")
<\/p>\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\nsimpleMultiAutoCompleteTextView.setBackgroundColor(Color.GREEN); \/\/ green color for the background of a MultiAutoCompleteTextView\r\n<\/pre>\n
\n
<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold\"\r\nandroid:background=\"#0f0\"\r\nandroid:paddingLeft=\"40dp\"\/>\r\n<!-- 40dp padding from left side of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"padding](\"\/ui\/wp-content\/uploads\/2016\/04\/padding-in-MultiAutoCompleteTextView-Android.jpg\")
<\/p>\n<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:background=\"#0f0\"\r\nandroid:drawableTop=\"@drawable\/ic_launcher\"\r\nandroid:text=\"AbhiAndroid.Com\"\r\nandroid:gravity=\"center\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold\" \/>\r\n<!-- drawableTop of a MultiAutoCompleteTextView -->\r\n<\/pre>\n
![\"drawable](\"\/ui\/wp-content\/uploads\/2016\/04\/drawable-in-MultiAutoCompleteTextView.jpg\")
<\/p>\n
\nMultiAutoCompleteTextView Example In Android Studio<\/strong><\/h4>\n
![\"MultiAutoCompleteTextView](\"\/ui\/wp-content\/uploads\/2016\/04\/MultiAutoCompleteTextView-Example-In-Android-Studio.gif\")
<\/p>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nxmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"match_parent\"\r\nandroid:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\nandroid:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\nandroid:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\nandroid:paddingTop=\"@dimen\/activity_vertical_margin\"\r\ntools:context=\".MainActivity\">\r\n\r\n\r\n<!--\u00a0 MultiAutoCompleteTextView In Android -->\r\n<MultiAutoCompleteTextView\r\nandroid:id=\"@+id\/simpleMultiAutoCompleteTextView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:background=\"#0f0\"\r\nandroid:gravity=\"center\"\r\nandroid:hint=\"Enter Your Text Here\"\r\nandroid:padding=\"10dp\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"20sp\"\r\nandroid:textStyle=\"bold\" \/>\r\n\r\n<\/RelativeLayout>\r\n<\/pre>\n
package example.abhiandroid.multiautocompletetextviewexample;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.widget.ArrayAdapter;\r\nimport android.widget.MultiAutoCompleteTextView;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\nString[] androidVersionNames = {\"Aestro\", \"Blender\", \"CupCake\", \"Donut\", \"Eclair\", \"Froyo\", \"Gingerbread\", \"HoneyComb\", \"IceCream Sandwich\", \"Jellibean\", \"Kitkat\", \"Lollipop\", \"MarshMallow\"};\r\n\r\n@Override\r\nprotected void onCreate(Bundle savedInstanceState) {\r\nsuper.onCreate(savedInstanceState);\r\nsetContentView(R.layout.activity_main);\r\n\/\/ initiate a MultiAutoCompleteTextView\r\nMultiAutoCompleteTextView simpleMultiAutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.simpleMultiAutoCompleteTextView);\r\n\/\/ set adapter to fill the data in suggestion list\r\nArrayAdapter<String> versionNames = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, androidVersionNames);\r\nsimpleMultiAutoCompleteTextView.setAdapter(versionNames);\r\n\r\n\/\/ set threshold value 1 that help us to start the searching from first character\r\nsimpleMultiAutoCompleteTextView.setThreshold(1);\r\n\/\/ set tokenizer that distinguish the various substrings by comma\r\nsimpleMultiAutoCompleteTextView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());\r\n}\r\n}\r\n<\/pre>\n