ConstraintLayout mit Xamarin.Android verwenden

Das ConstraintLayout (CL) ist ein neu entwickeltes Layout von Google. Es befindet sich momentan noch in Beta-Status und setzt mindestens Android API Level 9 voraussetzt. Ähnlich wie beim RelativeLayout werden die Views relativ zu einander oder zum Layout selber ausgerichtet.

Warum das ConstraintLayout verwenden?

Die Verwendung des CL ermöglich es, auf verschachtelte ViewGroups zu verzichten. Insbesondere auf gewichteten LinearLayouts und RelativeLayouts. Mit jeder zusätzlichen Verschachtelung im Layout, kann die Anzahl der erforderlichen Render-Zyklen exponentiell steigen. Dies führt wiederum dazu, dass einzelne Frames ausgelassen werden müssen und Animationen dadurch abgehackt wirken.

Ein weiterer Grund ist der neue Layout Editor, welcher seit Android Studio 2.2 verfügbar ist. Dieser ist für die Entwicklung mit dem CL abgestimmt und soll dadurch eine möglich intuitive und effiziente Entwicklung des UIs ermöglichen.

Wie verwende ich das ConstraintLayout mit Xamarin?

Neben dem Installieren des entsprechenden NuGet Packages (Preview), muss auch das entsprechende Packet aus dem Android Support Repository herunter geladen werden. Dazu öffnet man in Android Studio die Einstellungen und wählt unter «Android SDK» das Tab «SDK Tools» aus. Um eine Auswahl der verschiedenen Versionen zu erhalten, sollte man ebenfalls «Show Package Details» markieren. Anschliessend kann man die gewünschten Versionen herunterladen.

Android Studio SDK Einstellungen

Da zur Zeit für Xamarin erst die Version 1.0.0-alpha9 als NuGet Packet verfügbar ist, wurde in diesem Fall auch diese Version in den SDK Tools angewählt und heruntergeladen.

Nun kann das CL auch in einem Xamarin.Android Projekt verwendet werden. Allerding unterstütz der Xamarin UI Designer das CL gar noch nicht. Daher muss der Layout Editor von Android Studio verwendet werden. Wie man dies genau macht, wir  in einem früheren Blog Post beschrieben.

Ein Beispiel Projekt kann unter folgendem Link heruntergeladen werden. Öffnet man das darin vorhandene Main.xml Layout in Android Studio, sieht man zum einen die Vorschau des Layout sowie die Blueprint-Ansicht. In dieser hat man die Möglichkeit, die Constraints anzupassen. Auf der Android Developer Website ist ausführlich erklärt, wie man den Designer bedient.

Vorschau im Layout Editor von Android Studio

Fazit

Obwohl sich das CL noch in Beta-Version befindet bzw. die Xamarin Bindings gar in Alpha-Version, macht es bereits einen guten Eindruck. Daher macht es definitiv Sinn, wenn mach sich bereits jetzt schon damit auseinander setzt. In Kombination mit dem Layout Editor von Android Studio, hat das CL definitiv das Potenzial, die UI Entwicklung zu beschleunigen sowie das Level an ViewGroup Verschachtelungen zu verringern.