Powered by:
• Work : o PT. Honeywell Indonesia o Cybereye Community
• Experience : o Technical Support o Enterprise Support o Administrator Server o Application Developer
Level
: Beginner
Fasilitator
: Edi Kurniawan
Email
:
[email protected]
Mobile Number
: +6285642990808
Beginner Curriculum
Link Course 1. https://classroom.udacity.com/courses/ud837 2. https://classroom.udacity.com/courses/ud836
Day 1
Day 2
Example Project Udacity
Building Layouts • View & ViewGroup ?
View
TextView
ImageView
ViewGroup
Button, etc
RelativeLayout
LinearLayout
FrameLayout, etc
View • Example
View • Example
TextView Link : https://goo.gl/WVbT1h
XML (Extensible Markup Language) adalah bahasa markupuntuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.
XML (Extensible Markup Language) adalah bahasa markupuntuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. Konsorsium Waring Wera Wanua (bahasa Inggris: World Wide Web Consortium) biasa disingkat (W3C) adalah suatu konsorsium yang bekerja untuk mengembangkan standar-standar untuk Waring Wera Wanua. Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (Hypertext Transfer Protocol), dan HTML (HyperText Markup Language) dikembangkan dan diatur oleh badan ini.
XML (eXtensible Markup Language) Link : https://goo.gl/WVbT1h
Element / View 1. CamelCase? 2. Apa itu DP & SP ? 3. Hex Color? 4. wrap_content / match_parent ?
Attribute Name
Attribute Value
CamelCase (KataKapital) Link : https://id.wikipedia.org/wiki/CamelCase CamelCase (atau KataKapital dalam bahasa Indonesia) adalah istilah bahasa Inggris yang mengacu kepada proses penulisan beberapa kata tanpa tanda spasi namun dengan mengkapitalisasi (menulis dengan huruf besar) setiap kata pembentuknya. Contoh: • Hari ini pembelajaran android • HariIniPembelajaranAndroid
XML (eXtensible Markup Language) Link : https://goo.gl/WVbT1h
Element / View 1. CamelCase? 2. Apa itu DP & SP ? 3. Hex Color? 4. wrap_content / match_parent ?
Attribute Name
Attribute Value
DP (Density independent Pixels) | SP (Scale independent Pixels) Link : https://www.twoh.co/2015/05/17/perbedaan-ukuran-antara-px-dp-dip-dan-sp-pada-android/
XML (eXtensible Markup Language) Link : https://goo.gl/WVbT1h
Element / View 1. CamelCase? 2. Apa itu DP & SP ? 3. Hex Color? 4. wrap_content / match_parent ?
Attribute Name
Attribute Value
Hex Color
XML (eXtensible Markup Language) Link : https://goo.gl/WVbT1h
Element / View 1. CamelCase? 2. Apa itu DP & SP ? 3. Hex Color? 4. wrap_content / match_parent ?
Attribute Name
Attribute Value
Why wrap_content / match_parent?
XML (eXtensible Markup Language) Link : https://goo.gl/WVbT1h
Element / View 1. CamelCase? 2. Apa itu DP & SP ? 3. Hex Color? 4. wrap_content / match_parent ?
Attribute Name
Attribute Value
ViewGroup 1. LinearLayout 2. RelativeLayout
LinearLayout
LinearLayout Memiliki 2 aturan orientation: 1. Horizontal 2. Vertical Jika kalian tidak memanggil orientationnya berarti orientation kalian gunakan adalah horizontal dimana default orientation dari LinearLayout adalah horizontal
LinearLayout
Jika kalian ingin view atau element didalam linearlayout menjadi vertical wajib memanggil attribute name android:orientation dengan value vertical
Bermain komponen / elemet / view TextView dengan open bracket < lalu nama element tersebu TextView layout_width dan layout_height wajib kita tentukan valuenya
LinearLayout
Dalam TextView memiliki beberapa attribute dibawah ini saya contohkan membuat attribute seperti dibawah ini : android:background Warna untuk latar TextView android:textColor Warna untuk font android:textSize Ukuran besarnya font dengan sp andorid:textStyle Model font seperti bold dan italic
LinearLayout
Layout_width disini menggunakan match_parent dengan tujuan agar komponen atau element yang kita gunakan bisa menyesuaikan lebar (width) atau tingginya (height) full satu layar. Lalu kita terapkan pada 2 komponen dibawah dan beri warna latar dan warna font sesuka kalian
LinearLayout
Layout_weight untuk memberikan beban pada komponen yang mana komponen tersebut akan menyesuaikan dengan layar yang kosong atau menyesuaikan layar supaya tidak ada ruang yang kosong, komponen tersebut dapat menyesuaikan sendiri ketika kita menambahkan sebuah komponen baru dengan ukuran menyesuaikan layar kita. Sebagai contoh design disamping kanan adalah dimana saya memberikan beban pada 3 komponen tersebut sehingga komponen tersebut seimbang
LinearLayout
Layout_weight juga berlaku pada orientation horizontal, untuk horizontal bobot atau beban yang kita berikan untuk lebar (width) kita bisa masukkan 0 dp atau wrap_content, kebalikkannya jika vertical kita bisa berikan beban pada tinggi (Height).
LinearLayout Example Weight Link : https://goo.gl/JlblpY
LinearLayout Example Weight Link : https://goo.gl/JlblpY
RelativeLayout Link : https://goo.gl/QGn4dm
RelativeLayout to Parent Link : https://goo.gl/QGn4dm Attribute Name: • android:layout_alignParentTop • android:layout_alignParentBottom • android:layout_alignParentRight • android:layout_alignParentLeft • android:layout_centerVertical • android:layout_centerHorizontal Attribute Value: True / False
RelativeLayout to Other Views Link : https://goo.gl/y8wzKR
“@id/ben_text_view”
RelativeLayout to Other Views Link : https://goo.gl/y8wzKR
“@id/ben_text_view”
RelativeLayout to Other Views Link : https://goo.gl/y8wzKR
“@id/ben_text_view”
Padding vs Layout_margin Link : https://goo.gl/yV0hMf
Padding vs Layout_margin Link : https://goo.gl/yV0hMf