Iterative Codeentwicklung

Als Entwickler von Apps für Mobilgeräte entwickeln Sie die Benutzeroberfläche Ihrer App oft Schritt für Schritt, anstatt alles auf einmal zu entwickeln. Android Studio unterstützt diesen Ansatz mit Jetpack Compose und bietet Tools, mit denen Sie Werte prüfen, ändern und das Endergebnis verifizieren können, ohne einen vollständigen Build erstellen zu müssen.

KI-gestützte UI-Iteration

Mit dem KI-Agenten in Android Studio können Sie Ihre Compose-UI direkt in der Designvorschau iterativ verfeinern und transformieren. Rechtsklicken Sie auf eine Compose-Vorschau und wählen Sie eine der folgenden KI-Aktionen aus:

• UI an Zielbild anpassen: Wählen Sie diese Option aus, um ein Referenzdesign-Mock-up hochzuladen. Der Agent schlägt dann Codeänderungen vor, damit Ihre Implementierung dem Design so genau wie möglich entspricht.

Abbildung 1. Aktualisieren Sie die Benutzeroberfläche so, dass sie mit einem Zielbild übereinstimmt.

• UI transformieren: Verwenden Sie Prompts in natürlicher Sprache (z. B. „Ändere die Schaltflächenfarbe in Blau“), um bestimmte Änderungen an Ihrer UI zu beschreiben.

Abbildung 2. Bitten Sie den KI-Agenten, die Benutzeroberfläche zu transformieren.

Live Edit

Wichtig: Diese Funktion wird derzeit entwickelt, daher kann es zu instabilem Verhalten kommen. In Android Studio Giraffe und höher sind Jetpack Compose Runtime 1.3.0 oder höher und AGP 8.1.0-alpha05 oder höher erforderlich. Google arbeitet kontinuierlich daran, diese Funktion zu verbessern, und freut sich über Ihr Feedback. Wenn Sie ein Problem feststellen, melden Sie es bitte. Füge Informationen aus Logcat und eine Beschreibung der von dir vorgenommenen Codeänderung hinzu. Sie können auch die Liste der offenen Probleme prüfen.

Mit der Funktion „Live-Bearbeitung“ können Sie Compose-Elemente in Emulatoren und auf physischen Geräten in Echtzeit aktualisieren. Diese Funktion minimiert Kontextwechsel zwischen dem Schreiben und Erstellen Ihrer Anwendung, sodass Sie sich länger ohne Unterbrechung auf das Schreiben von Code konzentrieren können.

Wichtig: Die Tastenkombination für den manuellen Modus wurde im Koala Feature Drop auf Strg +' (Befehlstaste +' unter macOS) aktualisiert. In früheren Versionen von Android Studio wurde Strg + \ (Befehlstaste + \ unter macOS) als Tastenkombination für den manuellen Modus verwendet.

Live Edit hat drei Modi:

• Manuell: Codeänderungen werden angewendet, wenn sie manuell mit Strg + ' (Befehlstaste + ' unter macOS) übertragen werden.
• Manuell beim Speichern: Codeänderungen werden angewendet, wenn sie manuell mit Strg + S (Befehlstaste + S unter macOS) gespeichert werden.
• Automatisch: Änderungen werden auf Ihrem Gerät oder Emulator angewendet, wenn Sie eine zusammensetzbare Funktion aktualisieren.

Live Edit konzentriert sich auf Codeänderungen im Zusammenhang mit der Benutzeroberfläche und der Nutzererfahrung. Live Edit unterstützt keine Änderungen wie Aktualisierungen von Methodensignaturen, das Hinzufügen neuer Methoden oder Änderungen der Klassenhierarchie. Weitere Informationen finden Sie in der Liste der Einschränkungen von Live Edit.

Diese Funktion ist kein Ersatz für das Erstellen und Ausführen Ihrer App oder für Änderungen übernehmen. Stattdessen soll es Ihren Workflow beim Erstellen, Bereitstellen und Iterieren optimieren, um Compose-UI zu entwickeln.

Der Best-Practice-Workflow sieht folgendermaßen aus:

1. Richten Sie Ihre Anwendung so ein, dass sie ausgeführt werden kann.
2. Verwenden Sie die Live-Bearbeitung so oft wie möglich, bis Sie eine Änderung vornehmen müssen, die von der Live-Bearbeitung nicht unterstützt wird, z. B. das Hinzufügen neuer Methoden, während die App ausgeführt wird.
3. Nachdem Sie eine nicht unterstützte Änderung vorgenommen haben, klicken Sie auf Ausführen , um die Anwendung neu zu starten und die Live-Bearbeitung fortzusetzen.

