The video owner has disabled playback on external websites.

This video is no longer available on YouTube.

This video cannot be played right now.

Watch on YouTube

Unlock AI-Powered Learning Tools

Sign up to access powerful tools that help you learn faster from every video.

Scene Explainer Phrase Hunter Flashcard Review Shadowing Practice Talk Back
Sign Up Free
B1 Intermediate English 6:02 796 words Science & Tech

Embedded Layout Inspector | Jetpack Compose Tips

English with Lucy · 10,352 views · Added 5 months ago

AI Summary

This developer-focused video provides a detailed walkthrough of the Embedded Layout Inspector in Android Studio for debugging Jetpack Compose user interfaces. Learners will encounter technical vocabulary related to software debugging and UI development, including terms like component tree, attribute panel, recomposition tracking, deep inspect mode, and snapshot export. The video teaches how to discuss UI debugging workflows, performance optimization, and development tools in English, making it a valuable resource for software developers seeking to strengthen their technical English communication skills.

Learning Stats

B1

CEFR Level

796

Total Words

330

Unique Words

5/10

Difficulty

Vocabulary Diversity 41%

Subtitles (49 segments)

Download
00:00

PARIS HSU: Hi, Compose developers. Today, let's dive deep into a delightful tool that I hope will become your best friend for debugging Jetpack Compose UIs, the Embedded Layout Inspector.

00:13

[MUSIC PLAYING]

00:17

Let's start with how to access it. First, run your app on an emulator or a physical device.

00:24

Then, open the running device tool window in Android Studio.

00:29

You'll see your connected device and your running app process in the toolbar.

00:33

Look for the Toggle Layout Inspector icon.

00:36

Click on it. The Layout Inspector window will appear below the device with two subpanels-- a component tree, which shows your component hierarchy, and attribute panel, which shows the selected component's attributes.

00:52

One of the first things you may notice is speed, with up to 50% faster rendering compared to the old standalone Layout Inspector.

01:00

You will also notice the debug bounds are now drawn directly in the app UI.

01:05

I like to use the gear icon to change my layout so that the two panels split between the phone, like so.

Full subtitles available in the video player

Key Vocabulary (21)

you A1 pronoun

Used to refer to the person or people that the speaker is addressing. It is the second-person pronoun used for both singular and plural subjects and objects.

app A1 noun

An app, short for application, is a specialized computer program designed for a specific task. It is most commonly used on mobile devices like smartphones and tablets to help users perform activities such as gaming, banking, or social networking.

layout B1 noun

The arrangement of text, images, or other elements on a page or screen. It can also refer to the physical plan or organization of a room, building, or area.

Grammar in This Video

Practice with Exercises

Generate vocabulary, grammar, and comprehension exercises from this video

Vocabulary & Grammar Comprehension Quiz IELTS Exam Writing Practice
Sign up to practice

Comments (0)

Login to Comment
No comments yet. Be the first to share your thoughts!

Sign up to unlock full features

Track progress, save vocabulary, and practice exercises

Start learning languages for free