Hallo teman-teman, jumpa lagi dengan kak mitra. kali ini kak mitra akan share pengalaman kak mitra di andorid programming menggunakan android stuido dan kotlin. masih aplikasi yang sederhana-sederhana saja. karena kak mitra juga masih belajar sebenarnya, heheheh.. oke jadi gini.. kan kemaren kita sudah belajar membuat aplikasi sederhana di https://mitraide.blogspot.com/2021/09/program-sederhana-dari-android-studio.html , nah kali ini kita akan melanjutkan tutorialnya. ada tiga komponen utama yang akan kita pelajari di sini, yaitu button, editText dan textView. oke kita perlajai satu per satu
1. Button
Pasti temen-teman dah tau kan yang kak mitra maksud, iya betul.. itu tombol yang ada pada app android studio. kurang lebih kayak gini teman-teman salah satu fungsi button adalah untuk memulai aktifitas atau even atau proses yang akan dilakukan oleh app
Nah, sudah ada gambaran bukan. oke agar lebih mudah kita buat terlebih dahulu komponen XLMnya yaah,
<?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/editTextTextPersonName2" />
<EditText
android:id="@+id/editTextTextPersonName2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="64dp"
android:ems="10"
android:inputType="textPersonName"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Button"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
</androidx.constraintlayout.widget.ConstraintLayout>
kita Fokus pada tag <Button saya ya teman-teman, untuk TextView dan EditText akan kita bahas nanti, kita belajar pelan-pelan saja.. heheh oke dengan ini codeXML dah beres. sekrang kita lanjut ke code kotlinnya. lalu copykan code berikut ini
package com.example.helloworld
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import android.widget.TextView
import android.widget.Toast
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
var helloTextView = findViewById(R.id.textView) as TextView
helloTextView.setText("Selamat siang")
//FOkus di sini
val btn_click_me = findViewById(R.id.button) as Button
btn_click_me.setOnClickListener {
Log.d("logTag","hello tag")
}
//sampe sini
}
}
Fokus pada bagian button ya.. sudah kak mitra tandai tag comment //fokus sampai, di sini
oke.. apabila sudah di tahap ini saatnya kita coba run programnya lalu klik tombol "Button" apabila sudah muncul tag seperti gambar di bawah ini berarti program button setOnClickListener sudah sukses teman-teman
Loh, cuman gitu doank???
Tenang teman-teman, mengenai kelanjutan artikel ini akan kaka post di artikel di bawah ini