Erste Schritte mit der Live-Bearbeitung

Gehen Sie zuerst so vor, um eine leere Compose-Aktivität zu erstellen, die Live-Bearbeitung für Ihr Projekt zu aktivieren und Änderungen mit der Live-Bearbeitung vorzunehmen.

Neues Projekt einrichten

1. Bevor Sie beginnen, müssen Sie Android Studio Giraffe oder höher installiert haben. Außerdem muss das API-Level Ihres physischen Geräts oder Emulators mindestens 30 sein.

2. Öffnen Sie Android Studio und wählen Sie im Dialogfeld Welcome to Android Studio die Option New Project aus. Wenn Sie bereits ein Projekt geöffnet haben, können Sie ein neues erstellen, indem Sie zu Datei > Neu > Neues Projekt gehen.

3. Wählen Sie die Vorlage Empty Compose Activity für Phone and Tablet aus und klicken Sie dann auf Next.

   

   Abbildung 3. Vorlagen, aus denen Sie auswählen können. Wählen Sie für die Live-Bearbeitung Leere Compose-Aktivität aus.

4. Geben Sie im Dialogfeld New Project (Neues Projekt) die erforderlichen Informationen ein: Name, Paketname, Speicherort, Mindest-SDK und Build-Konfigurationssprache.

   

   Abbildung 4. Beispiel für Projekteinstellungen.

5. Klicken Sie auf Fertig.

Live Edit aktivieren

1. Rufe die Einstellungen auf, um die Live-Bearbeitung zu aktivieren.

   • Klicken Sie unter Windows oder Linux auf Datei > Einstellungen > Editor > Live-Bearbeitung.
   • Gehen Sie unter macOS zu Android Studio > Einstellungen > Editor > Live-Bearbeitung.

2. Wählen Sie in den Einstellungen die Option Live-Bearbeitung und den gewünschten Modus aus.

   Im manuellen Modus werden Ihre Codeänderungen jedes Mal übertragen, wenn Sie Strg+' (Befehlstaste+' unter macOS) drücken. Im manuellen Modus werden Ihre Codeänderungen jedes Mal angewendet, wenn Sie manuell mit Strg + S (Befehlstaste + S unter macOS) speichern. Im automatischen Modus werden Ihre Codeänderungen auf Ihrem Gerät oder Emulator angewendet, während Sie die Änderungen vornehmen.

   

   Abbildung 5. Einstellungen für die Live-Bearbeitung

3. Öffnen Sie im Editor die Datei MainActivity, die der Einstiegspunkt für Ihre Anwendung ist.

4. Klicken Sie auf Ausführen , um die Anwendung bereitzustellen.

5. Nachdem Sie „Live Edit“ aktiviert haben, wird rechts oben im Toolfenster Ausgeführte Geräte das grüne Häkchen Aktuell angezeigt:

   

Änderungen vornehmen und überprüfen

Wenn Sie unterstützte Änderungen im Editor vornehmen, wird das virtuelle oder physische Testgerät automatisch aktualisiert.

Bearbeiten Sie beispielsweise die vorhandene Greeting-Methode in MainActivity so:

@Composable
fun Greeting(name: String) {
    Text(
        text = "Hello $name!",
        Modifier
            .padding(80.dp) // Outer padding; outside background
            .background(color = Color.Cyan) // Solid element background color
            .padding(16.dp) // Inner padding; inside background, around text)
    )
}
IterativeDevelopmentSnippets.kt

Ihre Änderungen werden sofort auf dem Testgerät angezeigt, wie in Abbildung 6 zu sehen.

Abbildung 6. Testgerät, auf dem die Änderungen der Methode Greeting durch die Livebearbeitung angezeigt werden.

Fehlerbehebung für Live Edit

Wenn Sie Ihre Änderungen auf dem Testgerät nicht sehen, konnte Android Studio Ihre Änderungen möglicherweise nicht aktualisieren. Prüfen Sie, ob die Livebearbeitungsanzeige Veraltet lautet (siehe Abbildung 7). Dies weist auf einen Kompilierungsfehler hin. Klicken Sie auf die Anzeige, um Informationen zum Fehler und Vorschläge zur Behebung zu erhalten.

Abbildung 7. Statusanzeige für Änderungen in Echtzeit

Einschränkungen von Live Edit

