LAMPIRAN
Plugin GUI Builder Android
Widget Component
No
1
Widget Name
AnalogClock
This widget display an analogic clock with two hands for hours
and minutes.
Description
(Widget yang digunakan untuk menampilkan jam analog yang
memiliki 2 buah jarum jam yang menunjukan jam dan menit)
Attribute
android.view.View
<AnalogClock android:id="@+id/AnalogClock01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></AnalogClock>
Result
No
2
Widget Name
AutoCompleteTextView
An editable text view that shows completion suggestions
automatically while the user is typing. The list of suggestions is
Description
displayed in a drop down menu from which the user can choose
an item to replace the content of the edit box with.
(Teks yang muncul dengan otomatis ketika pengguna sedang
Plugin GUI Builder Android
mengetik sesuatu. Teks utuh tersebut akan muncul ketika
pengguna baru mengetikan beberapa huruf. List dari teks yang
disarankan akan tertampil dengan tampilan drop down, dan
ketika pengguna memilih teks tersebut, secara otomatis akan
mengganti teks yang belum sempurna tersebut)
android.widget.AutoCompleteTextView
Attribute
android.widget.TextView
android.view.View
<AutoCompleteTextView
android:text="@+id/AutoCompleteTextView01"
android:id="@+id/AutoCompleteTextView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></AutoCompleteTextV
iew>
Result
No
3
Widget Name
Button
Represents a push-button widget. Push-buttons can be pressed,
Description
or clicked, by the user to perform an action.
(Merupakan widget yang dapat ditekan yang berbentuk sebuah
Plugin GUI Builder Android
tombol dimana ketika tombol tersebut ditekan atau diklik oleh
pengguna, maka akan melakukan suatu aksi / proses)
android.widget.TextView
Attribute
android.view.View
<Button android:text="@+id/Button01"
android:id="@+id/Button01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></Button>
Result
No
4
Widget Name
CheckedTextView
An extension to TextView that supports the Checkable interface.
This is useful when used in a ListView.
(Kelanjutan dari TextView dimana teks nya dapat mensupport
Description
Checkable interface artinya dapat disentuh / diklik oleh
pengguna, sangat berguna ketika digunakan dalam ListView.
Contoh penggunaanya dalam AutoCompleteTextView, user
dapat mengklik / menyentuh teks yang ditampilkan)
android.widget.TextView
Attribute
android.view.View
XML Code
<CheckedTextView android:text="@+id/CheckedTextView01"
Plugin GUI Builder Android
android:id="@+id/CheckedTextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></CheckedTextView>
Result
No
5
Widget Name
CheckBox
A checkbox is a specific type of two-states button that can be
either checked or unchecked.
Description
(Sebuah icon yang memiliki 2 kemungkinan yaitu checked /
diceklis atau unchecked / tidak diceklist, biasanya icon ini yang
menyatakan suatu proses diaktifkan atau tidak)
android.widget.TextView
Attribute
android.view.View
<CheckBox android:text="@+id/CheckBox01"
android:id="@+id/CheckBox01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></CheckBox>
Result
No
6
Widget Name
Chronometer
Plugin GUI Builder Android
Class that implements a simple timer.
Description
(Kelas yang mengimplementasikan timer yang sederhana)
android:format
Attribute
android.widget.TextView
android.view.View
<Chronometer android:text="@+id/Chronometer01"
android:id="@+id/Chronometer01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></Chronometer>
Result
No
7
Widget Name
DatePicker
This class is a widget for selecting a date. The date can be
selected by a year, month, and day spinners or a CalendarView.
Description
(Kelas ini adalah widget untuk memilih tanggal. Tanggal dapat
dipilih dengan menggunakan bulan, tahun dan pergantian hari
atau sebuah CalendarView)
android:calendarViewShown
android:endYear
Attribute
android:maxDate
android:minDate
Plugin GUI Builder Android
android:spinnerShown
android:startYear
android.widget.FrameLayout
android.view.ViewGroup
android.view.View
<DatePicker android:id="@+id/DatePicker01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></DatePicker>
Result
No
8
Widget Name
DigitalClock
Like AnalogClock, but digital. implement separate views for
hours/minutes/seconds.
Description
(Sama seperti AnalogClock, hanya ditampilkan secara digital.
Menampilkan tentang informasi jam / menit / detik.)
android.widget.TextView
Attribute
android.view.View
XML Code
<DigitalClock android:text="@+id/DigitalClock01"
Plugin GUI Builder Android
android:id="@+id/DigitalClock01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></DigitalClock>
Result
No
9
Widget Name
EditText
EditText is a thin veneer over TextView that configures itself to
be editable.
(EditText adalah lapisan tipis di atas TextView yang
Description
mengkonfigurasi dirinya sendiri untuk dapat diedit. Maksudnya
yaitu ketika pengguna selesai mengetikkan suatu teks, maka teks
itu dapat diedit kembali apabila terjadi kesalahan.)
android.widget.TextView
Attribute
android.view.View
<EditText android:text="@+id/EditText01"
android:id="@+id/EditText01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></EditText>
Result
No
10
Plugin GUI Builder Android
Widget Name
Gallery
A view that shows items in a center-locked, horizontally
scrolling list.
Description
(Tampilan yang menunjukan daftar-daftar item, ditampilkan
scrolling list secara horizontal, artinya dapat di scroll.)
android:animationDuration
android:gravity
android:spacing
android:unselectedAlpha
Attribute
android.widget.AbsSpinner
android.view.ViewGroup
android.view.View
<Gallery android:id="@+id/Gallery01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></Gallery>
Result
No
11
Widget Name
ImageButton
Displays a button with an image (instead of text) that can be
Description
pressed or clicked by the user.
(Sama seperti Button, hanya saja bisa digunakan dengan
Plugin GUI Builder Android
menambahkan gambar. Fungsinya sama yaitu dapat di tekan atau
di klik oleh pengguna. Secara default tampilannya sama seperti
Button)
android.widget.ImageView
Attribute
android.view.View
<ImageButton android:id="@+id/ImageButton01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageButton>
Result
No
12
Widget Name
ImageView
Displays an arbitrary image, such as an icon. The ImageView
class can load images from various sources (such as resources or
content providers).
Description
(Menampilkan gambar seadanya, seperti sebuah ikon. Kelas
ImageView dapat memuat gambar dari berbagai sumber (Seperti
sumber daya atau penyedia konten).)
android.widget.ImageView
Attribute
android.view.View
<ImageView android:id="@+id/ImageView01"
XML Code
android:layout_width="wrap_content"
Plugin GUI Builder Android
android:layout_height="wrap_content"></ImageView>
Result
No
13
Widget Name
MultiAutoCompleteTextView
An editable text view, extending AutoCompleteTextView, that
can show completion suggestions for the substring of the text
where the user is typing instead of necessarily for the entire
thing.
Description
(Teks yang dapat di edit, yang merupakan kelanjutan dari
AutoCompleteTextView.
Hanya
saja
dapat
menunjukan
beberapa saran penyelesaian untuk substring teks dimana
pengguna mengetik teks tertentu bukan seluruhnya)
android.widget.AutoCompleteTextView
Attribute
android.widget.TextView
android.view.View
<MultiAutoCompleteTextView
android:text="@+id/MultiAutoCompleteTextView01"
android:id="@+id/MultiAutoCompleteTextView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></MultiAutoComplete
TextView>
Plugin GUI Builder Android
Result
No
14
Widget Name
ProgressBar
Visual indicator of progress in some operation. Displays a bar to
the user representing how far the operation has progressed.
Description
(Visual indicator dari suatu proses operasi. Menampilkan bar
yang menunjukan seberapa jauh operasi yang sudah selesai di
proses.)
android:animationResolution
android:indeterminate
android:indeterminateBehavior
android:indeterminateDrawable
android:indeterminateDuration
android:indeterminateOnly
Attribute
android:interpolator
android:max
android:maxHeight
android:maxWidth
android:minHeight
android:minWidth
Plugin GUI Builder Android
android:progress
android:progressDrawable
android:secondaryProgress
android.view.View
<ProgressBar android:id="@+id/ProgressBar01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ProgressBar>
Result
No
15
Widget Name
RadioButton
Radio buttons are normally used together in a RadioGroup.
When several radio buttons live inside a radio group, checking
one radio button unchecks all the others.
Description
(Tombol
radio
biasanya
digunakan
bersamaan
dalam
RadioGroup. Ketika satu tombol radio aktif di dalam kelompok,
maka hanya boleh satu radio saja yang aktif, yang lainnya akan
dimatikan)
android.widget.TextView
Attribute
android.view.View
XML Code
<RadioButton android:text="@+id/RadioButton01"
Plugin GUI Builder Android
android:id="@+id/RadioButton01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></RadioButton>
Result
No
16
Widget Name
RatingBar
A RatingBar is an extension of SeekBar and ProgressBar that
shows a rating in stars. The user can touch/drag or use arrow
keys to set the rating when using the default size RatingBar.
(RatingBar merupakan kelanjutan dari SeekBar dan ProgressBar
Description
dimana menampilkan suatu rating dalam icon bintang. Pengguna
dapat menyentuh / mendrag atau menggunakan tombol arah
untuk mengatur peringkat. Contoh penggunaan RatingBar adalah
pada lagu. Biasanya rating diberikan jika lagu tersebut memiliki
kualitas yang bagus / sering diputar.)
android:isIndicator
android:numStars
android:rating
Attribute
android:stepSize
android.view.View
Plugin GUI Builder Android
<RatingBar android:id="@+id/RatingBar01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></RatingBar>
Result
No
17
Widget Name
SeekBar
A SeekBar is an extension of ProgressBar that adds a draggable
thumb. The user can touch the thumb and drag left or right to set
the current progress level or use the arrow keys.
(SeekBar
Description
merupakan
kelanjutan
dari
ProgressBar
yang
menambahkan thumb yang dapatdi drag. Pengguna dapat
menyentuh thumb tersebut dan mendragnya ke kiri atau ke
kanan untuk mengatur tingkat kemajuannya atau menggunakan
tombol arah. Contoh penggunaanya yaitu ketika akan membuka
kunci layar.)
Attribute
android.view.View
<SeekBar android:id="@+id/SeekBar01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></SeekBar>
Result
Plugin GUI Builder Android
No
18
Widget Name
Spinner
A view that displays one child at a time and lets the user pick
among them.
Description
(Suatu tampilan yang menyajikan lebih dari satu pilihan secara
bersamaan. Pengguna dapat memilih salah satunya untuk
melakukan suatu aksi / proses)
android:gravity
android:prompt
Attribute
android.view.ViewGroup
android.view.View
<Spinner android:id="@+id/Spinner01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></Spinner>
Result
No
19
Widget Name
SurfaceView
Provides a dedicated drawing surface embedded inside of a view
Description
hierarchy. You can control the format of this surface and, if you
like, its size; the SurfaceView takes care of placing the surface at
Plugin GUI Builder Android
the correct location on the screen.
(Inti dari penggunaan SurfaceView adalah untuk mengkoreksi
penempatan widget ketika ditampilkan pada layar.)
Attribute
android.view.View
<SurfaceView android:id="@+id/SurfaceView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></SurfaceView>
Result
No
20
Widget Name
TextView
Displays text to the user and optionally allows them to edit it.
Description
(Menampilkan teks kepada pengguna dan secara opsional dapat
dilakukan pengeditan.)
android:autoLink
android:autoText
android:bufferType
android:capitalize
Attribute
android:cursorVisible
android:digits
android:drawableBottom
android:drawableLeft
android:drawablePadding
Plugin GUI Builder Android
android:drawableRight
android:drawableTop
android:editable
android:editorExtras
android:ellipsize
android:ems
android:freezesText
android:gravity
android:height
android:hint
android:imeActionId
android:imeActionLabel
android:imeOptions
android:includeFontPadding
android:inputMethod
android:inputType
android:lineSpacingExtra
android:lineSpacingMultiplier
android:lines
android:linksClickable
android:marqueeRepeatLimit
android:maxEms
android:maxHeight
Plugin GUI Builder Android
android:maxLength
android:maxLines
android:maxWidth
android:minEms
android:minHeight
android:minLines
android:minWidth
android:numeric
android:password
android:phoneNumber
android:privateImeOptions
android:scrollHorizontally
android:selectAllOnFocus
android:shadowColor
android:shadowDx
android:shadowDy
android:shadowRadius
android:singleLine
android:text
android:textColor
android:textColorHighlight
android:textColorHint
android:textColorLink
Plugin GUI Builder Android
android:textIsSelectable
android:textScaleX
android:textSize
android:textStyle
android:typeface
android:width
android.view.View
<TextView android:text="@+id/TextView01"
android:id="@+id/TextView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>
Result
No
21
Widget Name
TimePicker
A view for selecting the time of day, in either 24 hour or
AM/PM mode.
Description
(Tampilan
untuk
memilih
mode
waktu,
dimana
ditampilkan dalam mode 24 jam atau dalam AM/PM)
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
Plugin GUI Builder Android
dapat
<TimePicker android:id="@+id/TimePicker01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TimePicker>
Result
No
22
Widget Name
ToggleButton
Displays checked/unchecked states as a button with a "light"
indicator and by default accompanied with the text "ON" or
"OFF".
Description
(Tombol yang digunakan untuk menghidupkan atau mematikan
suatu aksi / progress tertentu. Biasanya dalam keadaan aktif,
iconnya akan menyala)
android:disabledAlpha
android:textOff
android:textOn
Attribute
android.widget.TextView
android.view.View
XML Code
<ToggleButton android:text="@+id/ToggleButton01"
Plugin GUI Builder Android
android:id="@+id/ToggleButton01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ToggleButton>
Result
No
23
Widget Name
TwoLineListItem
A view group with two children, intended for use in ListViews.
This item has two TextViews elements (or subclasses) with the
Description
ID values text1 and text2.
(Inti dari penggunaan TwoLineListItem adalah berfungsi untuk
menampilkan 2 buah atau lebih ListItem secara bersamaan)
android:mode
Attribute
android.widget.RelativeLayout
android.view.ViewGroup
android.view.View
<TwoLineListItem android:id="@+id/TwoLineListItem01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TwoLineListItem>
Result
Plugin GUI Builder Android
No
24
Widget Name
VideoView
Displays a video file. The VideoView class can load images
from various sources (such as resources or content providers).
Description
(Menampilkan sebuah file video. Kelas VideoView dapat
memuat gambar / file dari berbagai sumber (contoh dari memori
atau penyedia konten YouTube).)
Attribute
android.view.View
<VideoView android:id="@+id/VideoView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></VideoView>
Result
No
25
Plugin GUI Builder Android
Widget Name
View
Provides classes that expose basic user interface classes that
handle screen layout and interaction with the user.
Description
(View merupakan dasar dari kelas user interface dimana dialah
yang menangani tata letak layar / widget dan interaksi dengan
pengguna.)
Attribute
<View android:id="@+id/View01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></View>
Result
No
26
Widget Name
ViewStub
A ViewStub is an invisible, zero-sized View that can be used to
Description
lazily inflate layout resources at runtime.
android:inflatedId
android:layout
Attribute
android.view.View
<ViewStub android:id="@+id/ViewStub01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewStub>
Plugin GUI Builder Android
Result
No
27
Widget Name
ZoomButton
Description
android.widget.ImageView
Attribute
android.view.View
<ZoomButton android:id="@+id/ZoomButton01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ZoomButton>
Result
No
28
Widget Name
ZoomControls
The ZoomControls class displays a simple set of controls used
for zooming and provides callbacks to register for events.
Description
(Inti dari penggunaan zoom control adalah dimana widget ini
menyediakan satu set tombol untuk melakukan zooming /
memperbesar suatu tampilan, zoom out dan zoom in.)
android.widget.LinearLayout
Attribute
android.view.ViewGroup
android.view.View
XML Code
<ZoomControls android:id="@+id/ZoomControls01"
Plugin GUI Builder Android
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ZoomControls>
Result
Layout Component
No
1
Layout Name
AbsoluteLayout
A layout that lets you specify exact locations (x/y coordinates) of
its children. Absolute layouts are less flexible and harder to
maintain than other types of layouts without absolute
positioning.
Description
(Layout yang memungkinkan menentukan sendiri lokasi yang
tepat untuk widget (menggunakan koordinat x / y) Absolute
layout dikatakan kurang fleksibel karena penempatannya bersifat
permanen dan sulit untuk mengatur tata letak widget)
android.view.ViewGroup
Attribute
android.view.View
<AbsoluteLayout android:id="@+id/AbsoluteLayout01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></AbsoluteLayout>
Result
Plugin GUI Builder Android
No
2
Layout Name
DialerFilter
Description
android.widget.RelativeLayout
Attribute
android.view.ViewGroup
android.view.View
<DialerFilter android:id="@+id/DialerFilter01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></DialerFilter>
Result
No
3
Layout Name
ExpandableListView
A view that shows items in a vertically scrolling two-level list.
Description
(Menampilkan daftar item scrolling secara vertikal dengan list
level sebanyak 2 tingkat. )
android:childDivider
android:childIndicator
android:childIndicatorLeft
Attribute
android:childIndicatorRight
android:groupIndicator
android:indicatorLeft
android:indicatorRight
Plugin GUI Builder Android
android.widget.ListView
android.widget.AbsListView
android.view.ViewGroup
android.view.View
<ExpandableListView
android:id="@+id/ExpandableListView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ExpandableListView
>
Result
No
4
Layout Name
FrameLayout
FrameLayout is designed to block out an area on the screen to
display a single item.
Description
(FrameLayout dirancang untuk membatasi area pada layar ketika
menampilkan sebuah item.)
android:foreground
android:foregroundGravity
Attribute
android:measureAllChildren
android.view.ViewGroup
Plugin GUI Builder Android
android.view.View
<FrameLayout android:id="@+id/FrameLayout01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></FrameLayout>
Result
No
5
Layout Name
GridView
A view that shows items in two-dimensional scrolling grid.
Description
(Untuk menampilkan item dalam scrolling 2 arah / dimensi.)
android:columnWidth
android:gravity
android:horizontalSpacing
android:numColumns
android:StretchMode
Attribute
android:verticalSpacing
android.widget.AbsListView
android.view.ViewGroup
android.view.View
<GridView android:id="@+id/GridView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></GridView>
Plugin GUI Builder Android
Result
No
6
Layout Name
HorizontalScrollView
Layout container for a view hierarchy that can be scrolled by the
user, allowing it to be larger than the physical display. A
HorizontalScrollView is a FrameLayout, meaning you should
place one child in it containing the entire contents to scroll.
Description
(Layout untuk menyimpan tampilan hirarki yang dapat di scroll
oleh pengguna, tampilan dapat diperbesar dari ukuran aslinya.
HorizontalScrollView adalah sebuah FrameLayout, artinya harus
menempatkan item kedalam sebuah tampilan agar dapat di
scroll)
android:fillViewport
Attribute
android.widget.FrameLayout
android.view.ViewGroup
android.view.View
<HorizontalScrollView
android:id="@+id/HorizontalScrollView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></HorizontalScrollVie
w>
Plugin GUI Builder Android
Result
No
7
Layout Name
ImageSwitcher
Description
android.widget.ViewAnimator
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
<ImageSwitcher android:id="@+id/ImageSwitcher01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageSwitcher>
Result
No
8
Layout Name
LinearLayout
A Layout that arranges its children in a single column or a single
row.
Description
(Layout yang mengatur dan menampilkan widget=widget secara
kolom atau baris)
android.view.ViewGroup
Attribute
android.view.View
XML Code
<LinearLayout android:id="@+id/LinearLayout02"
Plugin GUI Builder Android
android:layout_width="wrap_content"
android:layout_height="wrap_content"></LinearLayout>
Result
No
9
Layout Name
Listview
A view that shows items in a vertically scrolling list.
Description
(View yang menampilkan scroll list item secara vertikal)
android.widget.ListView
android.widget.AbsListView
Attribute
android.view.ViewGroup
android.view.View
<ListView android:id="@+id/ListView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ListView>
Result
No
10
Layout Name
MediaController
A view containing controls for a MediaPlayer. Typically
contains the buttons like "Play/Pause", "Rewind", "Fast
Description
Forward" and a progress slider. It takes care of synchronizing the
controls with the state of the MediaPlayer.
Plugin GUI Builder Android
(Tampilan yang berisi kontrol untuk MediaPlayer. Biasanya
berisi tombol-tombol seperti "Play / Pause", "Rewind", "Fast
Forward" dan slider untuk mempercepat lagu / video.
Dibutuhkan sinkronisasi dengan kontrol yang ada pada
MediaPlayer)
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
<MediaController android:id="@+id/MediaController01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></MediaController>
Result
No
11
Layout Name
Merge
Description
Attribute
XML Code
Result
No
12
Layout Name
RadioGroup
Description
This class is used to create a multiple-exclusion scope for a set
Plugin GUI Builder Android
of radio buttons.
(Kelas ini digunakan untuk membuat lingkup untuk satu set
tombol radio.)
android.widget.LinearLayout
Attribute
android.view.ViewGroup
android.view.View
<RadioGroup android:id="@+id/RadioGroup01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></RadioGroup>
Result
No
13
Layout Name
RelativeLayout
A Layout where the positions of the children can be described in
relation to each other or to the parent.
Description
(Layout ini berbeda dengan AbsoluteLayout, jika menggunakan
layout ini, penempatan widget tidak bersifat, tetapi akan
menyesuaikan dengan keadaan layar.)
android.view.ViewGroup
Attribute
android.view.View
<RelativeLayout android:id="@+id/RelativeLayout01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></RelativeLayout>
Plugin GUI Builder Android
Result
No
14
Layout Name
ScrollView
Layout container for a view hierarchy that can be scrolled by the
user, allowing it to be larger than the physical display.
Description
(Layout yang menampilkan tampilan secara hirarki sehingga
dapat di scroll oleh pengguna. Tampilan dapat diperbesar dari
ukuran asli.)
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
<ScrollView android:id="@+id/ScrollView01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ScrollView>
Result
No
15
Layout Name
SlidingDrawer
SlidingDrawer hides content out of the screen and allows the
user to drag a handle to bring the content on screen.
Description
(SlidingDrawer memungkinan menyembunyikan sementara
suatu konten dan menampilkan kembali konten tersebut ke
Plugin GUI Builder Android
layar.)
android:allowSingleTap
android:animateOnClick
android:bottomOffSet
android:content
android:handle
Attribute
android:orientation
android:topOffSet
android.view.ViewGroup
android.view.View
<SlidingDrawer android:id="@+id/SlidingDrawer01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></SlidingDrawer>
Result
No
16
Layout Name
TabHost
Container for a tabbed window view. This object holds two
children: a set of tab labels that the user clicks to select a specific
Description
tab, and a FrameLayout object that displays the contents of that
page.
(Jendela Tab dimana objek ini memiliki 2 buah tampilan, untuk
Plugin GUI Builder Android
memindahkan dari satu tampilan ke tampilan lain dalam satu tab,
pengguna hanya mengklik pada tab tampilan mana yang akan
diperlihatkan)
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
<TabHost android:id="@+id/TabHost01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TabHost>
Result
No
17
Layout Name
TableLayout
A layout that arranges its children into rows and columns.
Description
(Menampilkan tata letak widget kedalam baris atau kolom)
android:collapseColumns
android:shrinkColumns
android:stretchColumns
Attribute
android.widget.LinearLayout
android.view.ViewGroup
android.view.View
XML Code
<TableRow android:id="@+id/TableRow01"
Plugin GUI Builder Android
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TableRow>
Result
No
18
Layout Name
TableRow
A layout that arranges its children horizontally.
Description
(Menampilkan tata letak widget secara horizontal)
android.widget.LinearLayout
Attribute
android.view.ViewGroup
android.view.View
<TableRow android:id="@+id/TableRow01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TableRow>
Result
No
19
Layout Name
TabWidget
Displays a list of tab labels representing each page in the parent's
tab collection.
Description
(Menampilkan daftar label tab mewakili setiap halaman dalam
koleksi tab.)
Attribute
android:divider
Plugin GUI Builder Android
android:tabStripEnabled
android:tabStripLeft
android:tabStripRight
android.widget.LinearLayout
android.view.ViewGroup
android.view.View
<TabWidget android:id="@android:id/tabs"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TabWidget>
Result
No
20
Layout Name
TextSwitcher
A TextSwitcher is useful to animate a label on screen.
Description
(TextSwitcher adalah berguna untuk menghidupkan label pada
layar.)
android.widget.ViewAnimator
android.widget.LinearLayout
Attribute
android.view.ViewGroup
android.view.View
<TextSwitcher android:id="@+id/TextSwitcher01"
XML Code
android:layout_width="wrap_content"
Plugin GUI Builder Android
android:layout_height="wrap_content"></TextSwitcher>
Result
No
21
Layout Name
ViewAnimator
Base class for a FrameLayout container that will perform
animations when switching between its views.
Description
(Berfungsi untuk memberikan suatu animasi ketika berpindah
dari satu tampilan ke tampilan lain)
android:animateFirstView
android:inAnimation
android:outAnimation
Attribute
android.widget.FrameLayout
android.view.ViewGroup
android.view.View
<ViewAnimator android:id="@+id/ViewAnimator01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewAnimator>
Result
No
22
Layout Name
ViewFlipper
Plugin GUI Builder Android
Simple ViewAnimator that will animate between two or more
views that have been added to it.
Description
(Kelanjutan dari ViewAnimator hanya saja animasi dapat
ditambahkan tidak hanya satu, tetapi beberapa animasi, dan juga
dapat digunakan dalam 2 atau lebih perpindahan tampilan)
android.widget.ViewAnimator
android.widget.FrameLayout
Attribute
android.view.ViewGroup
android.view.View
<ViewFlipper android:id="@+id/ViewFlipper01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewFlipper>
Result
No
23
Layout Name
ViewSwitcher
ViewAnimator that switches between two views, and has a
factory from which these views are created.
Description
(ViewSwitcher adalah animasi yang ditampilkan diantara 2 buah
tampilan. Maksudnya animasi akan muncul ketika pengguna
memindahkan dari satu tampilan ke tampilan yang lain.)
android.widget.ViewAnimator
Attribute
android.widget.FrameLayout
Plugin GUI Builder Android
android.view.ViewGroup
android.view.View
<ViewSwitcher android:id="@+id/ViewSwitcher01"
XML Code
android:layout_width="wrap_content"
android:layout_height="wrap_content"></ViewSwitcher>
Result
Attribute Component
No
1
Attribute Name
android.widget.AbsListView
Component
Description
android:cacheColorHint
Indicates that this list will always be
drawn on top of solid, single-color
opaque background.
android:choiceMode
Defines the choice behavior for the
view.
android:drawSelectorOnTop
When set to true, the selector will be
drawn over the selected item.
android:fastScrollEnabled
Enables the fast scroll thumb that can be
dragged to quickly scroll through the
list.
android:listSelector
Drawable used to indicate the currently
selected item in the list.
Plugin GUI Builder Android
android:scrollingCache
When set to true, the list uses a drawing
cache during scrolling.
android:smoothScrollbar
When set to true, the list will use a more
refined calculation method based on the
pixels height of the items visible on
screen.
android:stackFromBottom
Used by ListView and GridView to stack
their content from the bottom.
android:textFilterEnabled
When set to true, the list will filter results
as the user types.
android:transcriptMode
Sets the transcript mode for the list.
No
2
Attribute Name
android.widget.AbsSpinner
Component
Description
android:entries
Reference to an array resource that will
populate the Spinner.
No
3
Attribute Name
android.widget.AutoCompleteTextView
Component
Description
android:completionHint
Defines the hint displayed in the drop
down menu.
Plugin GUI Builder Android
android:completionHintView
Defines the hint view displayed in the
drop down menu.
android:completionThreshold
Defines the number of characters that the
user
must
type
before
completion
suggestions are displayed in a drop down
menu.
android:dropDownAnchor
View
to
anchor
the
auto-complete
dropdown to.
android:dropDownHeight
Specifies
the
basic
height
of
the
dropdown.
android:dropDownHorizontalOffset
Amount of pixels by which the drop
down should be offset horizontally.
android:dropDownSelector
Selector in a drop down list.
android:dropDownVerticalOffset
Amount of pixels by which the drop
down should be offset vertically.
android:dropDownWidth
Specifies
android:popupBackground
dropdown.
No
4
Attribute Name
android.widget.FrameLayout
Component
Description
android:foreground
Defines the drawable to draw over the
content.
Plugin GUI Builder Android
the
basic
width
of
the
android:foregroundGravity
Defines the gravity to apply to the
foreground drawable.
android:measureAllChildren
Determines whether to measure all
children or just those in the VISIBLE or
INVISIBLE state when measuring.
No
5
Attribute Name
android.widget.ImageView
Component
Description
android:adjustViewBounds
Set this to true if you want the
ImageView to adjust its bounds to
preserve the aspect ratio of its drawable.
android:baseline
The offset of the baseline within this
view.
android:baselineAlignBottom
If true, the image view will be baseline
aligned with based on its bottom edge.
android:cropToPadding
If true, the image will be cropped to fit
within its padding.
android:maxHeight
An optional argument to supply a
maximum height for this view.
android:maxWidth
An optional argument to supply a
maximum width for this view.
android:scaleType
Plugin GUI Builder Android
Controls how the image should be
resized or moved to match the size of this
android:src
ImageView.
android:tint
Sets a drawable as the content of this
ImageView.
Set a tinting color for the image.
No
6
Attribute Name
android.widget.LinearLayout
Component
Description
android:baselineAligned
When set to false, prevents the layout
from aligning its children's baselines.
android:baselineAlignedChildIndex
When a linear layout is part of another
layout that is baseline aligned, it can
specify which of its children to baseline
align to (that is, which child TextView).
android:gravity
Specifies how to place the content of an
object, both on the x- and y-axis, within
the object itself.
android:measureWithLargestChild
When set to true, all children with a
weight will be considered having the
minimum size of the largest child.
android:orientation
Should the layout be a column or a row?
Use "horizontal" for a row, "vertical" for
Plugin GUI Builder Android
a column.
android:weightSum
Defines the maximum weight sum.
No
7
Attribute Name
android.widget,ListView
Component
Description
android:divider
Drawable or color to draw between list
items.
android:dividerHeight
Height of the divider.
android:entries
Reference to an array resource that will
populate the ListView.
android:footerDividersEnabled
When set to false, the ListView will not
draw the divider before each footer
view.
android:headerDividersEnabled
When set to false, the ListView will not
draw the divider after each header view.
No
8
Attribute Name
android.widget.ProgressBar
Component
Description
android:progressbarStyle
Default ProgressBar style.
android:progressBarStyleHorizontal
Horizontal ProgressBar style.
android:progressBarStyleLarge
Large ProgressBar style.
Plugin GUI Builder Android
android:progressBarStyleSmall
Small ProgressBar style.
No
9
Attribute Name
android.widget.RelativeLayout
Component
Description
android:gravity
Specifies how to place the content of an
object, both on the x- and y-axis, within
the object itself.
android:ignoreGravity
Indicates what view should not be
affected by gravity.
No
10
Attribute Name
android.widget.TextView
Component
Description
android:autoLink
Controls whether links such as urls and
email addresses are automatically found
and converted to clickable links.
android:autoText
If set, specifies that this TextView has a
textual input method and automatically
corrects some common spelling errors.
android:bufferType
Determines the minimum type that
getText() will return.
android:capitalize
Plugin GUI Builder Android
If set, specifies that this TextView has a
textual
input
method
and
should
automatically capitalize what the user
types.
android:cursorVisible
Makes the cursor visible (the default) or
invisible.
android:digits
If set, specifies that this TextView has a
numeric input method and that these
specific characters are the ones that it
will accept.
android:drawableBottom
The drawable to be drawn below the
text.
android:drawableLeft
The drawable to be drawn to the left of
the text.
android:drawablePadding
The padding between the drawables and
the text.
android:drawableRight
The drawable to be drawn to the right of
the text.
android:drawableTop
The drawable to be drawn above the
text.
android:editable
If set, specifies that this TextView has an
input method.
android:editorExtras
Reference to an <input-extras> XML
resource containing additional data to
Plugin GUI Builder Android
supply to an input method, which is
private to the implementation of the input
method.
android:ellipsize
If set, causes words that are longer than
the view is wide to be ellipsized instead
of broken in the middle.
android:ems
Makes the TextView be exactly this
many ems wide.
android,freezesText
If set, the text view will include its
current complete text inside of its frozen
icicle in addition to meta-data such as the
current cursor position.
android:gravity
Specifies how to align the text by the
view's x- and/or y-axis when the text is
smaller than the view.
android:height
Makes the TextView be exactly this
many
pixels
tall.
android:hint
setHint(int) Hint text to display when the
text is empty.
android:hint
Hint text to display when the text is
empty.
android:imeActionId
Supply a value for EditorInfo.actionId
used when an input method is connected
Plugin GUI Builder Android
to the text view.
android:imeActionLabel
Supply
a
value
for
EditorInfo.actionLabel used when an
input method is connected to the text
view.
android:imeOptions
Additional features you can enable in an
IME associated with an editor to improve
the integration with your application.
android:includeFontPadding
Leave enough room for ascenders and
descenders instead of using the font
ascent and descent strictly.
android:inputMethod
If set, specifies that this TextView should
use the specified input method (specified
by fully-qualified class name).
android:inputType
The type of data being placed in a text
field, used to help an input method
decide how to let the user enter text.
android:lineSpacingExtra
Extra spacing between lines of text.
android:lineSpacingMultiplier
Extra spacing between lines of text, as a
multiplier.
android:lines
Makes the TextView be exactly this
many lines tall.
android:linksClickable
Plugin GUI Builder Android
If set to false, keeps the movement
method from being set to the link
movement method even if autoLink
causes links to be found.
android:marqueeRepeatLimit
The number of times to repeat the
marquee animation.
android:maxEms
Makes the TextView be at most this
many ems wide.
android:masHeight
Makes the TextView be at most this
many pixels tall.
android:masLength
Set an input filter to constrain the text
length to the specified number.
android:masLines
Makes the TextView be at most this
many lines tall.
android:masWidth
Makes the TextView be at most this
many pixels wide.
android:minEms
Makes the TextView be at least this
many ems wide.
android:minHeight
Makes the TextView be at least this
many pixels tall.
android:minLines
Makes the TextView be at least this
many lines tall.
android:minWidth
Makes the TextView be at least this
many pixels wide.
Plugin GUI Builder Android
android:numeric
If set, specifies that this TextView has a
numeric input method.
android:password
Whether the characters of the field are
displayed as password dots instead of
themselves.
android:phoneNumber
If set, specifies that this TextView has a
phone number input method.
android:privatelmeOptions
An addition content type description to
supply to the input method attached to
the text view, which is private to the
implementation of the input method.
android:scrollHorizontally
Whether the text is allowed to be wider
than the view (and therefore can be
scrolled horizontally).
android:selectAllOnFocus
If the text is selectable, select it all when
the view takes focus instead of moving
the cursor to the start or end.
android:shadowColor
Place a shadow of the specified color
behind the text.
android:ShadowDx
Horizontal offset of the shadow.
android:ShadowDy
Vertical offset of the shadow.
android:shadowRadius
Radius of the shadow.
android:singleLine
Constrains
Plugin GUI Builder Android
the
text
to
a
single
horizontally scrolling line instead of
letting it wrap onto multiple lines, and
advances focus instead of inserting a
newline when you press the enter key.
android:text
Text to display.
android:textAppearance
Base text color, typeface, size, and style.
android:textColor
Text color.
android:textColorHighlight
Color of the text selection highlight.
android:textColorHint
Color of the hint text.
android:textColorLink
Text color for links.
android:textIsSelectable
Indicates that the content of a noneditable text can be selected.
android:textScalex
Sets the horizontal scaling factor for the
text.
android:textSize
Size of the text.
android:textStyle
Style (bold, italic, bolditalic) for the text.
android:typerace
Typeface
(normal,
sans,
serif,
monospace) for the text.
android:width
Makes the TextView be exactly this
many pixels wide.
No
11
Attribute Name
android.widget.ViewAnimator
Plugin GUI Builder Android
Component
Description
android:animatedFirstView
Defines whether to animate the current
View when the ViewAnimation is first
displayed.
android:inAnimation
Identifier for the animation to use when a
view is shown.
android:outAnimation
Identifier for the animation to use when a
view is hidden.
No
12
Attribute Name
android.view.View
Component
Description
android:alpha
Alpha property of the view, as a value
between 0 (completely transparent) and 1
(completely opaque).
android:background
A drawable to use as the background.
android:clickable
Defines whether this view reacts to click
events.
android:contentDescription
Defines
text
that
briefly
describes
content of the view.
android:drawingCacheQuality
Defines
the
quality
of
translucent
drawing caches.
android:duplicateParentState
Plugin GUI Builder Android
When this attribute is set to true, the
view gets its drawable state (focused,
pressed, etc.) from its direct parent rather
than from itself.
android:fadingEdge
Defines which edges should be fadeded
on scrolling.
android:fadingEdgeLength
Defines the length of the fading edges.
android:filterTouchesWhenObscured
Specifies whether to filter touches when
the view's window is obscured by
another visible window.
android:fitsSystemWindows
Boolean internal attribute to adjust view
layout based on system windows such as
a
the status bar.
ndroid:focusable
Boolean that controls whether a view can
take focus.
android:focusableInTouchMode
Boolean that controls whether a view can
take focus while in touch mode.
android:hapticFeedbackEnabled
Boolean that controls whether a view
should have haptic feedback enabled for
events such as long presses.
android:id
Supply an identifier name for this view,
to
later
retrieve
View.findViewById()
Activity.findViewById().
Plugin GUI Builder Android
it
with
or
android:isScrollContainer
Set this if the view will serve as a
scrolling container, meaing that it can be
resized to shrink its overall window so
that there will be space for an input
method.
android:keepScreenOn
Controls whether the view's window
should keep the screen on while visible.
android:layerType
Specifies the type of layer backing this
view.
android:longClickable
Defines whether this view reacts to long
click events.
android:minHeight
Defines the minimum height of the
view.
android:mintWidth
Defines the minimum width of the view.
android:nextFocusDown
Defines the next view to give focus to
when the next focus is FOCUS_DOWN
If the reference refers to a view that does
not exist or is part of a hierarchy that is
invisible, a RuntimeException will result
when the reference is accessed.
android:nextFocusForward
Defines the next view to give focus to
when the next focus is FOCUS_DOWN
If the reference refers to a view that does
Plugin GUI Builder Android
not exist or is part of a hierarchy that is
invisible, a RuntimeException will result
when
accessed.
the
reference
is
android:nextFocusForward
setNextFocusForwardId(int) Defines the
next view to give focus to when the next
focus is FOCUS_FORWARD If the
reference refers to a view that does not
exist or is part of a hierarchy that is
invisible, a RuntimeException will result
when the reference is accessed.
android:nextFocusLeft
Defines the next view to give focus to
when the next focus is FOCUS_LEFT.
android:nextFocusRight
Defines the next view to give focus to
when the next focus is FOCUS_RIGHT
If the reference refers to a view that does
not exist or is part of a hierarchy that is
invisible, a RuntimeException will result
when the reference is accessed.
android:nextFocusUp
Defines the next view to give focus to
when the next focus is FOCUS_UP If the
reference refers to a view that does not
exist or is part of a hierarchy that is
Plugin GUI Builder Android
invisible, a RuntimeException will result
when the reference is accessed.
android:onClick
Name of the method in this View's
context to invoke when the view is
clicked.
android:padding
Sets the padding, in pixels, of all four
edges.
android:paddingBottom
Sets the padding, in pixels, of the bottom
edge; see padding.
android:paddingLeft
Sets the padding, in pixels, of the left
edge; see padding.
android:paddingRight
Sets the padding, in pixels, of the right
edge; see padding.
android:paddingTop
Sets the padding, in pixels, of the top
edge; see padding.
android:rotation
Rotation of the view, in degrees.
android:rotationX
Rotation of the view around the x axis, in
degrees.
android:rotationY
Rotation of the view around the y axis, in
degrees.
android:saveEnabled
If unset, no state will be saved for this
view when it is being frozen.
android:scaleX
Plugin GUI Builder Android
Scale of the view in the x direction.
android:scaleY
Scale of the view in the y direction.
android:scrollX
The initial horizontal scroll offset, in
pixels.
android:scrollY
The initial vertical scroll offset, in
pixels.
android:scrollbarAlwaysDrawHorizon
Defines whether the horizontal scrollbar
talTrack
track should always be drawn.
android:scrollbarAlwaysDrawVertical
Defines whether the vertical scrollbar
Track
track should always be drawn.
android:scrollbarDefaultDelayBeforeF Defines the delay in milliseconds that a
ade
scrollbar waits before fade out.
android:scrollbarFadeDuration
Defines the delay in milliseconds that a
scrollbar takes to fade out.
android:scrollbarSize
Sets the width of vertical scrollbars and
height of horizontal scrollbars.
android:scrollbarStyle
Controls the scrollbar style and position.
android:scrollbarThumbHorizontal
Defines the horizontal scrollbar thumb
drawable.
android:scrollbarThumbVertical
Defines the vertical scrollbar thumb
drawable.
android:scrollbarTrackHorizontal
Defines the horizontal scrollbar track
drawable.
android:scrollbarTrackVertical
Plugin GUI Builder Android
Defines the vertical scrollbar track
drawable.
android:scrollbars
Defines which scrollbars should be
displayed on scrolling or not.
android:soundEffectEnabled
Boolean that controls whether a view
should have sound effects enabled for
events such as clicking and touching.
android:tag
Supply a tag for this view containing a
String,
to
be
retrieved
later
with
View.getTag() or searched for with
View.findViewWithTag().
android:transformationPivotX
X location of the pivot point around
which the view will rotate and scale.
android:transformationPivotY
Y location of the pivot point around
which the view will rotate and scale.
android:translationX
Translation in x of the view.
android:translationY
Translation in y of the view.
android:visibility
Controls the initial visibility of the view.
No
13
Attribute Name
android.view.ViewGroup
Component
Description
android:addStatesFromChildren
Sets whether this ViewGroup's drawable
states also include its children's drawable
Plugin GUI Builder Android
states.
android:alwaysDrawnWithCache
Defines whether the ViewGroup should
always draw its children using their
drawing cache or not.
android:animatedLayoutChanges
Defines whether changes in layout
(caused by adding and removing items)
should cause a LayoutTransition to run.
android:animationCache
Defines
whether
layout
animations
should create a drawing cache for their
children.
android:clipChildren
Defines whether a child is limited to
draw inside of its bounds or not.
android:clipToPadding
Defines whether the ViewGroup will clip
its drawing surface so as to exclude the
padding area.
android:descendantFocusability
Defines the relationship between the
ViewGroup and its descendants when
looking for a View to take focus.
android:layoutAnimation
Defines the layout animation to use the
first time the ViewGroup is laid out.
android:persistentDrawingCache
Defines the persistence of the drawing
cache.
Plugin GUI Builder Android
Install Plugin GUI Designer Android pada Eclipse

