Tuesday, October 3, 2017

Membuat Gambar Di Android Studio



Sekarang coba buat projek baru di android Studio, coba masing-masing menambahkan file gambar pada folder drawable (saran file gambr ekstensi png),
Pada android studio kita juga bisa membuat gambar, dengan cara seperti berikut ini :
Kita bisa membuat file gambar pada dua folder, pada folder drawable dan mipmap, seperti gambar berikut ini caranya, yaitu klik kanan pada folder drwable > new > Image Asset / Vector Asset.



Jika kita memilih Vector asset seperti pada gambar dibawah ini
 
  


Cara ganti warna gambar vektor
 



Jika kita pilih membuat gambar dengan image asset, kita bisa mengcustom file gambar yang kita dapatkan dari internet dengan cara seperti gambar dibawah

Ket :
1.      Asset type kita ubah ke image
2.      Kita klik . . .  pada path untuk mengambil gambar yang kita telah sediakan. 

    Layout
      Ketika kita buat project baru di awal, secara default ada file MainActivity di folder java, dan file layoutnya ada di folder res > layout dengan nama activity_main.xml.
Seperti gambar berikut
   


    Kita bahas file activity_main.xml
   


Pada awal projekt di buat pada file activty_main.xml secara default ada layout ConstrainLayout, dan di dalam contraintLayout ada widget Textview, dengan atributnya, text “ Hello word”.

Ada banyak layout, kita perlu tahu cukup dua dulu yaitu LinearLayout dan RelativeLayout.
Perbedaan pada kedua layout yaitu jika menggunakan RelativeLayout kita bisa mengaturnya dengan mendrag widget di ikuti oleh id setiap widget , kalo linear layout cukup mengubah orientaionya (Horizontal / Vertical).
Bisa disearching di google tentang layout dan widget, untuk mempersingkat modul ini kita langsung praktek saja.

Kita akan buat Contoh penggunaan Relative layout dan linear layout, seperti pada gambar berikut ini,
 


Layout RelativeLayout

Kita akan buat seperti pada gambar berikut ini :

Masih pada activity_main.xml kita masih pakai layout itu untuk melihat perbedaan penggunaan linearlayout dan relativelayout.
Pada relative layout terdapat dua layout yaitu :
1.      Relative to container
Yang terdiri dari beberapa posisi diantaranya yaitu :
·         Android:layout_alignParentTop
·         Android:layout_alignParentBottom
·         Android:layout_alignParentLeft
·         Android:layout_alignParentHorizontal
·         Android:layout_centerHorizontal
·         Android:layout_centerInParent
·         Android:layout_centerVertical
 
2.      Relative to widget lainya
Yant terdiri dari beberapa posisi diantaranya yaitu :
·         Android:layout_above
·         Android:layout_below
·         Android:layout_toLeftOf
·         Android:layout_toRightOf
 
 
bisa download modul lengkapnya download Modul 
 
 



 




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner