Jetpack Compose Einführung | Android Studio Tutorial Deutsch

In diesem Video wirst du folgendes lernen,

- Was ist Jetpack Compose?
- Wie funktioniert Jetpack Compose?
- Wird XML noch gebraucht?

***************************************************************
Timestamps:

00:00 Einführung
00:24 Was ist Jetpack Compose?
01:05 Jetpack Compose vs XML
02:07 States
02:30 Praxisprojekt States und Recomposition
***************************************************************

Was ist Jetpack Compose?
Jetpack Compose ist das neue UI toolkit von Android. Es wurde entwickelt um die UserInterface Entwicklung schneller und einfacher zu gestalten. Dabei kann die ganze Applikation in Kotlin erstellt werden. XML wird also nicht mehr benötigt.
Jetpack Compose basiert auf einem deklarativen Ansatz.

Wie funktioniert Jetpack Compose?
In Jetpack Compose beschreibst du, wie die App am Ende aussehen soll, in dem du eine Reihe von Funktionen aufrufst. Diese Funktionen heißen composable functions. Das sind Kotlin-Funktionen welche mit @Composable gekennzeichnet sind. Sie erstellen nach und nach die Benutzeroberfläche eurer Activities oder Fragments.

States und Recomposition
In Jetpack Compose kann die UI nur geupdated werden, wenn die composable functions wiederholt aufgerufen werden. Dafür verwendet man sogenannte States. States sind Werte, welche sich mit der Zeit verändern können. Wenn sich ein State verändert, werden die Funktionen, in denen dieser State gebraucht wird, erneut aufgerufen. Dadurch wird das UserInterface neugeladen. Dieser Vorgang wird Recomposition genannt.

***************************************************************
Code für Praxisprojekt
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.Button
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.tooling.preview.Preview
import com.example.test123.ui.theme.Test123Theme
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ClickCounter()
}
}
@Composable
fun ClickCounter(){
val counter = remember{
mutableStateOf(0)
}
Button(onClick = {counter.value = counter.value +1}) {
Text(text = "${counter.value}")
}
}
}

***************************************************************
Musik im Hintergrund:
1. Homebound - Anno Domini Beats
https://www.youtube.com/watch?v=94HOhZT-URc
2. Adventures - A Himitsu
https://www.youtube.com/watch?v=MkNeIUgNPQ8





Tags für den Algorithmus ;)
What is Jetpack Compose?,Was ist Jetpack Compose?,Android Apps entwickeln,Android Apps programmieren,Kotlin tutorial,Kotlin for android,XML tutorial,XML for Android,Wird XML noch gebraucht,Android Studio tutorial deutsch,Jetpack Compose introduction,Jetpack Compose einstieg,Jetpack Compose tutorial deutsch,clickcounter in jetpack compose,Praxisprojekt/Das Ende von XML,remember{}, mutableStateOf,Recomposition in Jetpack Compose, States in Jetpack Compose, composition, recomposition,states