Tips Cara Menciptakan Landscape Layout Di Project Android Studio - Tempat Blogging

Tips Cara Menciptakan Landscape Layout Di Project Android Studio

Saat kita sedang mendesain Aplikasi Android pada bab layout XML. Terkadang kita menemui hambatan ketika tampilan User Interface (Antar Muka ) Pada Aplikasi Android kita ,tidak sesuai ketika kita ubah orientation dalam mode Landscape. Secara default (bawaan) Android Studio akan menyediakan tampilan design layout kita dalam mode Portrait saja. Makara kita harus menciptakan atau menambahkanya layout tipe Landscape secara manual. Nah pada artikel tips and trick kali ini aku akan membagikan Cara Membuat Landscape Layout di Project Android Studio. Caranya sangat gampang sekali kalian dapat ikuti langkah-langkahnya dibawah ini.


 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio


Cara Membuat Landscape Layout di Project Android Studio :

1. Buka project Aplikasi kalian di Android Studio

2. Nah di bab pojok kiri atas pada bab  Prespective kita ganti dari mode Android ke Project.


 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
Ganti Prespective ke Mode Project



3. Selanjutnya pada bab folder res(resource) ,kalian klik kanan kemudian pilih New > Android Resource Directory.

 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
Pilih Android Resource Directory


4. Pada bab New Resource Directory , pada jendela yang muncul, isikan menyerupai yang ada pada gambar dibawah ini :


  • Directory Name : layout-land
  • Resource type : layout
  • Source set : main

Jika sudah Pilih tombol OK.

 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
New Resource Directory



5.Setelah itu ,pada folder layout-land yang telah kita buat, kita klik kanan pilih New > Layout Resource File.


 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
Layout resorce file

6.Isikan nama file yang sama dengan layout dalam mode Portrait , sebagai tumpuan aku isikan nama file activity_main
 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
New Layout Resource File
7. Setelah itu jikalau kita klik icon Orientation in Editor ,pada mode Design di Layout XML , kalian dapat berpindah dari mode Portrait > Landscape atau Landscape > Portrait. Dengan file layout xml yang berbeda.


 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
Mode Portrait And Landscape


Cara singkat :

Pada bab Design di Layout XML.Di pojok kanan atas pilih icon Layout Variant.
Lalu Plih Create Landscape Version.

 Terkadang kita menemui hambatan ketika tampilan User Interface  Tips Cara Membuat Landscape Layout di Project Android Studio
Create Landscape Version


Demikian tips dan trick artikel wacana Cara Membuat atau Menambahkan Landscape Layout di Project Android Studio. Sekarang kalian sudah dapat mendesain layout dalam mode Landscape , dengan file yang terpisah.
Kalian juga dapat menciptakan layout lebih besar lagi ,serta gambar yang sesuai ukuran, Agar Aplikasi yang sedang kalian kembangkan dapat mendukung semua layar perangkat Android (Multi Screen Devices) . Kalian dapat baca artikel sebelumnya disini :




Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Tips Cara Menciptakan Landscape Layout Di Project Android Studio"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close