Im Folgenden finden Sie eine Liste der aktuellen Einschränkungen.

• [Gilt nur für Android Studio Giraffe und höher] Für die Live-Bearbeitung ist Compose Runtime 1.3.0 oder höher erforderlich. Wenn Ihr Projekt eine niedrigere Version von Compose verwendet, ist die Livebearbeitung deaktiviert.

• [Gilt nur für Android Studio Giraffe und höher] Für die Live-Bearbeitung ist AGP 8.1.0-alpha05 oder höher erforderlich. Wenn Ihr Projekt eine niedrigere Version des AGP verwendet, ist die Livebearbeitung deaktiviert.

• Für die Live-Bearbeitung ist ein physisches Gerät oder ein Emulator mit API-Level 30 oder höher erforderlich.

• Mit Live Edit kann nur der Funktionskörper bearbeitet werden. Das bedeutet, dass Sie den Funktionsnamen oder die Signatur nicht ändern, keine Funktion hinzufügen oder entfernen und keine Nicht-Funktionsfelder ändern können.

• Bei der ersten Änderung einer Compose-Funktion in einer Datei wird der Status der App durch die Live-Bearbeitung zurückgesetzt. Dies geschieht nur nach der ersten Codeänderung. Der App-Status wird durch nachfolgende Codeänderungen, die Sie an Compose-Funktionen in dieser Datei vornehmen, nicht zurückgesetzt.

• Durch die Live-Bearbeitung geänderte Klassen können zu Leistungseinbußen führen. Führen Sie Ihre App aus und verwenden Sie einen sauberen Release-Build, wenn Sie die Leistung bewerten.

• Sie müssen einen vollständigen Durchlauf ausführen, damit der Debugger Klassen verarbeiten kann, die Sie mit Live Edit geändert haben.

• Eine laufende App kann abstürzen, wenn Sie sie mit „Live Edit“ bearbeiten. In diesem Fall können Sie die Anwendung mit dem Button Ausführen noch einmal bereitstellen.

• Live Edit führt keine Bytecode-Manipulationen durch, die in der Build-Datei Ihres Projekts definiert sind, z. B. Bytecode-Manipulationen, die angewendet werden, wenn das Projekt mit den Optionen im Menü Build oder durch Klicken auf die Schaltflächen Build oder Ausführen erstellt wird.

• Nicht zusammensetzbare Funktionen werden live auf dem Gerät oder Emulator aktualisiert und es wird eine vollständige Neuzusammensetzung ausgelöst. Bei der vollständigen Neuzusammensetzung wird die aktualisierte Funktion möglicherweise nicht aufgerufen. Bei nicht zusammensetzbaren Funktionen müssen Sie die neu aktualisierten Funktionen auslösen oder die App noch einmal ausführen.

• Live Edit wird nach einem Neustart der App nicht fortgesetzt. Sie müssen die App noch einmal ausführen.

• Live Edit unterstützt nur debugfähige Prozesse.

• Live Edit unterstützt keine Projekte, die benutzerdefinierte Werte für moduleName unter kotlinOptions in der Build-Konfiguration verwenden.

• Live Edit funktioniert nicht mit Multi-Deploy-Bereitstellungen. Das bedeutet, dass Sie nicht auf einem Gerät und dann auf einem anderen bereitstellen können. Die Livebearbeitung ist nur auf den Geräten aktiv, auf denen die App zuletzt bereitgestellt wurde.

• Live Edit funktioniert mit Bereitstellungen auf mehreren Geräten, die über Mehrere Geräte auswählen im Drop-down-Menü für Zielgeräte erstellt wurden. Sie wird jedoch nicht offiziell unterstützt und es kann zu Problemen kommen. Sollten Probleme auftreten, melden Sie diese bitte.

• „Änderungen übernehmen“ und „Codeänderungen übernehmen“ sind nicht mit der Live-Bearbeitung kompatibel und erfordern einen Neustart der laufenden App.

• Live Edit unterstützt derzeit keine Android Automotive-Projekte.

Häufig gestellte Fragen zur Funktion „Live-Bearbeitung“

• Wie ist der aktuelle Status von Live Edit?

  Live Edit ist in Android Studio Giraffe verfügbar. Wenn Sie die Funktion aktivieren möchten, rufen Sie Datei > Einstellungen > Editor > Live-Bearbeitung auf (Android Studio > Einstellungen > Editor > Live-Bearbeitung unter macOS).

