Materi Responsive Layout Android Studio

-

MATERI RESPONSIVE LAYOUT ANDROID STUDIO  

PEMBUATAN RESPONSIVE LAYOUT

A.Jenis dan Fungsi LAYOUT

    Layout merupakan suatu tampilan tata letak di Android untuk mengatur penempatan teks,gambar,ataupun komponen lainnya sehingga tampilan pada aplikasi yang dibuat terlihat rapih dan nyaman untuk dilihat oleh pengguna .Jenis dan fungsi Layout adalah sebagai berikut:

1.Linear Layout

    Liner layout adalah yang menyejajarkan semua clind view-nya dalam satu arah,secara vertikal atau horizontal. Penggunaan liner layout dapat menetapkan arah layout menggunakan atribut android:orientation.
            

    Jika menggunakan android orientation vertikal maka pengaturan layout akan berurutan dari atas ke bawah secara vertical. Jika menggunaka android orientation horizontal maka pengaturan layout akan berurutan dari kiri ke kanan secara horizontal. pengisi).Liner layout akan mengkuti margin dan gravity  sejajar kanan, tengah,atau kiri. Berikut ini contoh desain aplikasi android menggunakan liner layout.


2.Relative Layout

    Relative Layout merupakan pengaturan layout yang menepatkan wiget wiget didalamnya seperti 

    Layer,srhingga sebuah widget dapat berada diatas atau di bawah widget lainnya.Jika dibandingkan dengan liner layout maka relative layout merupakan layout yang penataannya lebih bebas karena penempatan widget tidak perlu berurutan dari atas ke bawah atau dari kiri ke kanan seperti pada liner layout, melainkan widget dapat ditempatkan dimana saja dengan mengacu pada widget lain.



    Jadi dapat diartikan bahwa relative layout dapat membuat desain tampilkan aplikasi dengan tata letak objek atau komponen secara bebas tanpa aturan sesuai orientasi (horizontal atau vertical) seperti yang diterapkan pada liner layout. untuk mengatur posisi elemen user interface,misalnya button, cukup drag pada posisi yang diinginkan, tapi jika ingin menggunakan kode XML, ada beberapa atribut yang bisa digunakan pada elemen atau komponen UI didalam relative layout yaitu:

  • Android:layout_centerInparent:jika kita set menjadi "true",elemen UI akan berada ditengah relatif terhadap lebar dan tinggi layout.
  • android:layout_centerHorizontal: jika kita set menjadi "true", elemen UI akan berada di tengah relatif terhadap lebar Layout. 
 



     

 



Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat relative layout bertema menu gojek

-
Gambar
  <? xml version ="1.0"  encoding ="utf-8" ?> <RelativeLayout xmlns: android ="http://schemas.android.com/apk/res/android" xmlns: tools ="http://schemas.android.com/tools" android :id ="@+id/main" android :layout_width ="match_parent" android :layout_height ="match_parent" android :background ="#FFFFFF" tools :context =".MainActivity" > <!-- Header / AppBar --> <!-- Blue balance card --> <LinearLayout android :id ="@+id/header" android :layout_width ="match_parent" android :layout_height ="56dp" android :gravity ="center_vertical" android :orientation ="horizontal" android :paddingStart ="12dp" android :paddingEnd ="12dp" > <ImageV...
Baca selengkapnya

Materi responsive Layout Android Studio

-
Gambar
  <? xml version ="1.0" encoding ="utf-8" ?> <androidx.constraintlayout.widget.ConstraintLayout xmlns: android ="http://schemas.android.com/apk/res/android" xmlns: app ="http://schemas.android.com/apk/res-auto" xmlns: tools ="http://schemas.android.com/tools" android :id ="@+id/main" android :layout_width ="match_parent" android :layout_height ="match_parent" tools :context =".home" android :orientation ="vertical" android :padding ="16dp" > <LinearLayout android :layout_width ="0dp" android :layout_height ="match_parent" android :gravity ="center" android :orientation ="horizontal" tools :ignore ="MissingConstraints" /> <Button android :layout_width ="79dp" android :layout_height ="257dp" ...
Baca selengkapnya

MAPIL BAB1

-
Bab1 mengenal komponen pc Seiring dengan adanya kemajuan teknologin dan informasiyang dari setiap tahunnya meningkat mengakibatkan perkembangan dalam kebutuhan hardware komputer dengan spesifikasi tinggi sangat dibutuhkan olehpengguna. Misaknnya kebutuhan perangkat VGA ard dan prosesor jenis spesifikasi tinggi untuk digunakan pada pc gaming. Olh karena spesifikasi yang tinggi tersebut dikususkan untuk memperlancar kinerja dari software yang dijadikan. 1. Personal Komputer a. pengertian Personal komputer adalah computer yang dapat melakukan semua input, proses, output dan menimpulkan data satu alat penyimpan atau lebih. personal computer juga biasanya sudah memiliki alat komunikasi sendiri (Irwansyah & Moniaga, 2014). b .Cntoh Personal Komputer Contoh dari personal komputer adalah PC dan Aoole MAC. 2. Jenis jenis personal komputer a. PC tower Ruangan dalam casing luas. Mudah dalam penambahan komponen. Bahan dan bentuk bervariasi b. PC Destop Ruangan dalam casing sempit. sulit dalam ...
Baca selengkapnya