Daftar Commons Android Views Pada Layout Xml

Views yakni salah satu class library , yang dipakai 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 bersama-sama dalam hal pengembangan Android , kita dapat 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. Kaprikornus semacam cheat sheet, beberapa pola Views Android ,yang paling umum di gunakan oleh developer Android ,untuk menciptakan dan membuatkan 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 dapat mendownload cheat sheetnya berupa .pdf ,yang dibentuk oleh Google Developer , melalui linknya disini.  Semoga ini dapat membantu kalian , dalam hal menciptakan dan membuatkan Aplikasi Android.

Sumber https://www.okedroid.com/

Share this post