You are here
Home > Android > Tutorial 1: Android UI Components

Tutorial 1: Android UI Components

This is the first tutorial in which we will discuss various android components that can be use to design an awesome android application. As this is the introduction tutorial of Android UI Component so here, I am going to point out the name of some important components.

Following are the most important components: –

1. TextView

By using this component, you can write any text that you want to display in your design outlook. There is the following subdivision of text view: –

  • Normal TextView
  • Password TextView
  • E-mail TextView
  • Phone TextView
  • Multiline Text
  • Time TextView
  • Date TextView
  • AutoComplete TextView
  • MultiAutoComplete TextView
  • Checked TextView
  • TextInputLayout

2. Button

This component is use to trigger any event in an app by clicking on it. You can either drag and drop the button into your UI Design or create your own button. There are also certain options available to style the button. Following are the subdivision of the button component: –

  • Normal Button
  • ImageButton
  • CheckBox
  • RadioGroup
  • RadioButton
  • ToggleButton
  • Switch
  • FloatingActionButton

3. Widgets

There are various components are available under widget section so that you can use it for the various purpose like adding video content, search bar, calendar view, rating bar etc. Following are the subdivision of widgetss: –

  • ImageView
  • WebView
  • VideoView
  • CalendarView
  • ProgressBar
  • SeekBar
  • RatingBar
  • SearchView
  • TextureView
  • SurfaceView

4. Layouts

It is basically the visual structure of user interface in your app. By using layout, we can easily position the components like textView, Button, EditText etc. Following  are the subpart of layouts: –

  • ConstraintsLayout
  • LinearLayout ( Horizontal and Vertical)
  • FrameLayout
  • TableLayout

5. Containers

A container is also called view that contains other view and control how their child components are positioned on the screen. Following are the subpart under containers: –

  • Spinner
  • RecyclerView
  • ScrollView
  • ViewPager
  • CardView
  • AppBarLayout
  • Navigation View
  • BottomNavigationView
  • ToolBar
  • TabLayout
  • TabItem
  • Fragment
  • RequestFocus

6. Google

Following are the available components provided by google to use in your android application: –

  • AdView
  • MapView

7. Legacy

Under Legacy the following components are available: –

  • GridLayout
  • ListView
  • TabHost
  • RelativeLayout
  • GridView

In the next coming tutorial we will understand each and every UI Components and how to use it in an android application.

Rahul Ranjan
I am a website developer by passion. Love to learn latest tech trends and share it with open public.