Download dan install Android SDK dan Emulator
Download Android SDK di http://developer.android.com/sdk/index.html
kemudian simpan di komputer anda, setelah selesai download silahkan
extract ke drive C:\ (recommended). Hasil extract tadi menjadi C:\
android-sdk-windows agar lebih mudah mengakses nya.

Install the ADT Plugin untuk Eclipse
Buka Eclipse, klik Help > Install New Software.

- Pada dialog Available Software yang terbuka klik Add…
- Pada dialog Add Site yang muncul, masukan nama remote site (contoh:
Plugin GUI Builder Android
Android Plugin) pada Name field. Pada Location field, masukkan URL
berikut: https://dl-ssl.google.com/android/eclipse/. Klik OK dan tunggu
sampai “pending” selesai.

Jika anda mengalami masalah saat mengunduh plugin pada langkah nomor
3, coba ganti https dengan http. Jika muncul warning pada langkah 5, klik
bahwa kita mempercayai paket yang diunduh.

- Kembali ke Available Software view, seharusnya kita bisa melihat
“Developer Tools” tertambah pada daftar. Centang checkbox pada
Developer Tools yang secara otomatis mencentang pula Android DDMS
dan Android Development Tools. Klik Next dan tunggu sebentar.
Plugin GUI Builder Android

- Pada dialog Install Detail yang muncul, Android DDMS and Android
Development Tools features seharusnya terdaftar. Klik I accept … untuk
menyetujui perjanjian lisensi kemudian klik Finish. Tunggu sampai proses
fetching selesai. Klik Finish

- Mulai ulang (restart) Eclipse.

Setelah merestart eclipse selanjutnya kita harus menkonfigure ADT agar di
kenali oleh eclipse dengan mengarahkannya ke direktory android yang
telah kita download di langkah yang pertama, caranya klik menu windows
di eclipse, kemudian pilih preference. Klik tulisan android di sebelah kiri
kemudian pada SDK Location di jendela seblah kanan klik Browse dan
arahkan ke direktori tempat kita menyimpan SDK android yaitu di C:\
android-sdk-windows. Klik Apply – OK
Plugin GUI Builder Android
Plugin GUI Builder Android