Google führt Relay ein, um die Erstellung von Android-Benutzeroberflächen zu transformieren und zu beschleunigen

InfoQ-Startseite News Google führt Relay ein, um die Erstellung von Android-Benutzeroberflächen zu transformieren und zu beschleunigen

16. November 2022 2 Minuten Lesezeit

von

Sergio De Simone

Relay wurde kürzlich in der Alpha-Phase eingeführt und ist eine Design-to-Code-Lösung, die darauf abzielt, die Art und Weise, wie UI-Designer und UI-Entwickler zusammenarbeiten, um Android-UI-Komponenten zu erstellen, radikal zu verändern, indem die Notwendigkeit von UI-Spezifikationen entfällt.

Relay ermöglicht es Designern, UI-Komponenten in Figma zu erstellen und sie in Android Studio zu exportieren/importieren, um pixelgenauen Compose-Code zu generieren. Es besteht aus drei Plugins: dem Relay for Figma-Plugin, dem Relay for Android Studio-Plugin und dem Relay Gradle-Plugin.

Designer verwenden das Relay for Figma-Plugin, um UI-Komponenten für die Verwendung durch Entwickler zu kommentieren und zu verpacken, einschließlich Informationen zu Layout, Stil, dynamischen Inhalten und Interaktionsverhalten. Diese UI-Pakete stellen ein gemeinsames Modell für UI-Komponenten bereit und können in Zusammenarbeit zwischen Designern und Entwicklern ausgetauscht und aktualisiert werden.

Laut Damon Seeley, dem leitenden Designer von Google Material Design, beschleunigt die Lösung den Entwicklungsprozess, indem Designspezifikationen als Treffpunkt zwischen Designern und Entwicklern entfallen und die Schleifen um sie herum reduziert werden. Dies wird durch UI-Pakete ermöglicht, die sowohl Stile als auch Themen sowie Verweise auf Komponenten enthalten, die im Code vorhanden sind und direkt in Figma aktualisiert werden können, wenn sich das Produkt weiterentwickelt.

Das Feedback von Early-Access-Anwendern zeigt, dass sich die Zeit eines Teams bis zur ersten UI-Implementierung um das Zehnfache verkürzt und auch weitere Iterationen schneller erfolgen.

Um die Entwicklung von UI-Paketen besser bewältigen zu können, unterstützt Relay explizit die Komponentenversionierung, einschließlich der Möglichkeit, Parameter zur Beschreibung dynamischer Inhalte zu definieren, die zur Laufzeit bereitgestellt werden.

Relay-Komponenten können interaktive Teile haben, die Interaktionshandlern zugeordnet sind. Diese Handler werden in Parameter für den Initialisierer der Komponente übersetzt, sodass Entwickler ihre Implementierung beim Instanziieren der Komponente bereitstellen können.

Mit dem Relay for Figma-Plugin können auch Designvarianten erstellt werden, bei denen es sich um Variationen für verschiedene Bundesstaaten oder Größen handelt. Designvarianten werden beim Import in Android Studio in Komponentenvarianten übersetzt.

Wie bereits erwähnt, ist Relay immer noch nur in Alpha-Qualität und unterstützt daher nur eine begrenzte Anzahl von Ebenentypen und Figma-Funktionen. Es kann auf Android Studio 2020.3.1 Arctic Fox oder höher installiert werden.

Präsentiert von: Sean Chittenden – Director of Engineering

Sichern Sie sich Ihren Platz

Das Schreiben für InfoQ hat viele Türen geöffnet und die Karrierechancen erhöht Für mich. Ich konnte mich intensiv mit Experten und Vordenkern austauschen, um mehr über die von mir behandelten Themen zu erfahren. Und ich kann meine Erkenntnisse auch an die breitere Tech-Community weitergeben und verstehen, wie die Technologien in der realen Welt eingesetzt werden.

Ich habe das Mitwirkendenprogramm von InfoQ Anfang dieses Jahres entdeckt und es seitdem genossen! Das Peer-to-Peer-Review-System von InfoQ bietet mir nicht nur eine Plattform, auf der ich meine Erkenntnisse mit einer globalen Community von Softwareentwicklern teilen kann, sondern hat auch mein Schreiben erheblich verbessert . Wenn Sie nach einem Ort suchen, an dem Sie Ihr Software-Know-how teilen können, beginnen Sie mit der Mitarbeit bei InfoQ.

Ich habe angefangen, Nachrichten für die InfoQ .NET-Warteschlange zu schreiben, um auf dem neuesten Stand der Technik zu bleiben, aber ich habe so viel mehr daraus gemacht. Ich habe sachkundige Leute kennengelernt, weltweite Sichtbarkeit erlangt und meine Schreibfähigkeiten verbessert.

Redakteur für InfoQ zu werden war eine der besten Entscheidungen meiner Karriere . Es hat mich herausgefordert und mir in vielerlei Hinsicht geholfen, zu wachsen . Wir würden uns über mehr Leute freuentrete unserem Team bei.

InfoQ sucht einen Chefredakteur in Vollzeit dem internationalen, stets remote arbeitenden Team von C4Media beizutreten. Entdecken Sie mit uns die innovativsten Technologien unserer Zeit, arbeiten Sie mit den besten Software-Experten der Welt zusammen und helfen Sie mehr als 1,6 Millionen Entwicklerteams bei der Einführung neuer Technologien und Praktiken, die die Grenzen dessen erweitern, was Software und Teams leisten können!

Jeden Dienstag wird eine Zusammenfassung der Inhalte der letzten Woche auf InfoQ verschickt. Treten Sie einer Community von über 250.000 erfahrenen Entwicklern bei. Sehen Sie sich ein Beispiel an

Wir schützen Ihre Privatsphäre.

Sie müssen ein InfoQ-Konto registrieren oder sich anmelden oder anmelden, um Kommentare zu posten. Aber hinter der Registrierung steckt noch viel mehr.

Holen Sie das Beste aus dem InfoQ-Erlebnis heraus.

Zulässiges HTML: a,b,br,blockquote,i,li,pre,u,ul,p

Zulässiges HTML: a,b,br,blockquote,i,li,pre,u,ul,p

Zulässiges HTML: a,b,br,blockquote,i,li,pre,u,ul,p