{"id":76055,"date":"2020-02-18T13:52:29","date_gmt":"2020-02-18T08:22:29","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=76055"},"modified":"2021-08-25T13:55:42","modified_gmt":"2021-08-25T08:25:42","slug":"android-ui-controls","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/","title":{"rendered":"Top Android UI Controls that you must know about!"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:1186,&quot;href&quot;:&quot;https:\\\/\\\/html.com&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251003085329\\\/https:\\\/\\\/html.com\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-12-09 02:49:28&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-13 17:09:37&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-16 18:05:49&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-23 17:31:55&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-27 22:03:26&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-06 19:15:46&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-09 22:39:56&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-16 14:00:16&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-20 06:51:48&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-25 08:03:58&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-28 10:21:21&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-31 16:20:44&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-09 09:44:19&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-13 05:24:51&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-17 23:05:30&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-21 09:26:12&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-25 06:37:32&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-01 11:02:05&quot;,&quot;http_code&quot;:503},{&quot;date&quot;:&quot;2026-03-04 16:38:06&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-09 21:33:19&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-17 16:52:59&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-22 21:00:35&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-26 17:56:39&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-31 20:25:30&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-07 06:24:39&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-11 06:19:04&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-22 10:00:41&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-25 13:19:06&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-07 06:04:26&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-12 16:24:24&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-15 19:25:39&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-23 18:03:39&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-28 17:17:10&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-05 02:45:34&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-09 00:15:10&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-06-09 00:15:10&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>Android UI Controls are those components of Android that are used to design the UI in a more interactive way. It helps us to develop an application that makes user interaction better with the view components. Android provides us a huge range of UI controls of many types such as buttons, text views, etc.<\/p>\n<p>As we know UI is the only thing that a user interacts with within an Application. This is the reason that we make our Application look aesthetic and, more and more connective. To do so, we need to add the UI controls or we say Input controls in the respective application.<\/p>\n<p><em><strong>Check the <a href=\"https:\/\/data-flair.training\/blogs\/android-application-components\/\">Android Application Components<\/a> you didn&#8217;t know about.<\/strong><\/em><\/p>\n<p>Moving forth we will see some important Android UI controls for our applications:<\/p>\n<ul>\n<li>TextView<\/li>\n<li>EditText<\/li>\n<li>Button<\/li>\n<li>ImageButton<\/li>\n<li>ToggleButton<\/li>\n<li>RadioButton<\/li>\n<li>RadioGroup<\/li>\n<li>CheckBox<\/li>\n<li>AutoCompleteTextView<\/li>\n<li>ProgressBar<\/li>\n<li>Spinner<\/li>\n<li>TimePicker<\/li>\n<li>DatePicker<\/li>\n<li>SeekBar<\/li>\n<li>AlertDialog<\/li>\n<li>Switch<\/li>\n<li>RatingBar<\/li>\n<\/ul>\n<h2>Android UI Controls<\/h2>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76134\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg\" alt=\"UI Controls in Android\" width=\"802\" height=\"420\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg 802w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls-150x79.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls-300x157.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls-768x402.jpg 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls-520x272.jpg 520w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/a><\/p>\n<p>Now we\u2019ll understand the different Android UI Controls one by one:<\/p>\n<h3>1. TextView<\/h3>\n<p>TextView is a UI Component that displays the text to the user on their Display Screen.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n        &lt;TextView\r\n        \/\/attributes to describe it\r\n        \/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In this, we declare it using the setText() method as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nTextView textview_name = new TextView(this);\r\ntextveiw_name.setText(\u201cHello I am Text View\u201d);\r\nlinearLayout.addView(textView);<\/pre>\n<p>There are various attributes to describe the TextView some of them are named below:<\/p>\n<ul>\n<li>Android: id &#8211; it is a unique id for the control.<\/li>\n<li>Android: width &#8211; It displays the exact width of the TextView.<\/li>\n<li>Android: height &#8211; It displays the exact height of the TextView.<\/li>\n<li>Android:textColor &#8211; It set the color of the text.<\/li>\n<li>Android: gravity &#8211; It is to align the TextView.<\/li>\n<\/ul>\n<p>There are some more attributes the above are the major ones.<\/p>\n<h3>2. EditText<\/h3>\n<p>EditText is a user interface control that allows the users to enter some text.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n       &lt;EditText\r\n       \/\/attributes\r\n       &gt; \r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In activity, we declare it using the getText() method as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout) findViewById (R.id.LinearLayout) ;\r\nEditText edittext_name = new EditText(this);\r\nedittext_name.setHint(\u201cHello I am EditText\u201d);\r\nlinearLayout.addView(edittext_name);<\/pre>\n<h3>3. Button<\/h3>\n<p>This is a UI that is used to perform some action as soon as the user clicks on it.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n       &lt;Button\r\n       \/\/attributes\r\n       \/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In activity, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nButton btn_name = new Button(this);\r\nbtn_name.setText(\u201cHello I am Button\u201d);\r\nlinearLayout.addView(btn_name);<\/pre>\n<h3>4. ImageButton<\/h3>\n<p>It is the same as a Button but it&#8217;s used to display an image on the button to perform an Action. In this, we need to give the source of the image so that the system can load it.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n\r\n&lt;ImageButton\r\n\/\/other attributes...\r\nandroid:src= \u201c@drawable\/add_icon\u201d\/&gt;\r\n\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In the activity file, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nImageButton btn_name = new Button(this);\r\nbtn_name.setImageResource(R.drawable.add_icon);\r\nlinearLayout.addView(btn_name);<\/pre>\n<h3>5. ToggleButton<\/h3>\n<p>The toggle button displays the ON\/OFF states of a button with a light indicator.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n\r\n&lt;ToggleButton\r\n        \/\/attributes\r\n        android:checked=\"true\"\r\n        android:textOff=\"OFF\"\r\n        android:textOn=\"ON\"\/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In the activity file we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nToggleButton tb_name = new ToggleButton(this);\r\ntb_name.setTextOff(\"OFF\");\r\ntb_name.setTextOn(\"ON\");\r\ntb_name.setChecked(true);\r\nlinearLayout.addView(btn_name);<\/pre>\n<h3>6. RadioButton<\/h3>\n<p>Radio button in Android is the one that has only two possible states, that are either checked or unchecked. Initially, it is in the unchecked state, once it\u2019s checked it can\u2019t be unchecked.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n  &lt;RadioButton\r\n  android:text=\"Radio button\"\r\n  android:checked=\"true\"\/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In the activity file, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nRadioButton btn_name = new RadioButton(this);\r\nbtn_name.setText(\"Hello\");\r\nbtn_name.setChecked(true);\r\nlinearLayout.addView(btn_name);<\/pre>\n<h3>7. RadioGroup<\/h3>\n<p>It\u2019s a group of Radio buttons that are alike. In this, only one of all the buttons can be chosen.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n\r\n&lt;RadioGroup android:orientation=\"vertical\"&gt;\r\n   &lt;RadioButton android:text=\"Radio Button 1\"\/&gt;\r\n   &lt;RadioButton android:text=\"Radio Button 2\"\/&gt;\r\n   &lt;RadioButton android:text=\"Radio Button 3\"\/&gt;\r\n&lt;\/RadioGroup&gt;\r\n\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In the activity file, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">RadioButton rdb1,rdb2,rdb3;\r\n@override\r\nprotected void onCreate(Bundle savedInstanceState) {\r\nsuper.onCreate(savedInstanceState);\r\nsetContentView(R.layout.activity_main);\r\nrdb1 = (RadioButton)findViewById(R.id.rdb_1);\r\nrdb2 = (RadioButton)findViewById(R.id.rdb_2);\r\nrdb3 = (RadioButton)findViewById(R.id.rdb_3);\r\nButton btn = (Button)findViewById(R.id.getBtn);\r\n}<\/pre>\n<p>Above is the example to declare it, to make it functional, we would override and define the methods that are required.<\/p>\n<h3>8. CheckBox<\/h3>\n<p>A CheckBox is the UI control that has two states that are either checked or unchecked. If we have a group of CheckBox, we can select as many as we want, unlike RadioGroup.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android= \u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n  &lt;CheckBox\r\n  android:checked=\"true\"\r\n  android:text=\"CheckBox\"\r\n  \/\/ other attributes\r\n  \/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In activity, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\nLinearLayout linearlayout_name = (LinearLayout)findViewById(R.id.LinearLayout);\r\nCheckBox cb_name = new CheckBox(this);\r\ncb_name.setText(\"DataFlair\");\r\ncb_name.setChecked(true);\r\nlayout.addView(cb_name);\r\n\r\n<\/pre>\n<h3>9. ProgressBar<\/h3>\n<p>In Android, we have a progress bar that shows the progress of some action that is happening like pasting a file to some location. A progress bar can be in two modes:<\/p>\n<ul>\n<li><strong>Determinate Mode:<\/strong><\/li>\n<\/ul>\n<p>In this, the progress is shown with the percent of action completed. Also, the time to be taken is already determined.<\/p>\n<ul>\n<li><strong>\u00a0Indeterminate Mode:<\/strong><\/li>\n<\/ul>\n<p>In this, there is no idea of when the task would be completed, therefore, it functions continuously.<\/p>\n<p>We can create it in two ways:<\/p>\n<p><strong>XML file:<\/strong><\/p>\n<p>For this, we declare it in the layout tag as follows:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;Linear Layout xmls:android=\u201dhttp:\/\/schemas.android.com\/apk\/res\/android\u201d&gt;\r\n        &lt;ProgressBar\r\n        \/\/ attributes, here we define the speed, layout, id, etc.\r\n        \/&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<p><strong>Activity file:<\/strong><\/p>\n<p>In activity, we declare it programmatically as below:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">setContentView(R.layout.activity_main);\r\npgsBar = (ProgressBar)findViewById(R.id.pBar);\r\ntxtView = (TextView)findViewById(R.id.tView);\r\nButton btn = (Button)findViewById(R.id.btnShow);<\/pre>\n<p>Here we need to set the sleep time and override the onClick() and onCreate() methods<\/p>\n<p>The above were some of the very important UI controls, now we will also read about some more UI controls :<\/p>\n<h3>1. Spinner<\/h3>\n<p>The Spinner in Android is a User Interface that is used to select a particular option from a list of given options. Spinner in Android is the same as dropdown in <a href=\"https:\/\/html.com\/\">HTML<\/a>. It provides us with a faster way to select an option of our choice. When we click on the down arrow, it shows a list of values from which we can select one. By default, the first value would be shown as the currently selected Value.<\/p>\n<h3>2. TimePicker<\/h3>\n<p>Time picker is a UI component that works as an intermediate to select a time of the day. The time chosen by it is shown either in 24 hrs format or in 12hrs format using AM and PM.<\/p>\n<p>It gives a virtual Clock\/watch to select it. This virtual clock makes it easy to choose the time.<\/p>\n<h3>3. DatePicker<\/h3>\n<p>Like we have time picker, we have a date picker as UI control too. In this, the System shows a virtual calendar to the users to choose the day.<\/p>\n<p>This enables the user to choose a particular date using either a calendar or a dropdown. These both are made to make it easier for the user to pick up a date and a time.<\/p>\n<h3>4. SeekBar<\/h3>\n<p>In Android, Seekbar is an extended Progress bar. A seekbar comes with a pointer that is draggable throughout the bar either in left or right. This pointer helps to set the progress as well. This helps the user to choose a particular range of values.<\/p>\n<h3>5. RatingBar<\/h3>\n<p>A rating bar in Android is an extended version of a seekbar. It is used to give the rating by touching it. In the rating bar, a user can rate at a scale of 5 with a difference of 0.5.<\/p>\n<p>Its rating is in Stars. The user needs to tap\/click the stars.<\/p>\n<h3>6. AlertDialog<\/h3>\n<p>Alert Dialog Box is a UI that gives the users an Alert or Warning of something. It appears on the screen in a small window. Once it comes, the user needs to decide or choose an option that it shows.<\/p>\n<p>For example, when you enter the wrong password for email id.<\/p>\n<h3>7. Switch<\/h3>\n<p>In Android, a switch is a two-state UI element that holds either ON or OFF state. ON generally means Yes and OFF means No. By default, a switch is in the OFF state. A user can change its state many times.<\/p>\n<h3>8. AutoCompleteTextView<\/h3>\n<p>AutoCompleteTextView is an extension of EditText. In this UI element, the user is provided with a few suggestions of some values\/texts. The value can be chosen by the user while filling AutoCompleteTextView.<\/p>\n<h2>Summary<\/h2>\n<p>Coming to this part excites you, isn\u2019t it? This indicates that we\u2019ve completed one more topic of Android that is, Android UI Controls. So in this article, we\u2019ve learned about different types of User Interface controls of Android along with their working and their functions. You can easily use them to provide different views for the users. Now we\u2019ll meet in the next article.<\/p>\n<p>Thank you for reading our article. Do share your feedback through the comment section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Android UI Controls are those components of Android that are used to design the UI in a more interactive way. It helps us to develop an application that makes user interaction better with the&#46;&#46;&#46;<\/p>\n","protected":false},"author":10,"featured_media":76134,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18722],"tags":[18711,21916,21914,21917,21915],"class_list":["post-76055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","tag-android","tag-android-ui-control-working","tag-android-ui-controls","tag-important-ui-control-in-android","tag-user-interface-controls-in-android"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Top Android UI Controls that you must know about! - DataFlair<\/title>\n<meta name=\"description\" content=\"Android UI Controls are those components that are used to design the UI in a more interactive way. Explore the different types of Android UI Controls along with their working and their functions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/android-ui-controls\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top Android UI Controls that you must know about! - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Android UI Controls are those components that are used to design the UI in a more interactive way. Explore the different types of Android UI Controls along with their working and their functions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/android-ui-controls\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-18T08:22:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-25T08:25:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top Android UI Controls that you must know about! - DataFlair","description":"Android UI Controls are those components that are used to design the UI in a more interactive way. Explore the different types of Android UI Controls along with their working and their functions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/","og_locale":"en_US","og_type":"article","og_title":"Top Android UI Controls that you must know about! - DataFlair","og_description":"Android UI Controls are those components that are used to design the UI in a more interactive way. Explore the different types of Android UI Controls along with their working and their functions.","og_url":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2020-02-18T08:22:29+00:00","article_modified_time":"2021-08-25T08:25:42+00:00","og_image":[{"width":802,"height":420,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33"},"headline":"Top Android UI Controls that you must know about!","datePublished":"2020-02-18T08:22:29+00:00","dateModified":"2021-08-25T08:25:42+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/"},"wordCount":1373,"commentCount":2,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg","keywords":["Android","Android UI Control Working","Android UI Controls","Important UI Control in Android","User Interface Controls in Android"],"articleSection":["Android Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/android-ui-controls\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/","url":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/","name":"Top Android UI Controls that you must know about! - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg","datePublished":"2020-02-18T08:22:29+00:00","dateModified":"2021-08-25T08:25:42+00:00","description":"Android UI Controls are those components that are used to design the UI in a more interactive way. Explore the different types of Android UI Controls along with their working and their functions.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/android-ui-controls\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/02\/android-ui-controls.jpg","width":802,"height":420,"caption":"UI Controls in Android"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/android-ui-controls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Android Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/android\/"},{"@type":"ListItem","position":3,"name":"Top Android UI Controls that you must know about!"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"The DataFlair Team is passionate about delivering top-notch tutorials and resources on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. With expertise in the tech industry, we simplify complex topics to help learners excel. Stay updated with our latest insights.","url":"https:\/\/data-flair.training\/blogs\/author\/dfadteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/76055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=76055"}],"version-history":[{"count":11,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/76055\/revisions"}],"predecessor-version":[{"id":76385,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/76055\/revisions\/76385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/76134"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=76055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=76055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=76055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}