Tugas 2 - Jetpack Compose

Nama    : Syaiful Bahri Dirgantara

Kelas    : PPB F

Pendahuluan

    Pada pertemuan mata kuliah Pemrograman Perangkat Bergerak kemarin dijelaskan mengenai Jetpack Compose. Jetpack Compose merupakan sebuah framework UI dengan bahasa Kotlin yang inovatif untuk pengembangan aplikasi Android. Framework ini diperkenankan oleh Google. Pada postingan ini akan membahas mengenai membuat proyek baru di Android Studio berupa "Empty Activity". Hal yang perlu dilakukan adalah Men - Setup Android Studio dan kemudian membuat proyek baru.

Men - Setup Android Studio

    Hal pertama yang perlu dilakukan adalah mengunduh Android Studio itu sendiri. Untuk mengunduhnya Anda dapat mengakses https://developer.android.com . Setelah mengunduh Anda dapat menginstall Android Studio pada perangkat Anda. Setelah berhasil diinstall dan dibuka maka tampilan Android Studio akan tampak seperti pada gambar di bawah ini.

Membuat Proyek Baru

    Setelah melakukan setup Android Studio, selanjutnya Anda sudah dapat mulai membuat proyek baru. Pada postingan ini akan membuat proyek sederhana dengan menampilkan Hello Android. Anda harus memilih Empty Activity pada New Project. Maka akan dimuat kodenya. Setelah itu kita dapat menjalankannya di emulator. Jika ingin mengubah isi teks yang ditampilkan maka dapat mengubah pada fungsi Greeting dalam kode. Di bawah ini merupakan kode dari proyek baru ini.

Source Code :

package com.example.helloandroid

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.helloandroid.ui.theme.HelloAndroidTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HelloAndroidTheme {
                // A surface container using the 'background' color from the theme
                Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
                    Greeting("Syaiful")
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
            text = "Halo Saya $name!",
            modifier = modifier
    )
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    HelloAndroidTheme {
        Greeting("Android")
    }
}