Android Developers
Published in

Android Developers

Android Studio Project Marble: Layout Editor

Deep dive on Layout Editor UX improvements for Android Studio 3.5

So what did we do?

Improvement #1 — Constraint visualization and selection

Android Studio 3.4 Constraints Visualization
Android Studio 3.5 Constraints Visualization
Constraint Section (New)
Selecting Constraints from the Constraint Section on Property Panel
Vice versa, selecting Constraints from the Design Surface
Constraints selected and using the Delete key
Using Zoom and Pan Controls

Improvement #2 — Constraint creation

Displaying Possible Target Constraint Anchors (Old)
Displaying Possible Target Constraint Anchors (New)
Constraining to overlapping anchors (Old)
Constraining to overlapping anchors (New)
Drag to component center to create constraints (Old)
Drag to component center to create constraints (New)
Drag to multiple components center to create constraints (Old)
Drag to multiple components center to create constraints (New)
Using the constraint widget to create constraints (New)

Improvement #3 — Constraints deletion

Click anchor to delete constraints (Old)
Select constraints and use delete key (New)
Hold “Ctrl/Cmd” and click on anchor to delete (New)

Improvement #4 — Visual refresh

Design mode components style and colors (New)
Design surface visual refresh
Blueprint mode before and after

Improvement #5 — Devices snapping behavior

Device snapping to different screen sizes (Old)
Device snapping to different screen sizes (New)

Improvement #6 — Dimension resources for margin

Using dimension resources for margins
Using dimension resources for default margins

What’s next?

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store