ToDo App bauen

Eine ToDo App zu bauen ist nicht schwierig.

Schritt 1: Projekt anlegen

• Starte Android Studio
• Wähle New Project → Empty Activity
• Vergib den Namen TodoApp, Sprache Kotlin

Schritt 2: Layout erstellen

Öffne die Datei activity_main.xml und füge Folgendes ein:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <EditText
        android:id="@+id/editTextTask"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Neue Aufgabe eingeben" />

    <Button
        android:id="@+id/buttonAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hinzufügen" />

    <ListView
        android:id="@+id/listViewTasks"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:dividerHeight="1dp"/>
</LinearLayout>

Schritt 3: Logik in Kotlin einfügen

Öffne MainActivity.kt:

package com.example.todoapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.Button
import android.widget.EditText
import android.widget.ListView

class MainActivity : AppCompatActivity() {

    private lateinit var editTextTask: EditText
    private lateinit var buttonAdd: Button
    private lateinit var listViewTasks: ListView
    private lateinit var adapter: ArrayAdapter<String>
    private val tasks = ArrayList<String>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        editTextTask = findViewById(R.id.editTextTask)
        buttonAdd = findViewById(R.id.buttonAdd)
        listViewTasks = findViewById(R.id.listViewTasks)

        adapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, tasks)
        listViewTasks.adapter = adapter

        buttonAdd.setOnClickListener {
            val task = editTextTask.text.toString()
            if (task.isNotEmpty()) {
                tasks.add(task)
                adapter.notifyDataSetChanged()
                editTextTask.text.clear()
            }
        }

        listViewTasks.setOnItemClickListener { _, _, position, _ ->
            tasks.removeAt(position)
            adapter.notifyDataSetChanged()
        }
    }
}

Schritt 4: App starten

• Starte die App im Emulator oder auf deinem Smartphone.
• Gib im Feld eine Aufgabe ein, drücke „Hinzufügen“ → die Aufgabe erscheint in der Liste.
• Klick auf eine Aufgabe → sie wird gelöscht.

Ergebnis

Du hast eine voll funktionsfähige ToDo-App gebaut: Sie kann neue Aufgaben hinzufügen und Aufgaben durch Antippen wieder entfernen. Sagen wir mal: Einsteigerfreundlich und erweiterbar. 😉