top of page
Search

Android Studio - Pengenalan TextView

  • Writer: Reza Prihandi
    Reza Prihandi
  • Mar 25, 2021
  • 2 min read

Aplikasi IDE yang digunakan :

- Android Studio versi 4.1.2


Bahasa pemrograman yang digunakan :

- Java


Hasil akhir :

Buat Sebuah App Untuk menampilkan Identitas Anda dengan berisi data sebagai

berikut :

ree

Sebelumnya dilanjutkan, silahkan download terlebih dahulu Android Studionya dan install.

Untuk membuat projek baru, buka aplikasi android studionya lalu klik create new project - Empty Activity

ree
ree

Tentukan nama projeknya, lokasi penyimpanan projek dan minimum SDKnya (Software Development Kit) atau bisa biarkan seperti gambar dibawah ini jika tidak terlalu paham.

ree

Untuk bagian package name, biarkan saja seperti itu. Package name salah satu gunanya untuk identifier aplikasi kita, biasanya "com" adalah nama domain "example" adalah nama website, "myapplication" adalah nama projek. File aplikasi yang akan dibuat berdasarkan package name standard akan berada di dalam sub-sub folder "myapplication".

ree

Ada 2 file yang sudah terbuka di gambar diatas, MainActivity dan activity_main. Singkatnya, MainActivity itu untuk mengatur segala aktifitas aplikasi yang akan kita buat. Sedangkan activity_main adalah tampilan dari aplikasi kita. Yang akan kita edit dalam tutorial kali ini adalah activity_main atau tampilan dari aplikasi kita.

ree

Fokus pada bagian ini (gambar atas) dan abaikan yang lain. Pada bagian palette (di pojok kiri gambar) kita akan menambah dan mengedit TextView. Caranya cukup mudah, drag n drop saja ke tampilan layar nya.

ree

Nah mudah kan? Untuk mengedit setiap isi dari textviewnya bagian pojok kanan bawah pada gambar. Ganti semua teksnya dengan sesuai goal diatas dan posisikan kembali agar lebih rapih. Untuk ConstraintLayout (garis zigzag di layar) bisa kita hilangkan dengan cara klik kanan - clear constraints of selections.


Apa itu constraint layout ? salah satu pilihan layout yang ada di android studio, layout sendiri adalah tata letak. Ada pilihannya di bagian palette (pojok kiri atas gambar) Kenapa dihilangkan ? karena nantinya textview yang lain akan berada di posisi (0,0) sebab textview yang lain gak punya constraint (lihat error di pojok kiri bawah gambar diatas).

Dimana posisi (0,0) ? Pojok kiri atas di layar HP.

ree

Untuk mengatur ulang constraintnya, hanya drag n drop saja 4 lingkaran kecil itu di teks yang sudah kita klik sebelumnya (diseleksi)

Drag garis dari lingkaran kecil diatas sampai atas layar. Lalu hubungkan garis dari TextView "Biodata mahasiswa" ke TextView dibawahnya agar TextView yg dibawahnya berada di posisi bawah dari TextView "Biodata Mahasiswa".

Intinya, buat posisi semua teksnya relative. Relative terhadap ukuran layar dan relative terhadap TextView yang lain.

ree

Untuk menjalankan aplikasinya, ada 2 cara.

  1. Dengan emulator android studionya

  2. Dengan HP berbasis android kalian masing masing

Disini saya pakai cara 1.

Sebelumnya, klik view - Tool Windows - Emulator. Maka akan muncul jendela emulator di pojok kanan gambar. Lalu klik tombol play.

ree

Dan kurang lebih hasilnya seperti ini.

ree

 
 
 

Comments


©2021 by MyBlog. Proudly created with Wix.com

bottom of page