android studio preview has no phone outline

It’s very convenient to be able to preview your UI without having to run the app. In the past few years, the Android Studio team has put a lot of effort into making the layout editor and preview accurate, performant and easy to use.

In all code samples, I’m using the latest Android Studio Canary release 4.2 Canary 11 (at the time of writing) and Jetpack Compose 1.0.0-alpha03.

In a series of articles, I’ll be documenting my journey exploring the different aspects and tools that Compose offers. With the introduction of Compose 1.0.0-alpha01 I decided it’s time to dive-in and learn what’s it all about. Android UIs have been built like that since the first versions of the OS - until Google announced Jetpack Compose in 2019.Ĭompose is a paradigm shift in the way we build UIs, that promotes a programming model which is quite a bit different from the current one. We’ve all been there, reading about all the XML files needed to build a UI - the layout, strings, dimensions, styles… Then we were taught how to use those in our Activities and Fragments. Most codelabs will step you through the process of building a small. One of the first things that every new Android developer learns is how to create a simple user interface. Google Developers Codelabs provide a guided, tutorial, hands-on coding experience.

My journey through the future of Android UIs

Android studio preview has no phone outline