Daftar Commons Android Views pada Layout XML

Views adalah salah satu class library , yang digunakan untuk  menampilkan komponen User Interface ,dalam hal pengembangan Aplikasi Android. Views yang pertama kali di tampilkan dalam layout xml ,saat kita membuat Aplikasi Hello World , adalah Views  untuk menampilkan text yang disebut TextView. Nah sebenarnya dalam hal pengembangan Android , kita bisa menampilkan Views Android dengan cara programatically (dengan bahasa pemrograman) ataupun dengan cara Layout XML, yang sering kita gunakan.

Nah pada artikel kali ini ,saya akan menampilkan Daftar Common Android Views ,beserta codinganya pada Layout XML. Jadi semacam cheat sheet, beberapa contoh Views Android ,yang paling umum di gunakan oleh developer Android ,untuk membuat dan mengembangkan Aplikasi Android . 

1.  TextView

Digunakan untuk menampilkan text

Code :

<TextView
android:id="@+id/title_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/my_photos"
android:textAppearance="?android:textAppearanceLarge"
android:textColor="#4689C8"
android:textStyle="bold" />

2 . ImageView

Untuk menampilkan Gambar

Code :

<ImageView
android:id="@+id/photo_image_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/beach" />

3. Button

Untuk navigasi tombol

Code:

<Button
android:id="@+id/next_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next" />

4. View

Untuk border pembatas atau separasi

Code :

<View
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="#4E4B4F" />

5. Editext

Digunakan untuk kolom pengisian atau input text

Code :

<EditText
android:id="@+id/album_description_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/album_description"
android:inputType="textMultiLine" />

6. Spinner

Untuk menampilkan list dropdown kebawah

Code :

<Spinner
android:id="@+id/sort_by_spinner"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

7.  CheckBox

Untuk menampilkan kotak tombol ceklist

Code:

<CheckBox
android:id="@+id/notify_me_checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/notify_me"
android:textAppearance="?android:textAppearanceMedium" />

8. Radio Button

Untuk menampilkan list round button

Code :

<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<RadioButton
android:id="@+id/yes_radio_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/yes"
android:textAppearance="?android:textAppearanceMedium" />
<RadioButton
android:id="@+id/no_radio_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/no"
android:textAppearance="?android:textAppearanceMedium" />
</RadioGroup>

9.  Rating bar


Untuk menampilkan rating bintang

Code :

<RatingBar
android:id="@+id/rating_bar"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:rating="2.5"
android:stepSize="0.5" />

10. Switch

Untuk menampilkan switch on /off

Code :

<Switch
android:id="@+id/backup_photos_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/auto_backup_photos"
android:textAppearance="?android:textAppearanceSmall" />

11. Seekbar

Untuk menampilkan drag bar

Code :

<SeekBar
android:id="@+id/seek_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100"
android:progress="20" />

12. SearchView

Digunakan untuk kolom pencarian untuk mengetik query

Code :

<SearchView
android:id="@+id/search_viewr"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:iconifiedByDefault="false"
android:queryHint="@string/search_photos" />

13. Progress Bar

Digunakan untuk loading spinner dan indicator

Code :

<ProgressBar
android:id="@+id/loading_spinner"
style="@style/Widget.AppCompat.ProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

Code :

<ProgressBar
android:id="@+id/progress_bar"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:indeterminate="false"
android:max="100"
android:progress="40"/>

Nah kalian juga bisa mendownload cheat sheetnya berupa .pdf ,yang dibuat oleh Google Developer , melalui linknya disini.  Semoga ini bisa membantu kalian , dalam hal membuat dan mengembangkan Aplikasi Android.

Location:

Share :