12+ Years of App Development
Everything from a single source
50+ Successful App Projects

Blog

Android Studio Designer

Google I/O ended a few weeks ago and brought plenty of news. One of the announcements was Android Studio, based on JetBrains IntelliJ IDEA and still in an early access preview at the time. Even so, the listed features were reason enough to take a closer look.

Article image for Android Studio Designer

To be fair, it should be said that our Android apps are developed exclusively with Xamarin.Android. For that, we use either Xamarin Studio or, preferably, Microsoft's Visual Studio. Xamarin provides an interface designer for both IDEs, and it is one of the best products in this area. So what interests us about Android Studio are only the UI designer features and whether they are better than what we currently use.

After spending some time testing Android Studio, the following features stood out as having real potential for making Google's new tool worth using in the future.

Layout rendering

Android Studio renders layouts better in a number of key areas. In particular, list widgets such as ListView, ExpandableListView, and similar controls are displayed at all. That is one of the reasons why, up to now, I have only used designers for rough layout work. The details were then handled in XML and reviewed on a test device. Android Studio has the potential to change that.

Xamarin's designer does not display the ListView widget.

Layout in Xamarins Designer

Google's Android Studio does.

Layout in Android Studio Designer

Configuration for other orientations and sizes

As a rule, UI layouts are designed for a particular orientation, horizontal or vertical, or for a specific device class such as smartphone or tablet. Android already makes it quite easy to provide your UI for different requirements. Still, having this feature directly in Android Studio is useful because it saves developers simple, repetitive steps. You stay focused on your UI and can make the desired changes right from the original layout. It may not stand out as much as the next feature, but it will certainly be useful regularly, especially when starting a completely new app.

Configuration menu for other orientations and sizes

Component Tree

This is the feature that most convinced me to add Android Studio to my current tooling. No other software currently offers the ability to point out potential problems with the widgets being used and also provide recommendations for solving them.

The Component Tree with hint text

The screenshot shows what such a suggestion can look like in a simple case. This feature is especially well suited to topics such as localization and using the correct units of measurement, but not only to those.

Conclusion

The Android Studio designer offers a broad range of functionality and some genuine innovations that raise the bar a little for other designer products. It remains to be seen what other improvements will arrive before it leaves early access preview. One thing is clear, though: pioneers such as Xamarin's Android designer or Eclipse will have to catch up if they want to continue competing for developers' attention.

Sebastian Seidel

Sebastian Seidel

As a mobile enthusiast and managing director of Cayas Software GmbH, it is very important to me to support my team and our customers in discovering new potential and growing together. Here I mainly write about the development of Android and iOS apps with Xamarin and .NET MAUI.

Related Articles

Voice input facilitates documentation - A hackathon topic
Voice input facilitates documentation - A hackathon topic

Voice input makes it possible to intuitively record food eaten and drunk without having to look at a device or tap. Instead of laboriously entering everything by hand, users can simply record their meals and snacks by voice command. This approach can lower the inhibition threshold and encourage users to continuously document their eating habits. This saves time and encourages regular documentation.

Animations in Jetpack Compose
Animations in Jetpack Compose

Modern applications are becoming more design-centric and therefore end-user-centric. For the user, the technical side of the program is not at all interesting, but rather taken for granted. Attractive design, animation and ease of use, on the contrary, all other things being equal, can make the application more popular among competitors.

Jetpack Compose: Google's modern UI toolkit
Jetpack Compose: Google's modern UI toolkit

It's been almost two years since the release of the stable version of Jetpack Compose, but still many developers are skeptical about using this framework in their projects. To answer the question, is it worth using Compose in your projects, let's make a small comparison between Android Views and Jetpack Compose based on typical tasks when developing native Android projects.