Oleh:
1905551148
2. Menjalankan aplikasi
Kini, Anda dapat menjalankan aplikasi tersebut di perangkat sungguhan atau emulator.
2.1 Menjalankan aplikasi di perangkat sungguhan
Persiapkan perangkat Anda seperti berikut:
1. Hubungkan perangkat Anda ke mesin pengembangan dengan kabel USB. Jika
melakukan pengembangan di Windows, Anda mungkin perlu menginstal driver USB
yang tepat untuk perangkat Anda.
2. Lakukan langkah-langkah berikut untuk mengaktifkan proses debug USB di
jendela Opsi developer:
a. Buka aplikasi Setelan.
b. Jika perangkat Anda menggunakan Android v8.0 atau lebih tinggi, pilih Sistem.
Jika tidak, lanjutkan ke langkah berikutnya.
c. Scroll ke bagian bawah, lalu pilih Tentang ponsel.
d. Scroll ke bagian bawah, lalu ketuk Nomor build tujuh kali.
e. Kembali ke layar sebelumnya, scroll ke bagian bawah, dan ketuk Opsi
developer.
f. Di jendela Opsi developer, scroll ke bawah untuk menemukan dan
mengaktifkan proses debug USB.
Jalankan aplikasi di perangkat Anda sebagai berikut:
1. Di Android Studio, pilih aplikasi Anda dari menu drop-down konfigurasi run/debug di
toolbar.
2. Di toolbar, pilih perangkat tempat Anda ingin menjalankan aplikasi dari menu drop-
down perangkat target.
Gambar 1. Menu drop-down perangkat target
1. Klik Run .
Android Studio akan menginstal aplikasi Anda di perangkat yang terhubung dan
menjalankannya. Setelah itu, Anda akan melihat "Hello, World!" ditampilkan dalam
aplikasi pada perangkat Anda.
Untuk mulai mengembangkan aplikasi, lanjutkan ke tutorial berikutnya.
4. Klik Run .
Android Studio akan menginstal aplikasi di AVD dan menjalankan emulator. Setelah
itu, Anda akan melihat tulisan "Hello, World!" ditampilkan dalam aplikasi.
Untuk mulai mengembangkan aplikasi, lanjutkan ke tutorial berikutnya.
Gambar 2. Ilustrasi tentang bagaimana objek ViewGroup membentuk cabang dalam tata
letak dan menyertakan objek View.
Android menyediakan kosakata XML untuk class ViewGroup dan View, sehingga
sebagian besar UI Anda ditentukan dalam file XML. Namun, bukannya mengajari Anda
menulis XML, pelajaran ini menunjukkan cara membuat tata letak menggunakan Layout Editor
Android Studio. Layout Editor menulis XML untuk Anda saat Anda menarik lalu melepas
tampilan untuk membuat tata letak.
Pelajaran ini mengasumsikan bahwa Anda menggunakan Android Studio v3.0 atau lebih tinggi
dan Anda telah menyelesaikan pelajaran membuat project Android.
3.1 Membuka Layout Editor
Untuk memulai, siapkan ruang kerja Anda seperti berikut:
1. Di jendela Project, buka app > res > layout > activity_main.xml.
2. Untuk memberi ruang bagi Layout Editor, sembunyikan jendela Project. Untuk
melakukannya, pilih View > Tool Windows > Project, atau cukup
8. Klik Device for Preview pada toolbar, lalu pilih 5.5, 1440 × 2560, 560 dpi (Pixel
XL).
Untuk informasi tambahan, lihat Pengantar Layout Editor.
Panel Component Tree di bagian kiri bawah menampilkan hierarki tata letak tampilan.
Dalam hal ini, tampilan root adalah ConstraintLayout, yang hanya berisi satu
objek TextView.
ConstraintLayout adalah tata letak yang menentukan posisi setiap tampilan
berdasarkan batasan terhadap tampilan yang setara dan tata letak induk. Dengan demikian,
Anda bisa membuat tata letak yang sederhana dan kompleks dengan hierarki tampilan datar.
Tata letak jenis ini tidak memerlukan tata letak turunan. Tata letak turunan, yang merupakan
tata letak di dalam tata letak, seperti yang ditunjukkan pada gambar 2, dapat meningkatkan
waktu yang diperlukan untuk menarik UI.
teks. Untuk melakukannya, klik kanan tombol, lalu pilih Show Baseline . Anchor
garis dasar muncul di dalam tombol. Klik lama anchor ini, lalu tarik ke anchor garis
dasar yang muncul di kotak teks yang ada di sampingnya.
Catatan: Anda juga dapat menggunakan tepi atas atau bawah untuk membuat perataan
horizontal. Namun, gambar tombol menyertakan padding di sekelilingnya, sehingga perataan
visual akan salah jika dibuat dengan cara itu.
Untuk melihat pratinjau UI, klik Select Design Surface di toolbar lalu pilih Design.
Perhatikan bahwa input teks dan label tombol ditetapkan ke nilai default.
Ikuti langkah-langkah berikut untuk mengubah string UI:
1. Buka jendela Project, lalu buka app > res > values > strings.xml.
Ini adalah file resource string, tempat Anda dapat menentukan semua string UI. Hal ini
memungkinkan Anda mengelola semua string UI dalam satu lokasi, yang memudahkan
string UI tersebut untuk ditemukan, diperbarui, dan dilokalkan.
2. Klik Open editor di bagian atas jendela editor. Tindakan ini akan
membuka Translations Editor, yang menyediakan antarmuka sederhana untuk
menambahkan dan mengedit string default. Hal ini juga membantu Anda menjaga agar
semua string yang diterjemahkan tetap tertata.
3. Klik Add Key untuk membuat string baru sebagai "teks petunjuk" untuk kotak
teks. Pada tahap ini, jendela yang ditampilkan pada gambar 7 akan terbuka.
Pada kotak dialog Add Key, selesaikan langkah-langkah berikut:
a. Masukkan "edit_message" pada kolom Key.
b. Masukkan "Enter a message" pada kolom Default Value.
c. Klik OK.
4. Tambahkan kunci lain bernama "button_send" dengan nilai "Send".
Sekarang, Anda bisa menyetel string ini untuk setiap tampilan. Untuk kembali ke file tata letak,
klik activity_main.xml di kolom tab. Kemudian, tambahkan string sebagai berikut:
1. Klik kotak teks pada tata letak. Jika jendela Attributes belum terlihat di sisi kanan,
3. Cari properti hint, lalu klik Pick a Resource , yang ada di sebelah kanan kotak teks.
Pada dialog yang muncul, klik dua kali edit_message dari daftar.
4. Klik tombol dalam tata letak dan cari properti text-nya, yang saat ini ditetapkan ke
Changes di toolbar untuk mengupdate aplikasi dengan tata letak yang baru. Atau,
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.content.Context;
import android.os.Bundle;
import android.widget.RelativeLayout;
Context context;
RecyclerView recyclerView;
RecyclerView.Adapter recyclerViewAdapter;
RecyclerView.LayoutManager recylerViewLayoutManager;
String[] subjects = {
"Facebook", "Twitter", "Instagram", "SnapChat",
"WhatsApp", "LINE", "KakaoTalk", "Telegram", "Messenger",
"YouTube", "TikTok", "Vine", "Vimeo",
"Figma", "Adobe XD", "Sketch", "Framer",
"Android", "iOS", "Windows",
"Opera", "Mozilla", "Safari", "Edge",
"Paypal", "Mastercard", "Visa",
"Bitcoin", "Ethereum"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
context = getApplicationContext();
recyclerView = findViewById(R.id.recyclerView);
recylerViewLayoutManager = new LinearLayoutManager(context);
recyclerView.setLayoutManager(recylerViewLayoutManager);
recyclerViewAdapter = new AdapterRecyclerView(context, subjects);
recyclerView.setAdapter(recyclerViewAdapter);
}
}
Anda mungkin menemui error karena Android Studio tidak dapat menyelesaikan
class View yang digunakan sebagai argumen metode. Untuk mengatasi error, klik
deklarasi View, letakkan kursor Anda di atasnya, lalu tekan Alt+Enter, atau Option+Enter di
Mac, untuk menjalankan Quick Fix. Jika muncul menu, pilih Import class.
2. Kembali ke file activity_main.xml untuk memanggil metode dari tombol:
a. Pilih tombol di Layout Editor.
b. Di jendela Attributes, cari properti onClick lalu pilih sendMessage
[MainActivity] dari menu drop-down.
Sekarang, saat tombol diketuk, sistem akan memanggil metode sendMessage() .
Perhatikan detail dalam metode ini. Detail ini diperlukan agar sistem mengenali metode
tersebut sebagai yang kompatibel dengan atribut android:onClick. Secara mendetail,
metode ini memiliki karakteristik sebagai berikut:
c. Akses publik.
d. Void, atau di Kotlin, nilai hasil unit implisit.
e. View sebagai satu-satunya parameter. Ini adalah objek View yang Anda klik di
akhir Langkah 1.
3. Berikutnya, isi metode ini untuk membaca konten kolom teks dan mengirimkan teks ke
aktivitas lain.
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.content.Context;
import android.os.Bundle;
import android.widget.RelativeLayout;
Context context;
RecyclerView recyclerView;
RecyclerView.Adapter recyclerViewAdapter;
RecyclerView.LayoutManager recylerViewLayoutManager;
String[] subjects = {
"Facebook", "Twitter", "Instagram", "SnapChat",
"WhatsApp", "LINE", "KakaoTalk", "Telegram", "Messenger",
"YouTube", "TikTok", "Vine", "Vimeo",
"Figma", "Adobe XD", "Sketch", "Framer",
"Android", "iOS", "Windows",
"Opera", "Mozilla", "Safari", "Edge",
"Paypal", "Mastercard", "Visa",
"Bitcoin", "Ethereum"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
context = getApplicationContext();
recyclerView = findViewById(R.id.recyclerView);
recylerViewLayoutManager = new LinearLayoutManager(context);
recyclerView.setLayoutManager(recylerViewLayoutManager);
recyclerViewAdapter = new AdapterRecyclerView(context, subjects);
recyclerView.setAdapter(recyclerViewAdapter);
}
}
Antisipasi Android Studio menjumpai error Cannot resolve symbol lagi. Untuk
mengatasi error ini, tekan Alt+Enter, atau Option+Return pada Mac. Anda akan mendapatkan
impor berikut:
JAVA
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.content.Context;
import android.os.Bundle;
import android.widget.RelativeLayout;
Error masih ada untuk DisplayMessageActivity, tetapi itu bukan masalah. Anda
dapat memperbaikinya di bagian berikutnya. Berikut adalah apa yang terjadi
di sendMessage():
• Konstruktor Intent menggunakan dua parameter, Context dan Class.
Parameter Context digunakan terlebih dahulu karena class Activity adalah subclass
dari Context.
Parameter Class komponen aplikasi, yang menjadi target sistem dalam
mengirimkan Intent,, dalam hal ini, merupakan aktivitas yang akan dimulai.
• Metode putExtra() menambahkan nilai EditText ke intent. Intent dapat membawa
jenis data sebagai key-value pair bernama extras.
Kunci Anda adalah konstanta publik EXTRA_MESSAGE karena aktivitas berikutnya
menggunakan kunci untuk mendapatkan kembali nilai teks. Sangat disarankan untuk
menentukan kunci bagi tambahan intent dengan nama paket aplikasi Anda sebagai
awalan. Hal ini akan memastikan bahwa kunci tetap unik seandainya aplikasi Anda
berinteraksi dengan aplikasi lain.
• Metode startActivity() memulai instance DisplayMessageActivity yang ditentukan
oleh Intent. Selanjutnya, Anda perlu membuat class tersebut.
Catatan: Komponen Arsitektur Navigasi memungkinkan Anda menggunakan Editor Navigasi
untuk menghubungkan satu aktivitas dengan aktivitas lainnya. Setelah hubungan terbentuk,
Anda bisa menggunakan API untuk memulai aktivitas kedua saat pengguna memicu tindakan
terkait, seperti saat pengguna mengklik tombol. Untuk mempelajari lebih lanjut, lihat Navigasi.
Gambar 1. Tampilan teks yang ditempatkan di tengah bagian atas tata letak.
Aktivitas baru ini berisi file tata letak kosong. Ikuti langkah -langkah berikut untuk
menambahkan tampilan teks ke tempat pesan muncul:
1. Buka file app > res > layout > activity_display_message.xml.
2. Klik Enable Autoconnection to Parent pada toolbar. Tindakan ini
memungkinkan Autoconnect. Lihat gambar 1.
3. Pada panel Palette, klik Text, lalu tarik TextView ke dalam tata letak dan lepaskan di
dekat bagian tengah-atas tata letak agar pas dengan garis vertikal yang ditampilkan.
Autoconnect menambahkan pembatas kiri dan kanan untuk meletakkan tampilan di
tengah posisi horizontal.
4. Buat satu pembatas lagi dari bagian atas tampilan teks ke bagian atas tata letak sehingga
tampak seperti yang ditunjukkan dalam gambar 1.
Secara opsional, Anda bisa melakukan penyesuaian pada gaya teks jika Anda
memperluas textAppearance pada panel Common Attributes jendela Attributes, dan
mengubah atribut seperti textSize dan textColor.
4.4 Menampilkan pesan
Pada langkah ini, Anda perlu mengubah aktivitas kedua untuk menampilkan pesan yang
diteruskan oleh aktivitas pertama.
1. Di DisplayMessageActivity , tambahkan kode berikut ke metode onCreate():
JAVA
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
context = getApplicationContext();
recyclerView = findViewById(R.id.recyclerView);
recylerViewLayoutManager = new LinearLayoutManager(context);
recyclerView.setLayoutManager(recylerViewLayoutManager);
recyclerViewAdapter = new AdapterRecyclerView(context, subjects);
recyclerView.setAdapter(recyclerViewAdapter);
// Get the Intent that started this activity and extract the string
Intent intent = getIntent();
String message = intent.getStringExtra(MainActivity.EXTRA_MESSAGE);
// Capture the layout's TextView and set the string as its text
TextView textView = findViewById(R.id.textView);
textView.setText(message);
}
2. Tekan Alt + Enter, atau Option + Return pada Mac, untuk mengimpor class lain yang
diperlukan:
JAVA
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.content.Context;
import android.os.Bundle;
import android.widget.RelativeLayout;
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</manifest>
Sekarang, sistem Android akan otomatis menambahkan tombol Up ke panel aplikasi.
Gambar 2. Aplikasi terbuka, dengan teks masuk pada layar kiri dan ditampilkan di sebelah
kanan.
Selamat, Anda berhasil membuat aplikasi untuk menghitung luas dan keliling lingkaran