• Wann sollte ich die Funktion „Live-Bearbeitung“ verwenden?

  Verwenden Sie die Livebearbeitung, wenn Sie schnell sehen möchten, wie sich Aktualisierungen von UX-Elementen (z. B. Aktualisierungen von Modifikatoren und Animationen) auf die allgemeine Nutzerfreundlichkeit der App auswirken.

• Wann sollte ich die Live-Bearbeitung nicht verwenden?

  Live Edit konzentriert sich auf Codeänderungen im Zusammenhang mit der Benutzeroberfläche und der Nutzererfahrung. Änderungen wie Aktualisierungen von Methodensignaturen, das Hinzufügen neuer Methoden oder Änderungen der Klassenhierarchie werden nicht unterstützt. Weitere Informationen finden Sie unter Einschränkungen von Live Edit.

• Wann sollte ich die Vorschau in Compose verwenden?

  Verwenden Sie die Funktion „Compose Preview“, wenn Sie einzelne Composables entwickeln. In der Vorschau werden Compose-Elemente visualisiert und automatisch aktualisiert, um die Auswirkungen von Codeänderungen anzuzeigen. In der Vorschau können Sie sich UI-Elemente auch in verschiedenen Konfigurationen und Status ansehen, z. B. im dunklen Design, in verschiedenen Sprachen und mit unterschiedlicher Schriftgröße.

Iterative Codeentwicklung mit Compose

Live Edit und Hot Reload für Compose Multiplatform sind Funktionen, mit denen Sie Zeit sparen und Ihre Produktivität bei der Entwicklung mit Compose steigern können. Sie dienen jedoch den Anforderungen verschiedener Arten von Entwicklung:

• Live Edit unterstützt die iterative Entwicklung mit Jetpack Compose für Android-Apps. Damit können Sie Composables in Emulatoren und auf physischen Geräten in Echtzeit aktualisieren. Diese Funktion minimiert Kontextwechsel zwischen dem Schreiben und Erstellen Ihrer App, sodass Sie sich länger ohne Unterbrechung auf das Schreiben von Code konzentrieren können.

• Compose Hot Reload erfüllt denselben Zweck, unterstützt aber Desktopanwendungen, die mit Compose Multiplatform erstellt wurden. Sie können damit Änderungen am UI-Code in einer Compose Multiplatform-Anwendung vornehmen und die Ergebnisse in Echtzeit sehen, da der Code bei jeder Änderung intelligent neu geladen wird.

Diese beiden Funktionen nutzen viele Technologien innerhalb der Compose-Engine und unterstützen viele ähnliche Anwendungsfälle. Sie haben jedoch nicht dieselben Funktionen, da sie für verschiedene Arten der Compose-Entwicklung gelten.

Wenn Sie eine Android-App entwickeln, sollten Sie die Live-Bearbeitung verwenden, um den Entwicklungsprozess zu beschleunigen. Wenn Sie eine Desktop-Anwendung mit Compose Multiplatform entwickeln, sollten Sie Compose Hot Reload verwenden.

Live Edit von Literalen (eingestellt)

Eingestellt: Die Live-Bearbeitung von Literalen, eine frühere Version der Live-Bearbeitung, die auf wenige unterstützte Typen beschränkt ist, wurde eingestellt. Wir empfehlen stattdessen die Verwendung von Live Edit.

Android Studio kann einige konstante Literale, die in Composables in Vorschauen, im Emulator und auf physischen Geräten verwendet werden, in Echtzeit aktualisieren. Hier sind einige unterstützte Typen:

• Int
• String
• Color
• Dp
• Boolean

Sie können konstante Literale, die Echtzeitaktualisierungen auslösen, ohne den Kompilierungsschritt anzeigen lassen, indem Sie Literal-Dekorationen über die UI-Anzeige „Live-Bearbeitung von Literalen“ aktivieren:

Hinweis: Die UI-Anzeige für die Live-Bearbeitung von Literalen wird neben Code/Split/Design angezeigt, solange eine aktive Verbindung zur laufenden App auf einem Emulator oder physischen Gerät besteht.

Änderungen übernehmen

Mit Änderungen übernehmen können Sie Code und Ressourcen aktualisieren, ohne die App noch einmal auf einem Emulator oder physischen Gerät bereitstellen zu müssen (mit einigen Einschränkungen).

Wenn Sie Composables hinzufügen, ändern oder löschen, können Sie Ihre App aktualisieren, ohne sie noch einmal bereitstellen zu müssen. Klicken Sie dazu auf den Button Codeänderungen anwenden: