Develop a UI with Views | Android Studio

<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Android Developers"> <meta property="og:type" content="website"><meta name="theme-color" content="#34a853"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/_pwa/android/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//www.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.googleapis.com" crossorigin> <link rel="preconnect" href="//apis.google.com" crossorigin> <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500,600,700|Google+Sans+Text:400,400italic,500,500italic,600,600italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/css/app.css"> <link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/css/dark-theme.css" disabled> <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/favicon.svg"> <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/touchicon-180.png"><link rel="canonical" href="https://developer.android.com/studio/write/layout-editor"><link rel="search" type="application/opensearchdescription+xml" title="Android Developers" href="https://developer.android.com/s/opensearch.xml"> <link rel="alternate" hreflang="en" href="https://developer.android.com/studio/write/layout-editor" /><link rel="alternate" hreflang="x-default" href="https://developer.android.com/studio/write/layout-editor" /><link rel="alternate" hreflang="ar" href="https://developer.android.com/studio/write/layout-editor?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developer.android.com/studio/write/layout-editor?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developer.android.com/studio/write/layout-editor?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developer.android.com/studio/write/layout-editor?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developer.android.com/studio/write/layout-editor?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developer.android.com/studio/write/layout-editor?hl=fr" /><link rel="alternate" hreflang="de" href="https://developer.android.com/studio/write/layout-editor?hl=de" /><link rel="alternate" hreflang="he" href="https://developer.android.com/studio/write/layout-editor?hl=he" /><link rel="alternate" hreflang="hi" href="https://developer.android.com/studio/write/layout-editor?hl=hi" /><link rel="alternate" hreflang="id" href="https://developer.android.com/studio/write/layout-editor?hl=id" /><link rel="alternate" hreflang="it" href="https://developer.android.com/studio/write/layout-editor?hl=it" /><link rel="alternate" hreflang="ja" href="https://developer.android.com/studio/write/layout-editor?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developer.android.com/studio/write/layout-editor?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developer.android.com/studio/write/layout-editor?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developer.android.com/studio/write/layout-editor?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developer.android.com/studio/write/layout-editor?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developer.android.com/studio/write/layout-editor?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developer.android.com/studio/write/layout-editor?hl=th" /><link rel="alternate" hreflang="tr" href="https://developer.android.com/studio/write/layout-editor?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developer.android.com/studio/write/layout-editor?hl=vi" /><title>Develop a UI with Views  |  Android Studio  |  Android Developers</title> <meta property="og:title" content="Develop a UI with Views  |  Android Studio  |  Android Developers"><meta name="description" content="In the Layout Editor, you can quickly build layouts by dragging UI elements into a visual design editor instead of writing the layout XML by hand."> <meta property="og:description" content="In the Layout Editor, you can quickly build layouts by dragging UI elements into a visual design editor instead of writing the layout XML by hand."><meta property="og:url" content="https://developer.android.com/studio/write/layout-editor"><meta property="og:image" content="https://developer.android.com/static/images/social/android-developers.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Develop a UI with Views" } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Android Studio", "item": "https://developer.android.com/studio" },{ "@type": "ListItem", "position": 2, "name": "Develop a UI with Views", "item": "https://developer.android.com/studio/write/layout-editor" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="" template="page" theme="android-theme" type="article" appearance layout="docs" display-toc pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <a href="#main-content" class="skip-link button"> Skip to main content </a> <section class="devsite-wrapper"> <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner"> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="androidDevelopers" track-metadata-position="nav" track-metadata-eventDetail="nav"> <picture> <source srcset="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup-dark-theme.svg" media="(prefers-color-scheme: dark)" class="devsite-dark-theme" alt="Android Developers"> <img src="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup.svg" class="devsite-site-logo" alt="Android Developers"> </picture> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab class="devsite-dropdown devsite-dropdown-full "> <a href="https://developer.android.com/get-started" class="devsite-tabs-content gc-analytics-event android-dropdown-tab" track-metadata-eventdetail="https://developer.android.com/get-started" track-type="nav" track-metadata-position="nav - essentials" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Essentials" track-name="essentials" > Essentials </a> <button aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown menu for Essentials" track-type="nav" track-metadata-eventdetail="https://developer.android.com/get-started" track-metadata-position="nav - essentials" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Essentials" track-name="essentials" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></button> <div class="devsite-tabs-dropdown" role="menu" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column android-dropdown android-dropdown-primary android-dropdown-studio"> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Gemini in Android Studio</li> <li class="devsite-nav-description">Your AI development companion for Android development. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/gemini-in-android" track-type="nav" track-metadata-eventdetail="https://developer.android.com/gemini-in-android" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="gemini in android studio" tooltip class="button button-primary" > <div class="devsite-nav-item-title"> Learn more </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/studio" track-type="nav" track-metadata-eventdetail="https://developer.android.com/studio" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="gemini in android studio" tooltip class="button button-white" > <div class="devsite-nav-item-title"> Get Android Studio </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-launch"> <li class="devsite-nav-title" role="heading" tooltip>Get started</li> <li class="devsite-nav-description">Start by creating your first app. Go deeper with our training courses or explore app development on your own. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/get-started/overview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/get-started/overview" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Hello world </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/courses" track-type="nav" track-metadata-eventdetail="https://developer.android.com/courses" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Training courses </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/get-started/codelabs" track-type="nav" track-metadata-eventdetail="https://developer.android.com/get-started/codelabs" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Tutorials </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop/ui/compose/adopt" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop/ui/compose/adopt" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Compose for teams </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/kotlin" track-type="nav" track-metadata-eventdetail="https://developer.android.com/kotlin" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Kotlin for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="https://play.google.com/console/about/guides/monetize/" track-type="nav" track-metadata-eventdetail="https://play.google.com/console/about/guides/monetize/" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get started" tooltip > <div class="devsite-nav-item-title"> Monetization with Play ↗️ </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-multiple-screens"> <li class="devsite-nav-title" role="heading" tooltip>Extend by device</li> <li class="devsite-nav-description">Build apps that give your users seamless experiences from phones to tablets, watches, headsets, and more. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/adaptive-apps" track-type="nav" track-metadata-eventdetail="https://developer.android.com/adaptive-apps" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> Adaptive apps </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/xr" track-type="nav" track-metadata-eventdetail="https://developer.android.com/xr" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> Android XR </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/wear" track-type="nav" track-metadata-eventdetail="https://developer.android.com/wear" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> Wear OS </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/cars" track-type="nav" track-metadata-eventdetail="https://developer.android.com/cars" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> Android for Cars </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/tv" track-type="nav" track-metadata-eventdetail="https://developer.android.com/tv" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> Android TV </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/chrome-os" track-type="nav" track-metadata-eventdetail="https://developer.android.com/chrome-os" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="extend by device" tooltip > <div class="devsite-nav-item-title"> ChromeOS </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-platform"> <li class="devsite-nav-title" role="heading" tooltip>Build by category</li> <li class="devsite-nav-description">Learn to build for your use case by following Google's prescriptive and opinionated guidance. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/games" track-type="nav" track-metadata-eventdetail="https://developer.android.com/games" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Games </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/media" track-type="nav" track-metadata-eventdetail="https://developer.android.com/media" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Camera & media </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/social-and-messaging" track-type="nav" track-metadata-eventdetail="https://developer.android.com/social-and-messaging" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Social & messaging </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/health-and-fitness" track-type="nav" track-metadata-eventdetail="https://developer.android.com/health-and-fitness" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Health & fitness </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/productivity" track-type="nav" track-metadata-eventdetail="https://developer.android.com/productivity" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Productivity </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/work/overview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/work/overview" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="build by category" tooltip > <div class="devsite-nav-item-title"> Enterprise apps </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-stars"> <li class="devsite-nav-title" role="heading" tooltip>Get the latest</li> <li class="devsite-nav-description">Stay in touch with the latest releases throughout the year, join our preview programs, and give us your feedback. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/latest-updates" track-type="nav" track-metadata-eventdetail="https://developer.android.com/latest-updates" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Latest updates </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/latest-updates/experimental" track-type="nav" track-metadata-eventdetail="https://developer.android.com/latest-updates/experimental" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Experimental updates </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/studio/preview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/studio/preview" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Android Studio preview </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/jetpack/androidx/versions" track-type="nav" track-metadata-eventdetail="https://developer.android.com/jetpack/androidx/versions" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Jetpack & Compose libraries </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/wearables/versions/4" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/wearables/versions/4" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Wear OS preview </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design-for-safety/privacy-sandbox" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design-for-safety/privacy-sandbox" track-metadata-position="nav - essentials" track-metadata-module="tertiary nav" track-metadata-module_headline="get the latest" tooltip > <div class="devsite-nav-item-title"> Privacy Sandbox </div> </a> </li> </ul> </div> </div> </div> </tab> <tab class="devsite-dropdown devsite-dropdown-full "> <a href="https://developer.android.com/design" class="devsite-tabs-content gc-analytics-event android-dropdown-tab" track-metadata-eventdetail="https://developer.android.com/design" track-type="nav" track-metadata-position="nav - design & plan" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Design & Plan" track-name="design & plan" > Design & Plan </a> <button aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown menu for Design & Plan" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design" track-metadata-position="nav - design & plan" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Design & Plan" track-name="design & plan" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></button> <div class="devsite-tabs-dropdown" role="menu" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-layout"> <li class="devsite-nav-title" role="heading" tooltip>UI Design</li> <li class="devsite-nav-description">Design a beautiful user interface using Android best practices.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Design for Android </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/mobile" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/mobile" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Mobile </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/large-screens" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/large-screens" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Adaptive UI </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/xr" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/xr" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Android XR </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/widget" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/widget" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Widgets </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/wear" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/wear" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Wear OS </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/design/ui/tv" track-type="nav" track-metadata-eventdetail="https://developer.android.com/design/ui/tv" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="ui design" tooltip > <div class="devsite-nav-item-title"> Android TV </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-design"> <li class="devsite-nav-title" role="heading" tooltip>Architecture</li> <li class="devsite-nav-description">Design robust, testable, and maintainable app logic and services.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/topic/architecture/intro" track-type="nav" track-metadata-eventdetail="https://developer.android.com/topic/architecture/intro" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="architecture" tooltip > <div class="devsite-nav-item-title"> Introduction </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/topic/libraries/view-binding" track-type="nav" track-metadata-eventdetail="https://developer.android.com/topic/libraries/view-binding" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="architecture" tooltip > <div class="devsite-nav-item-title"> Libraries </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/navigation/navigation-principles" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/navigation/navigation-principles" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="architecture" tooltip > <div class="devsite-nav-item-title"> Navigation </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/topic/modularization" track-type="nav" track-metadata-eventdetail="https://developer.android.com/topic/modularization" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="architecture" tooltip > <div class="devsite-nav-item-title"> Modularization </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/testing/fundamentals" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/testing/fundamentals" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="architecture" tooltip > <div class="devsite-nav-item-title"> Testing </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-vitals"> <li class="devsite-nav-title" role="heading" tooltip>Quality</li> <li class="devsite-nav-description">Plan for app quality and align with Play store guidelines.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/quality" track-type="nav" track-metadata-eventdetail="https://developer.android.com/quality" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> Overview </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/quality/core-value" track-type="nav" track-metadata-eventdetail="https://developer.android.com/quality/core-value" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> Core value </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/quality/user-experience" track-type="nav" track-metadata-eventdetail="https://developer.android.com/quality/user-experience" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> User experience </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/topics/ui/accessibility" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/topics/ui/accessibility" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> Accessibility </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/quality/technical" track-type="nav" track-metadata-eventdetail="https://developer.android.com/quality/technical" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> Technical quality </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/quality/privacy-and-security" track-type="nav" track-metadata-eventdetail="https://developer.android.com/quality/privacy-and-security" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="quality" tooltip > <div class="devsite-nav-item-title"> Security </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-security-2"> <li class="devsite-nav-title" role="heading" tooltip>Security</li> <li class="devsite-nav-description">Safeguard users against threats and ensure a secure Android experience.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/security" track-type="nav" track-metadata-eventdetail="https://developer.android.com/security" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="security" tooltip > <div class="devsite-nav-item-title"> Overview </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/privacy-and-security/about" track-type="nav" track-metadata-eventdetail="https://developer.android.com/privacy-and-security/about" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="security" tooltip > <div class="devsite-nav-item-title"> Privacy </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/topics/permissions/overview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/topics/permissions/overview" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="security" tooltip > <div class="devsite-nav-item-title"> Permissions </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/identity" track-type="nav" track-metadata-eventdetail="https://developer.android.com/identity" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="security" tooltip > <div class="devsite-nav-item-title"> Identity </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/security/fraud-prevention" track-type="nav" track-metadata-eventdetail="https://developer.android.com/security/fraud-prevention" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="security" tooltip > <div class="devsite-nav-item-title"> Fraud prevention </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-earth"> <li class="devsite-nav-title" role="heading" tooltip>Build for Billions</li> <li class="devsite-nav-description">Create the best experience for entry-level devices</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/build-for-billions" track-type="nav" track-metadata-eventdetail="https://developer.android.com/build-for-billions" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="build for billions" tooltip > <div class="devsite-nav-item-title"> Overview </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/docs/quality-guidelines/build-for-billions" track-type="nav" track-metadata-eventdetail="https://developer.android.com/docs/quality-guidelines/build-for-billions" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="build for billions" tooltip > <div class="devsite-nav-item-title"> About new markets </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/topics/androidgo" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/topics/androidgo" track-metadata-position="nav - design & plan" track-metadata-module="tertiary nav" track-metadata-module_headline="build for billions" tooltip > <div class="devsite-nav-item-title"> Android (Go edition) </div> </a> </li> </ul> </div> </div> </div> </tab> <tab class="devsite-dropdown devsite-dropdown-full devsite-active "> <a href="https://developer.android.com/develop" class="devsite-tabs-content gc-analytics-event android-dropdown-tab" track-metadata-eventdetail="https://developer.android.com/develop" track-type="nav" track-metadata-position="nav - develop" track-metadata-module="primary nav" aria-label="Develop, selected" data-category="Site-Wide Custom Events" data-label="Tab: Develop" track-name="develop" > Develop </a> <button aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown menu for Develop" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop" track-metadata-position="nav - develop" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Develop" track-name="develop" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></button> <div class="devsite-tabs-dropdown" role="menu" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column android-dropdown android-dropdown-primary android-dropdown-ai"> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Build AI experiences</li> <li class="devsite-nav-description">Build AI-powered Android apps with Gemini APIs and more. </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/ai" track-type="nav" track-metadata-eventdetail="https://developer.android.com/ai" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="build ai experiences" tooltip class="button button-primary" > <div class="devsite-nav-item-title"> Get started </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-flag"> <li class="devsite-nav-title" role="heading" tooltip>Core areas</li> <li class="devsite-nav-description">Get the samples and docs for the features you need.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/samples" track-type="nav" track-metadata-eventdetail="https://developer.android.com/samples" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> Samples </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop/ui" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop/ui" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> User interfaces </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop/background-work" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop/background-work" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> Background work </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/topics/data" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/topics/data" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> Data and files </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop/connectivity" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop/connectivity" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> Connectivity </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop#core-areas" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop#core-areas" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="core areas" tooltip > <div class="devsite-nav-item-title"> All core areas ⤵️ </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-tools-2"> <li class="devsite-nav-title" role="heading" tooltip>Tools and workflow</li> <li class="devsite-nav-description">Use the IDE to write and build your app, or create your own pipeline.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/studio/write" track-type="nav" track-metadata-eventdetail="https://developer.android.com/studio/write" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Write and debug code </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/build/gradle-build-overview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/build/gradle-build-overview" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Build projects </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/testing" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/testing" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Test your app </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/topic/performance/overview" track-type="nav" track-metadata-eventdetail="https://developer.android.com/topic/performance/overview" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Performance </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/tools" track-type="nav" track-metadata-eventdetail="https://developer.android.com/tools" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Command-line tools </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/reference/tools/gradle-api" track-type="nav" track-metadata-eventdetail="https://developer.android.com/reference/tools/gradle-api" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="tools and workflow" tooltip > <div class="devsite-nav-item-title"> Gradle plugin API </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-multiple-screens"> <li class="devsite-nav-title" role="heading" tooltip>Device tech</li> <li class="devsite-nav-description">Write code for form factors. Connect devices and share data.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/guide/topics/large-screens/get-started-with-large-screens" track-type="nav" track-metadata-eventdetail="https://developer.android.com/guide/topics/large-screens/get-started-with-large-screens" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Adaptive UI </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/wearables" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/wearables" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Wear OS </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop/xr" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop/xr" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Android XR </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/health-and-fitness/guides" track-type="nav" track-metadata-eventdetail="https://developer.android.com/health-and-fitness/guides" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Android Health </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/cars" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/cars" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Android for Cars </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/training/tv" track-type="nav" track-metadata-eventdetail="https://developer.android.com/training/tv" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> Android TV </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/develop#devices" track-type="nav" track-metadata-eventdetail="https://developer.android.com/develop#devices" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="device tech" tooltip > <div class="devsite-nav-item-title"> All devices ⤵️ </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column android-dropdown"> <ul class="devsite-tabs-dropdown-section android-dropdown-section-icon android-dropdown-section-icon-core-library"> <li class="devsite-nav-title" role="heading" tooltip>Libraries</li> <li class="devsite-nav-description">Browse API reference documentation with all the details.</li> <li class="devsite-nav-item"> <a href="https://developer.android.com/reference/packages" track-type="nav" track-metadata-eventdetail="https://developer.android.com/reference/packages" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="libraries" tooltip > <div class="devsite-nav-item-title"> Android platform </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/jetpack/androidx/explorer" track-type="nav" track-metadata-eventdetail="https://developer.android.com/jetpack/androidx/explorer" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="libraries" tooltip > <div class="devsite-nav-item-title"> Jetpack libraries </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developer.android.com/jetpack/androidx/releases/compose" track-type="nav" track-metadata-eventdetail="https://developer.android.com/jetpack/androidx/releases/compose" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="libraries" tooltip > <div class="devsite-nav-item-title"> Compose libraries </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/android/reference/packages" track-type="nav" track-metadata-eventdetail="https://developers.google.com/android/reference/packages" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="libraries" tooltip > <div class="devsite-nav-item-title"> Google Play services ↗️ </div> </a> </li> <li class="devsite-nav-item"> <a href="https://play.google.com/sdks" track-type="nav" track-metadata-eventdetail="https://play.google.com/sdks" track-metadata-position="nav - develop" track-metadata-module="tertiary nav" track-metadata-module_headline="libraries" tooltip > <div class="devsite-nav-item-title"> Google Play SDK index ↗️ </div> </a> </li> </ul> </div> </div> </div> </tab> <tab > <a href="https://developer.android.com/distribute" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/distribute" track-type="nav" track-metadata-position="nav - google play" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Google Play" track-name="google play" > Google Play </a> </tab> <tab > <a href="https://developer.android.com/community" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/community" track-type="nav" track-metadata-position="nav - community" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community" > Community </a> </tab> </nav> </devsite-tabs> </div> <devsite-search enable-signin enable-search enable-suggestions enable-query-completion project-name="Android Studio" tenant-name="Android Developers" > <form class="devsite-search-form" action="https://developer.android.com/s/results" method="GET"> <div class="devsite-search-container"> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" > <div class="devsite-search-image material-icons" aria-hidden="true"> </div> <div class="devsite-search-shortcut-icon-container" aria-hidden="true"> <kbd class="devsite-search-shortcut-icon">/</kbd> </div> </div> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-appearance-selector></devsite-appearance-selector> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> <a class="devsite-header-link devsite-top-button button gc-analytics-event" href="https://developer.android.com/studio" data-category="Site-Wide Custom Events" data-label="Site header link" > Android Studio </a> <devsite-user enable-profiles id="devsite-user"> <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span> </devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <div class="devsite-header-background"> <div class="devsite-product-id-row" > <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developer.android.com/studio" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Android Studio" > Android Studio </a> </li> </ul> </div> </div> <div class="devsite-doc-set-nav-row"> <devsite-tabs class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab > <a href="https://developer.android.com/studio" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/studio" track-type="nav" track-metadata-position="nav - download" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Download" track-name="download" > Download </a> </tab> <tab class="devsite-active"> <a href="https://developer.android.com/studio/intro" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/studio/intro" track-type="nav" track-metadata-position="nav - android studio editor" track-metadata-module="primary nav" aria-label="Android Studio editor, selected" data-category="Site-Wide Custom Events" data-label="Tab: Android Studio editor" track-name="android studio editor" > Android Studio editor </a> </tab> <tab > <a href="https://developer.android.com/gemini-in-android" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/gemini-in-android" track-type="nav" track-metadata-position="nav - gemini in android studio" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Gemini in Android Studio" track-name="gemini in android studio" > Gemini in Android Studio </a> </tab> <tab > <a href="https://developer.android.com/build/gradle-build-overview" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/build/gradle-build-overview" track-type="nav" track-metadata-position="nav - android gradle plugin" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Android Gradle Plugin" track-name="android gradle plugin" > Android Gradle Plugin </a> </tab> <tab > <a href="https://developer.android.com/tools" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/tools" track-type="nav" track-metadata-position="nav - sdk tools" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: SDK tools" track-name="sdk tools" > SDK tools </a> </tab> <tab > <a href="https://developer.android.com/studio/preview" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://developer.android.com/studio/preview" track-type="nav" track-metadata-position="nav - preview" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Preview" track-name="preview" > Preview </a> </tab> </nav> </devsite-tabs> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars > <div class="devsite-book-nav-filter" > <span class="filter-list-icon material-icons" aria-hidden="true"></span> <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox"> <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span> </div> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="androidDevelopers" track-metadata-position="nav" track-metadata-eventDetail="nav"> <picture> <source srcset="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup-dark-theme.svg" media="(prefers-color-scheme: dark)" class="devsite-dark-theme" alt="Android Developers"> <img src="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup.svg" class="devsite-site-logo" alt="Android Developers"> </picture> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/get-started" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Essentials" track-name="essentials" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Essentials" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Essentials </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip data-category="Site-Wide Custom Events" data-label="Tab: Essentials" track-name="essentials" > <span class="devsite-nav-text" tooltip menu="Essentials"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Essentials"> </span> </span> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/design" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Design & Plan" track-name="design & plan" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Design & Plan" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Design & Plan </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip data-category="Site-Wide Custom Events" data-label="Tab: Design & Plan" track-name="design & plan" > <span class="devsite-nav-text" tooltip menu="Design & Plan"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Design & Plan"> </span> </span> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/develop" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Develop" track-name="develop" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Develop" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Develop </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip data-category="Site-Wide Custom Events" data-label="Tab: Develop" track-name="develop" > <span class="devsite-nav-text" tooltip menu="Develop"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Develop"> </span> </span> </li> </ul> <ul class="devsite-nav-responsive-tabs"> <li class="devsite-nav-item"> <a href="/studio" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Download" track-name="download" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Download" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Download </span> </a> </li> <li class="devsite-nav-item"> <a href="/studio/intro" class="devsite-nav-title gc-analytics-event devsite-nav-has-children devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Android Studio editor" track-name="android studio editor" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android Studio editor" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip menu="_book"> Android Studio editor </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="_book"> </span> </a> </li> <li class="devsite-nav-item"> <a href="/gemini-in-android" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Gemini in Android Studio" track-name="gemini in android studio" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Gemini in Android Studio" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Gemini in Android Studio </span> </a> </li> <li class="devsite-nav-item"> <a href="/build/gradle-build-overview" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Android Gradle Plugin" track-name="android gradle plugin" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android Gradle Plugin" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android Gradle Plugin </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/tools" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: SDK tools" track-name="sdk tools" data-category="Site-Wide Custom Events" data-label="Responsive Tab: SDK tools" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > SDK tools </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/studio/preview" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Preview" track-name="preview" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Preview" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Preview </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/distribute" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Google Play" track-name="google play" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Play" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Google Play </span> </a> </li> <li class="devsite-nav-item"> <a href="/community" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Community" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Community </span> </a> </li> <li class="devsite-nav-item"> <a href="/studio" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android Studio" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android Studio </span> </a> </li> </ul> </div> <div class="devsite-mobile-nav-bottom"> <ul class="devsite-nav-list" menu="_book"> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>What's new in Android Studio</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/releases" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/releases" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/releases" ><span class="devsite-nav-text" tooltip>Android Studio Ladybug Feature Drop release notes</span></a></li><li class="devsite-nav-item"><a href="/studio/releases/emulator" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/releases/emulator" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/releases/emulator" ><span class="devsite-nav-text" tooltip>Android Emulator release notes</span></a></li><li class="devsite-nav-item"><a href="/studio/releases/past-releases" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/releases/past-releases" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/releases/past-releases" ><span class="devsite-nav-text" tooltip>Past Android Studio releases</span></a></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Get started with Android Studio</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/intro" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/install" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/install" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/install" ><span class="devsite-nav-text" tooltip>Install Android Studio</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/new-ui" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/new-ui" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/new-ui" ><span class="devsite-nav-text" tooltip>New UI in Android Studio</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Get to know the UI</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/intro/user-interface" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/user-interface" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/user-interface" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/accessibility" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/accessibility" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/accessibility" ><span class="devsite-nav-text" tooltip>Accessibility features</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/keyboard-shortcuts" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/keyboard-shortcuts" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/keyboard-shortcuts" ><span class="devsite-nav-text" tooltip>Keyboard shortcuts</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/workflow" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/workflow" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/workflow" ><span class="devsite-nav-text" tooltip>Workflow basics</span></a></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Manage your project</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/projects" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/create-project" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/create-project" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/create-project" ><span class="devsite-nav-text" tooltip>Create a project</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/migrate" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/migrate" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/migrate" ><span class="devsite-nav-text" tooltip>Migrate to Android Studio</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/version-control" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/version-control" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/version-control" ><span class="devsite-nav-text" tooltip>Version control basics</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/studio-config" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/studio-config" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/studio-config" ><span class="devsite-nav-text" tooltip>Configure the IDE</span></a></li><li class="devsite-nav-item"><a href="/studio/intro/update" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/intro/update" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/intro/update" ><span class="devsite-nav-text" tooltip>Update the IDE and tools</span></a></li><li class="devsite-nav-item"><a href="/guide/app-bundle/dynamic-delivery" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /guide/app-bundle/dynamic-delivery" track-type="bookNav" track-name="click" track-metadata-eventdetail="/guide/app-bundle/dynamic-delivery" ><span class="devsite-nav-text" tooltip>About Play Feature Delivery</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Add C and C++ code</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/projects/add-native-code" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/add-native-code" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/add-native-code" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/install-ndk" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/install-ndk" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/install-ndk" ><span class="devsite-nav-text" tooltip>Install NDK and CMake</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/configure-agp-ndk" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/configure-agp-ndk" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/configure-agp-ndk" ><span class="devsite-nav-text" tooltip>Configure the NDK for AGP</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/configure-cmake" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/configure-cmake" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/configure-cmake" ><span class="devsite-nav-text" tooltip>Configure CMake</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/gradle-external-native-builds" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/gradle-external-native-builds" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/gradle-external-native-builds" ><span class="devsite-nav-text" tooltip>Link Gradle</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/projects/android-library" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/android-library" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/android-library" ><span class="devsite-nav-text" tooltip>Create an Android library</span></a></li><li class="devsite-nav-item"><a href="/studio/projects/continuous-integration" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/continuous-integration" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/continuous-integration" ><span class="devsite-nav-text" tooltip>Set up continuous integration</span></a></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Write your code</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/write" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write" ><span class="devsite-nav-text" tooltip>Write your code quicker and more efficiently</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Work with templates</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/projects/templates" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/templates" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/templates" ><span class="devsite-nav-text" tooltip>Add code from a template</span></a></li><li class="devsite-nav-item"><a href="/studio/write/sample-code" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/sample-code" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/sample-code" ><span class="devsite-nav-text" tooltip>Find sample code</span></a></li><li class="devsite-nav-item"><a href="/studio/write/create-java-class" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/create-java-class" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/create-java-class" ><span class="devsite-nav-text" tooltip>Create a Java class or type</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/projects/add-app-module" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/projects/add-app-module" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/projects/add-app-module" ><span class="devsite-nav-text" tooltip>Add a module for a new device</span></a></li><li class="devsite-nav-item"><a href="/studio/write/java8-support" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/java8-support" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/java8-support" ><span class="devsite-nav-text" tooltip>Use Java 8 language features</span></a></li><li class="devsite-nav-item"><a href="/studio/write/java8-support-table" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/java8-support-table" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/java8-support-table" ><span class="devsite-nav-text" tooltip>Java 8 language support table</span></a></li><li class="devsite-nav-item"><a href="/studio/write/add-resources" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/add-resources" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/add-resources" ><span class="devsite-nav-text" tooltip>Add app resources</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Use tools to develop UI</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item devsite-nav-external"><a href="/jetpack/compose/tooling/previews" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /jetpack/compose/tooling/previews" track-type="bookNav" track-name="click" track-metadata-eventdetail="/jetpack/compose/tooling/previews" ><span class="devsite-nav-text" tooltip>Develop a layout with Compose</span><span class="devsite-nav-icon material-icons" data-icon="external" data-title="External" aria-hidden="true"></span></a></li><li class="devsite-nav-item"><a href="/studio/write/layout-editor" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/layout-editor" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/layout-editor" ><span class="devsite-nav-text" tooltip>Develop a layout with Views</span></a></li><li class="devsite-nav-item"><a href="/studio/write/motion-editor" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/motion-editor" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/motion-editor" ><span class="devsite-nav-text" tooltip>Create animations</span></a></li><li class="devsite-nav-item"><a href="/studio/write/resource-manager" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/resource-manager" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/resource-manager" ><span class="devsite-nav-text" tooltip>Manage UI resources</span></a></li><li class="devsite-nav-item"><a href="/studio/write/vector-asset-studio" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/vector-asset-studio" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/vector-asset-studio" ><span class="devsite-nav-text" tooltip>Add multi-density vector graphics</span></a></li><li class="devsite-nav-item"><a href="/studio/write/create-app-icons" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/create-app-icons" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/create-app-icons" ><span class="devsite-nav-text" tooltip>Create app icons</span></a></li><li class="devsite-nav-item"><a href="/studio/write/draw9patch" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/draw9patch" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/draw9patch" ><span class="devsite-nav-text" tooltip>Create resizable bitmaps (9-patch)</span></a></li><li class="devsite-nav-item"><a href="/studio/write/convert-webp" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/convert-webp" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/convert-webp" ><span class="devsite-nav-text" tooltip>Create WebP images</span></a></li><li class="devsite-nav-item"><a href="/studio/write/translations-editor" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/translations-editor" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/translations-editor" ><span class="devsite-nav-text" tooltip>Localize the UI</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/write/app-link-indexing" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/app-link-indexing" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/app-link-indexing" ><span class="devsite-nav-text" tooltip>Add Android app links</span></a></li><li class="devsite-nav-item"><a href="/studio/write/firebase" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/firebase" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/firebase" ><span class="devsite-nav-text" tooltip>Connect to Firebase</span></a></li><li class="devsite-nav-item"><a href="/studio/write/lint" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/lint" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/lint" ><span class="devsite-nav-text" tooltip>Improve your code with lint checks</span></a></li><li class="devsite-nav-item"><a href="/studio/write/annotations" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/annotations" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/annotations" ><span class="devsite-nav-text" tooltip>Improve code inspection with annotations</span></a></li><li class="devsite-nav-item"><a href="/studio/write/tool-attributes" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/write/tool-attributes" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/write/tool-attributes" ><span class="devsite-nav-text" tooltip>Tools attributes reference</span></a></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Run and debug your app</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/run" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Run your app on virtual devices</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/run/managing-avds" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/managing-avds" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/managing-avds" ><span class="devsite-nav-text" tooltip>Create and manage virtual devices</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Run your app with Android Emulator</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/run/emulator" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/run/resizable-emulator" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/resizable-emulator" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/resizable-emulator" ><span class="devsite-nav-text" tooltip>Test on multiple screen sizes</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-take-screenshots" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-take-screenshots" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-take-screenshots" ><span class="devsite-nav-text" tooltip>Take screenshots</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-record-screen" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-record-screen" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-record-screen" ><span class="devsite-nav-text" tooltip>Record the screen</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-use-camera" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-use-camera" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-use-camera" ><span class="devsite-nav-text" tooltip>Use the camera</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-launch-separate-window" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-launch-separate-window" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-launch-separate-window" ><span class="devsite-nav-text" tooltip>Launch in a separate window</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-launch-without-app" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-launch-without-app" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-launch-without-app" ><span class="devsite-nav-text" tooltip>Launch without running an app</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-install-add-files" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-install-add-files" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-install-add-files" ><span class="devsite-nav-text" tooltip>Install and add files</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-wifi" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-wifi" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-wifi" ><span class="devsite-nav-text" tooltip>Use WiFi</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Use advanced Android Emulator features</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/run/emulator-extended-controls" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-extended-controls" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-extended-controls" ><span class="devsite-nav-text" tooltip>Use extended controls</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-snapshots" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-snapshots" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-snapshots" ><span class="devsite-nav-text" tooltip>Use snapshots</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-commandline" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-commandline" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-commandline" ><span class="devsite-nav-text" tooltip>Use the emulator from the command line</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-console" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-console" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-console" ><span class="devsite-nav-text" tooltip>Send console commands</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-networking" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-networking" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-networking" ><span class="devsite-nav-text" tooltip>Set up networking</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-acceleration" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-acceleration" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-acceleration" ><span class="devsite-nav-text" tooltip>Configure hardware acceleration</span></a></li><li class="devsite-nav-item"><a href="/studio/run/emulator-comparison" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-comparison" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-comparison" ><span class="devsite-nav-text" tooltip>Emulator feature comparison</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/run/emulator-troubleshooting" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/emulator-troubleshooting" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/emulator-troubleshooting" ><span class="devsite-nav-text" tooltip>Troubleshoot emulator</span></a></li></ul></div></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/run/android-device-streaming" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/android-device-streaming" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/android-device-streaming" ><span class="devsite-nav-text" tooltip>Android Device Streaming</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Run your app on a local device</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/run/device" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/device" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/device" ><span class="devsite-nav-text" tooltip>Get started</span></a></li><li class="devsite-nav-item"><a href="/studio/run/oem-usb" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/oem-usb" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/oem-usb" ><span class="devsite-nav-text" tooltip>Install OEM USB drivers</span></a></li><li class="devsite-nav-item"><a href="/studio/run/win-usb" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/win-usb" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/win-usb" ><span class="devsite-nav-text" tooltip>Get the Google USB driver</span></a></li></ul></div></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Debug your code</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/debug" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug" ><span class="devsite-nav-text" tooltip>Get started debugging your code</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/dev-options" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/dev-options" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/dev-options" ><span class="devsite-nav-text" tooltip>Configure developer options</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/logcat" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/logcat" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/logcat" ><span class="devsite-nav-text" tooltip>Write and view logs</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Analyze and address crash issues</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/debug/stacktraces" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/stacktraces" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/stacktraces" ><span class="devsite-nav-text" tooltip>Analyze a stack trace</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/app-quality-insights" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/app-quality-insights" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/app-quality-insights" ><span class="devsite-nav-text" tooltip>Analyze Crashlytics and Vitals reports</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/debug/layout-inspector" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/layout-inspector" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/layout-inspector" ><span class="devsite-nav-text" tooltip>Debug your layout</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/universal-problems-panel" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/universal-problems-panel" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/universal-problems-panel" ><span class="devsite-nav-text" tooltip>View design issues</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/network-profiler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/network-profiler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/network-profiler" ><span class="devsite-nav-text" tooltip>Inspect network traffic</span></a></li><li class="devsite-nav-item"><a href="/studio/inspect/database" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/inspect/database" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/inspect/database" ><span class="devsite-nav-text" tooltip>Debug your database</span></a></li><li class="devsite-nav-item"><a href="/studio/inspect/task" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/inspect/task" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/inspect/task" ><span class="devsite-nav-text" tooltip>Debug your WorkManager Workers</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/device-file-explorer" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/device-file-explorer" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/device-file-explorer" ><span class="devsite-nav-text" tooltip>View on-device files</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/apk-debugger" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/apk-debugger" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/apk-debugger" ><span class="devsite-nav-text" tooltip>Debug pre-built APKs</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/am-screenshot" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/am-screenshot" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/am-screenshot" ><span class="devsite-nav-text" tooltip>Take a screenshot</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/am-video" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/am-video" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/am-video" ><span class="devsite-nav-text" tooltip>Record a video</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/bug-report" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/bug-report" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/bug-report" ><span class="devsite-nav-text" tooltip>Capture and read bug reports</span></a></li><li class="devsite-nav-item"><a href="/studio/debug/apk-analyzer" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/debug/apk-analyzer" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/debug/apk-analyzer" ><span class="devsite-nav-text" tooltip>Analyze your APK or AAB</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/run/rundebugconfig" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/run/rundebugconfig" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/run/rundebugconfig" ><span class="devsite-nav-text" tooltip>Customize run/debug configurations</span></a></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Test your code</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/test" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test" ><span class="devsite-nav-text" tooltip>Choose a testing method</span></a></li><li class="devsite-nav-item"><a href="/studio/test/test-in-android-studio" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/test-in-android-studio" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/test-in-android-studio" ><span class="devsite-nav-text" tooltip>Test in Android Studio</span></a></li><li class="devsite-nav-item"><a href="/studio/test/gradle-managed-devices" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/gradle-managed-devices" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/gradle-managed-devices" ><span class="devsite-nav-text" tooltip>Test with Gradle Managed Devices</span></a></li><li class="devsite-nav-item"><a href="/studio/test/espresso-api" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/espresso-api" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/espresso-api" ><span class="devsite-nav-text" tooltip>Test against screen changes</span></a></li><li class="devsite-nav-item"><a href="/studio/test/command-line" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/command-line" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/command-line" ><span class="devsite-nav-text" tooltip>Test from the command line</span></a></li><li class="devsite-nav-item"><a href="/studio/test/advanced-test-setup" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/advanced-test-setup" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/advanced-test-setup" ><span class="devsite-nav-text" tooltip>Set up advanced test configurations</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Use specialized testing tools</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/test/other-testing-tools/espresso-test-recorder" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/other-testing-tools/espresso-test-recorder" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/other-testing-tools/espresso-test-recorder" ><span class="devsite-nav-text" tooltip>Create UI tests</span></a></li><li class="devsite-nav-item"><a href="/studio/test/other-testing-tools/app-crawler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/other-testing-tools/app-crawler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/other-testing-tools/app-crawler" ><span class="devsite-nav-text" tooltip>Set up automatic testing of your code</span></a></li><li class="devsite-nav-item"><a href="/studio/test/other-testing-tools/monkey" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/test/other-testing-tools/monkey" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/test/other-testing-tools/monkey" ><span class="devsite-nav-text" tooltip>Stress-test your code with user events</span></a></li></ul></div></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Inspect performance issues</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/profile" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Record a system trace</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/profile/cpu-profiler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/cpu-profiler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/cpu-profiler" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/inspect-traces" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/inspect-traces" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/inspect-traces" ><span class="devsite-nav-text" tooltip>Inspect traces</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/jank-detection" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/jank-detection" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/jank-detection" ><span class="devsite-nav-text" tooltip>Detect UI jank</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/power-profiler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/power-profiler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/power-profiler" ><span class="devsite-nav-text" tooltip>Inspect power usage</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/generate-trace-logs" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/generate-trace-logs" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/generate-trace-logs" ><span class="devsite-nav-text" tooltip>Generate trace logs</span></a></li></ul></div></li><li class="devsite-nav-item"><a href="/studio/profile/capture-heap-dump" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/capture-heap-dump" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/capture-heap-dump" ><span class="devsite-nav-text" tooltip>Capture a heap dump</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/sample-callstack" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/sample-callstack" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/sample-callstack" ><span class="devsite-nav-text" tooltip>Sample the callstack</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/record-java-kotlin-allocations" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/record-java-kotlin-allocations" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/record-java-kotlin-allocations" ><span class="devsite-nav-text" tooltip>Record Java/Kotlin allocations</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/record-java-kotlin-methods" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/record-java-kotlin-methods" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/record-java-kotlin-methods" ><span class="devsite-nav-text" tooltip>Record Java/Kotlin methods</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/record-native-allocations" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/record-native-allocations" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/record-native-allocations" ><span class="devsite-nav-text" tooltip>Record native allocations</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/inspect-app-live" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/inspect-app-live" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/inspect-app-live" ><span class="devsite-nav-text" tooltip>Inspect your app live</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/apk-profiler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/apk-profiler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/apk-profiler" ><span class="devsite-nav-text" tooltip>Inspect pre-built APKs</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/standalone-profiler" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/standalone-profiler" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/standalone-profiler" ><span class="devsite-nav-text" tooltip>Run the standalone profiler</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/build-run-manually" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/build-run-manually" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/build-run-manually" ><span class="devsite-nav-text" tooltip>Build and run a profileable app manually</span></a></li><li class="devsite-nav-item devsite-nav-expandable"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Chart glossary</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/profile/chart-glossary/call-chart" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/chart-glossary/call-chart" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/chart-glossary/call-chart" ><span class="devsite-nav-text" tooltip>Call chart</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/chart-glossary/events-table" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/chart-glossary/events-table" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/chart-glossary/events-table" ><span class="devsite-nav-text" tooltip>Events table</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/chart-glossary/flame-chart" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/chart-glossary/flame-chart" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/chart-glossary/flame-chart" ><span class="devsite-nav-text" tooltip>Flame chart</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/chart-glossary/process-memory" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/chart-glossary/process-memory" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/chart-glossary/process-memory" ><span class="devsite-nav-text" tooltip>Process memory (RSS)</span></a></li><li class="devsite-nav-item"><a href="/studio/profile/chart-glossary/top-bottom-charts" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/profile/chart-glossary/top-bottom-charts" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/profile/chart-glossary/top-bottom-charts" ><span class="devsite-nav-text" tooltip>Top down and bottom up charts</span></a></li></ul></div></li></ul></div></li> <li class="devsite-nav-item devsite-nav-expandable devsite-nav-accordion"><div class="devsite-expandable-nav"> <a class="devsite-nav-toggle" aria-hidden="true"></a><div class="devsite-nav-title devsite-nav-title-no-path" tabindex="0" role="button"> <span class="devsite-nav-text" tooltip>Publish your app</span> </div><ul class="devsite-nav-section"><li class="devsite-nav-item"><a href="/studio/publish" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/publish" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/publish" ><span class="devsite-nav-text" tooltip>Overview</span></a></li><li class="devsite-nav-item"><a href="/studio/publish/preparing" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/publish/preparing" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/publish/preparing" ><span class="devsite-nav-text" tooltip>Prepare for release</span></a></li><li class="devsite-nav-item"><a href="/studio/publish/versioning" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/publish/versioning" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/publish/versioning" ><span class="devsite-nav-text" tooltip>Version your app</span></a></li><li class="devsite-nav-item"><a href="/studio/publish/app-signing" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/publish/app-signing" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/publish/app-signing" ><span class="devsite-nav-text" tooltip>Sign your app</span></a></li><li class="devsite-nav-item"><a href="/studio/publish/upload-bundle" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/publish/upload-bundle" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/publish/upload-bundle" ><span class="devsite-nav-text" tooltip>Upload your app</span></a></li></ul></div></li> <li class="devsite-nav-item"><a href="/studio/troubleshoot" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/troubleshoot" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/troubleshoot" ><span class="devsite-nav-text" tooltip>Troubleshoot</span></a></li> <li class="devsite-nav-item"><a href="/studio/known-issues" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/known-issues" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/known-issues" ><span class="devsite-nav-text" tooltip>Known issues</span></a></li> <li class="devsite-nav-item"><a href="/studio/report-bugs" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /studio/report-bugs" track-type="bookNav" track-name="click" track-metadata-eventdetail="/studio/report-bugs" ><span class="devsite-nav-text" tooltip>Report a bug</span></a></li> </ul> <ul class="devsite-nav-list" menu="Essentials" aria-label="Side menu" hidden> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Gemini in Android Studio </span> </span> </li> <li class="devsite-nav-item"> <a href="/gemini-in-android" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Learn more" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Learn more </span> </a> </li> <li class="devsite-nav-item"> <a href="/studio" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Get Android Studio" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Get Android Studio </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Get started </span> </span> </li> <li class="devsite-nav-item"> <a href="/get-started/overview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Hello world" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Hello world </span> </a> </li> <li class="devsite-nav-item"> <a href="/courses" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Training courses" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Training courses </span> </a> </li> <li class="devsite-nav-item"> <a href="/get-started/codelabs" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Tutorials" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Tutorials </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop/ui/compose/adopt" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Compose for teams" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Compose for teams </span> </a> </li> <li class="devsite-nav-item"> <a href="/kotlin" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Kotlin for Android" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Kotlin for Android </span> </a> </li> <li class="devsite-nav-item"> <a href="https://play.google.com/console/about/guides/monetize/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Monetization with Play ↗️" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Monetization with Play ↗️ </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Extend by device </span> </span> </li> <li class="devsite-nav-item"> <a href="/adaptive-apps" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Adaptive apps" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Adaptive apps </span> </a> </li> <li class="devsite-nav-item"> <a href="/xr" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android XR" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android XR </span> </a> </li> <li class="devsite-nav-item"> <a href="/wear" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Wear OS" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Wear OS </span> </a> </li> <li class="devsite-nav-item"> <a href="/cars" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android for Cars" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android for Cars </span> </a> </li> <li class="devsite-nav-item"> <a href="/tv" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android TV" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android TV </span> </a> </li> <li class="devsite-nav-item"> <a href="/chrome-os" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: ChromeOS" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > ChromeOS </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Build by category </span> </span> </li> <li class="devsite-nav-item"> <a href="/games" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Games" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Games </span> </a> </li> <li class="devsite-nav-item"> <a href="/media" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Camera & media" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Camera & media </span> </a> </li> <li class="devsite-nav-item"> <a href="/social-and-messaging" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Social & messaging" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Social & messaging </span> </a> </li> <li class="devsite-nav-item"> <a href="/health-and-fitness" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Health & fitness" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Health & fitness </span> </a> </li> <li class="devsite-nav-item"> <a href="/productivity" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Productivity" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Productivity </span> </a> </li> <li class="devsite-nav-item"> <a href="/work/overview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Enterprise apps" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Enterprise apps </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Get the latest </span> </span> </li> <li class="devsite-nav-item"> <a href="/latest-updates" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Latest updates" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Latest updates </span> </a> </li> <li class="devsite-nav-item"> <a href="/latest-updates/experimental" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Experimental updates" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Experimental updates </span> </a> </li> <li class="devsite-nav-item"> <a href="/studio/preview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android Studio preview" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android Studio preview </span> </a> </li> <li class="devsite-nav-item"> <a href="/jetpack/androidx/versions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Jetpack & Compose libraries" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Jetpack & Compose libraries </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/wearables/versions/4" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Wear OS preview" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Wear OS preview </span> </a> </li> <li class="devsite-nav-item"> <a href="/design-for-safety/privacy-sandbox" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Privacy Sandbox" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Privacy Sandbox </span> </a> </li> </ul> <ul class="devsite-nav-list" menu="Design & Plan" aria-label="Side menu" hidden> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > UI Design </span> </span> </li> <li class="devsite-nav-item"> <a href="/design/ui" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Design for Android" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Design for Android </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/mobile" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Mobile" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Mobile </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/large-screens" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Adaptive UI" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Adaptive UI </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/xr" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android XR" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android XR </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/widget" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Widgets" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Widgets </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/wear" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Wear OS" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Wear OS </span> </a> </li> <li class="devsite-nav-item"> <a href="/design/ui/tv" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android TV" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android TV </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Architecture </span> </span> </li> <li class="devsite-nav-item"> <a href="/topic/architecture/intro" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Introduction" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Introduction </span> </a> </li> <li class="devsite-nav-item"> <a href="/topic/libraries/view-binding" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Libraries" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Libraries </span> </a> </li> <li class="devsite-nav-item"> <a href="/guide/navigation/navigation-principles" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Navigation" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Navigation </span> </a> </li> <li class="devsite-nav-item"> <a href="/topic/modularization" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Modularization" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Modularization </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/testing/fundamentals" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Testing" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Testing </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Quality </span> </span> </li> <li class="devsite-nav-item"> <a href="/quality" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Overview" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Overview </span> </a> </li> <li class="devsite-nav-item"> <a href="/quality/core-value" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Core value" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Core value </span> </a> </li> <li class="devsite-nav-item"> <a href="/quality/user-experience" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: User experience" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > User experience </span> </a> </li> <li class="devsite-nav-item"> <a href="/guide/topics/ui/accessibility" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Accessibility" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Accessibility </span> </a> </li> <li class="devsite-nav-item"> <a href="/quality/technical" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Technical quality" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Technical quality </span> </a> </li> <li class="devsite-nav-item"> <a href="/quality/privacy-and-security" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Security" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Security </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Security </span> </span> </li> <li class="devsite-nav-item"> <a href="/security" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Overview" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Overview </span> </a> </li> <li class="devsite-nav-item"> <a href="/privacy-and-security/about" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Privacy" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Privacy </span> </a> </li> <li class="devsite-nav-item"> <a href="/guide/topics/permissions/overview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Permissions" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Permissions </span> </a> </li> <li class="devsite-nav-item"> <a href="/identity" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Identity" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Identity </span> </a> </li> <li class="devsite-nav-item"> <a href="/security/fraud-prevention" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Fraud prevention" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Fraud prevention </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Build for Billions </span> </span> </li> <li class="devsite-nav-item"> <a href="/build-for-billions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Overview" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Overview </span> </a> </li> <li class="devsite-nav-item"> <a href="/docs/quality-guidelines/build-for-billions" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: About new markets" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > About new markets </span> </a> </li> <li class="devsite-nav-item"> <a href="/guide/topics/androidgo" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android (Go edition)" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android (Go edition) </span> </a> </li> </ul> <ul class="devsite-nav-list" menu="Develop" aria-label="Side menu" hidden> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Build AI experiences </span> </span> </li> <li class="devsite-nav-item"> <a href="/ai" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Get started" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Get started </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Core areas </span> </span> </li> <li class="devsite-nav-item"> <a href="/samples" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Samples" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Samples </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop/ui" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: User interfaces" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > User interfaces </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop/background-work" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Background work" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Background work </span> </a> </li> <li class="devsite-nav-item"> <a href="/guide/topics/data" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Data and files" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Data and files </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop/connectivity" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Connectivity" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Connectivity </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop#core-areas" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: All core areas ⤵️" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > All core areas ⤵️ </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Tools and workflow </span> </span> </li> <li class="devsite-nav-item"> <a href="/studio/write" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Write and debug code" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Write and debug code </span> </a> </li> <li class="devsite-nav-item"> <a href="/build/gradle-build-overview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Build projects" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Build projects </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/testing" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Test your app" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Test your app </span> </a> </li> <li class="devsite-nav-item"> <a href="/topic/performance/overview" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Performance" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Performance </span> </a> </li> <li class="devsite-nav-item"> <a href="/tools" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Command-line tools" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Command-line tools </span> </a> </li> <li class="devsite-nav-item"> <a href="/reference/tools/gradle-api" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Gradle plugin API" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Gradle plugin API </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Device tech </span> </span> </li> <li class="devsite-nav-item"> <a href="/guide/topics/large-screens/get-started-with-large-screens" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Adaptive UI" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Adaptive UI </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/wearables" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Wear OS" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Wear OS </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop/xr" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android XR" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android XR </span> </a> </li> <li class="devsite-nav-item"> <a href="/health-and-fitness/guides" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android Health" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android Health </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/cars" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android for Cars" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android for Cars </span> </a> </li> <li class="devsite-nav-item"> <a href="/training/tv" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android TV" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android TV </span> </a> </li> <li class="devsite-nav-item"> <a href="/develop#devices" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: All devices ⤵️" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > All devices ⤵️ </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip > <span class="devsite-nav-text" tooltip > Libraries </span> </span> </li> <li class="devsite-nav-item"> <a href="/reference/packages" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android platform" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Android platform </span> </a> </li> <li class="devsite-nav-item"> <a href="/jetpack/androidx/explorer" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Jetpack libraries" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Jetpack libraries </span> </a> </li> <li class="devsite-nav-item"> <a href="/jetpack/androidx/releases/compose" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Compose libraries" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Compose libraries </span> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/android/reference/packages" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Play services ↗️" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Google Play services ↗️ </span> </a> </li> <li class="devsite-nav-item"> <a href="https://play.google.com/sdks" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Play SDK index ↗️" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Google Play SDK index ↗️ </span> </a> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" id="main-content" class="devsite-main-content" has-book-nav has-sidebar > <div class="devsite-sidebar"> <div class="devsite-sidebar-content"> <devsite-toc class="devsite-nav" role="navigation" aria-label="On this page" depth="2" scrollbars ></devsite-toc> <devsite-recommendations-sidebar class="nocontent devsite-nav"> </devsite-recommendations-sidebar> </div> </div> <devsite-content> <article class="devsite-article"> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://developer.android.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Android Developers" > Android Developers </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developer.android.com/develop" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="" > Develop </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developer.android.com/studio" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="Android Studio" > Android Studio </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developer.android.com/studio/intro" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail="" > Android Studio editor </a> </li> </ul> <devsite-thumb-rating position="header"> </devsite-thumb-rating> </div> <h1 class="devsite-page-title" tabindex="-1"> Develop a UI with Views </h1> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <div class="devsite-page-title-meta"><devsite-view-release-notes></devsite-view-release-notes></div> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded > </devsite-toc> <devsite-recommendations-dropdown class="nocontent"></devsite-recommendations-dropdown> <div class="devsite-article-body clearfix "> <aside class="note"><strong>Note:</strong><span> We recommend building your UI with Compose instead of Views where possible. To learn how to preview your Compose UI, see <a href="/jetpack/compose/tooling/previews">Compose previews</a>.</span></aside> <p>The Layout Editor enables you to quickly build <code translate="no" dir="ltr">View</code>-based layouts by dragging UI elements into a visual design editor instead of writing layout XML. The design editor can preview your layout on different Android devices and versions, and you can dynamically resize the layout to be sure it works properly on different screen sizes.</p> <p>The Layout Editor is especially powerful when <a href="/training/constraint-layout">building a layout with <code translate="no" dir="ltr">ConstraintLayout</code></a>.</p> <p>This page provides an overview of the Layout Editor. To learn more about layout fundamentals, see <a href="/guide/topics/ui/declaring-layout">Layouts</a>.</p> <h2 id="intro" data-text="Introduction to the Layout Editor" tabindex="-1">Introduction to the Layout Editor</h2> <p>The Layout Editor appears when you open an XML layout file.</p> <figure> <img src="/static/studio/images/write/layout-editor.png" alt="layout editor" width="856" /> <figcaption class="img-caption"><b>Figure 1.</b> The Layout Editor. </figcaption> </figure> <ol class="callouts"> <li><strong>Palette</strong>: contains various views and view groups that you can drag into your layout.</li> <li><strong>Component Tree</strong>: shows the hierarchy of components in your layout.</li> <li><strong>Toolbar</strong>: has buttons that configure your layout appearance in the editor and change layout attributes.</li> <li><strong>Design editor</strong>: lets you edit your layout in Design view, Blueprint view, or both.</li> <li><strong>Attributes</strong>: has controls for the selected view's attributes.</li> <li><strong>View mode</strong>: lets you view your layout in either <strong>Code</strong> <img src="/static/images/studio/write/code-mode-icon-2x.png" class="inline-icon" alt="code mode icon" />, <strong>Split</strong> <img src="/static/images/studio/write/split-mode-icon-2x.png" class="inline-icon" alt="split mode icon" />, or <strong>Design</strong> <img src="/static/images/studio/write/design-mode-icon-2x.png" class="inline-icon" alt="design mode icon" /> modes. <strong>Split</strong> mode shows the <strong>Code</strong> and <strong>Design</strong> windows at the same time.</li> <li><strong>Zoom and pan controls</strong>: control the preview size and position within the editor.</li> </ol> <p>When you open an XML layout file, the design editor opens by default, as shown in figure 1. To edit the layout XML in the text editor, click the <strong>Code</strong> <img src="/static/images/studio/write/code-mode-icon-2x.png" class="inline-icon" alt="code mode icon" /> button in the top-right corner of the window. Note that the <strong>Palette</strong>, <strong>Component Tree</strong>, and <strong>Attributes</strong> panels are not available while editing your layout in <strong>Code</strong> view.</p> <p><strong>Tip:</strong> To switch between design and text editors, press <code translate="no" dir="ltr">Alt</code> (<code translate="no" dir="ltr">Control</code> on macOS) plus <code translate="no" dir="ltr">Shift</code> and the right or left arrow key.</p> <h2 id="change-appearance" data-text="Change the preview appearance" tabindex="-1">Change the preview appearance</h2> <p>The buttons in the top row of the design editor let you configure the appearance of your layout in the editor.</p> <figure> <img src="/static/studio/images/write/layout-editor-toolbar.png" alt="Buttons in the Layout Editor toolbar that configure the layout appearance" width="458" /> <figcaption class="img-caption"><strong>Figure 2.</strong> Buttons in the Layout Editor toolbar that configure the layout appearance.</figcaption> </figure> <ol class="callouts"> <li><strong>Design and Blueprint</strong>: Select how you want to view your layout in the editor. You can also press <code translate="no" dir="ltr">B</code> to cycle through these view types. <ul> <li>Choose <strong>Design</strong> to see a rendered preview of your layout.</li> <li>Choose <strong>Blueprint</strong> to see only outlines for each view.</li> <li>Choose <strong>Design + Blueprint</strong> to see both views side by side.</li> </ul></li> <li><strong>Screen orientation and layout variants</strong>: Choose between landscape or portrait screen orientation or choose other screen modes that your app provides alternative layouts for, such as night mode. This menu also contains commands for <a href="#create-variant">creating a new layout variant</a>, as described in a section on this page. You can also press the letter <code translate="no" dir="ltr">O</code> on your keyboard to change orientation.</li> <li><p><strong>System UI Mode</strong>: If you've enabled <a href="https://m3.material.io/styles/color/dynamic-color/overview">dynamic color</a> in your app, switch wallpapers and see how your layouts react to different users chosen wallpaper. Note that you must first change the theme to a Material dynamic color theme, then change the wallpaper.</p> <video controls> <source src="/static/studio/videos/dynamic-color-wallpaper-layout-editor.mp4" type="video/mp4"> </video></li> <li><p><strong>Device type and size</strong>: Select the device type (phone/tablet, Android TV, or Wear OS) and screen configuration (size and density). You can select from several pre-configured device types and your own AVD definitions, and you can create a new AVD by selecting <strong>Add Device Definition</strong> from the list, as shown in figure 3.</p> <ul> <li>To resize the device, drag the bottom-right corner of the layout.</li> <li>Press <code translate="no" dir="ltr">D</code> to cycle through the device list.</li> </ul> <p>Testing your layout against the <strong>Reference Devices</strong> in this menu helps your app scale well to layout states on real devices.</p> <figure> <img src="/static/studio/images/releases/new-device-picker.png" width="50%" alt="The device list menu with Reference Devices" /> <figcaption class="img-caption"><strong>Figure 3.</strong> The device list showing Reference Devices.</figcaption> </figure></li> <li><p><strong>API version</strong>: Select the version of Android to preview your layout. The list of available Android versions depends on which SDK platform versions you have installed using SDK Manager.</p></li> <li><p><strong>App theme</strong>: Select which UI theme to apply to the preview. This works only for supported layout styles, so many themes in this list result in an error.</p></li> <li><p><strong>Language</strong>: Select the language to show for your UI strings. This list displays only the languages available in your string resources. If you'd like to edit your translations, click <strong>Edit Translations</strong> from the menu. For more information on working with translations, see <a href="/studio/write/translations-editor">Localize the UI with Translations Editor</a>.</p></li> </ol> <aside class="note"><strong>Note:</strong><span> Unless you add a new layout file from <strong>Layout Variants</strong>, these configurations don't affect your app's code or manifest. They affect only the layout preview.</span></aside> <h2 id="create-layout" data-text="Create a new layout" tabindex="-1">Create a new layout</h2> <p>When adding a new layout for your app, first create a default layout file in your project's default <code translate="no" dir="ltr">layout/</code> directory so that it applies to all device configurations. Once you have a default layout, you can <a href="#create-variant">create layout variations</a>, as described in a section on this page, for specific device configurations, such as for large screens.</p> <p>You can create a new layout in one of the following ways:</p> <h3 id="create-layout-menu" data-text="Use Android Studio's main menu" tabindex="-1">Use Android Studio's main menu</h3> <ol> <li>In the <strong>Project</strong> window, click the module you want to add a layout to.</li> <li>In the main menu, select <strong>File > New > XML > Layout XML File</strong>.</li> <li>In the dialog that appears, provide the filename, the root layout tag, and the source set where the layout belongs.</li> <li>Click <strong>Finish</strong> to create the layout.</li> </ol> <h3 id="create-layout-project" data-text="Use the Project view" tabindex="-1">Use the Project view</h3> <ol> <li>Choose the <strong>Project</strong> view from within the <strong>Project</strong> window.</li> <li>Right-click the layout directory where you'd like to add the layout.</li> <li>In the context menu that appears, click <strong>New > Layout Resource File</strong>.</li> </ol> <h3 id="create-layout-android" data-text="Use the Android view" tabindex="-1">Use the Android view</h3> <ol> <li>Choose the <strong>Android</strong> view from within the <strong>Project</strong> window.</li> <li>Right-click the <code translate="no" dir="ltr">layout</code> folder.</li> <li>In the context menu that appears, select <strong>New > Layout Resource File</strong>.</li> </ol> <h3 id="create-layout-rm" data-text="Use the Resource Manager" tabindex="-1">Use the Resource Manager</h3> <ol> <li>In the <a href="/studio/write/resource-manager">Resource Manager</a>, select the <strong>Layout</strong> tab.</li> <li>Click the <code translate="no" dir="ltr">+</code> button, and then click <strong>Layout Resource File</strong>.</li> </ol> <h2 id="create-variant" data-text="Use layout variants to optimize for different screens" tabindex="-1">Use layout variants to optimize for different screens</h2> <p>A <em>layout variant</em> is an alternative version of an existing layout that is optimized for a certain screen size or orientation.</p> <h3 id="create-variant-suggested" data-text="Use a suggested layout variant" tabindex="-1">Use a suggested layout variant</h3> <p>Android Studio includes common layout variants that you can use in your project. To use a suggested layout variant, do the following:</p> <ol> <li>Open your default layout file.</li> <li>Click the <strong>Design</strong> <img src="/static/images/studio/write/design-mode-icon-2x.png" class="inline-icon" alt="design mode icon" /> icon in the top-right corner of the window.</li> <li>The name of the layout file appears in the <strong>Action to switch and create qualifiers for layout files</strong> drop-down. Select the drop-down.</li> <li>In the drop-down list, select a variant such as <strong>Create Landscape Qualifier</strong> or <strong>Create Tablet Qualifier</strong>. <figure style="margin-top: 1rem;"> <img src="/static/studio/images/write/layout-editor-create-qualifiers_2x.png" alt="The Create qualifiers dropdown" width="806" /> <figcaption><b>Figure 4.</b> Drop-down list of layout qualifiers.</figcaption> </figure></li> </ol> <p>A new layout directory is created.</p> <h3 id="create-variant-other" data-text="Create your own layout variant" tabindex="-1">Create your own layout variant</h3> <p>If you'd like to create your own layout variant, do the following:</p> <ol> <li>Open your default layout file.</li> <li>Click the <strong>Design</strong> <img src="/static/images/studio/write/design-mode-icon-2x.png" alt="Design mode icon" class="inline-icon"> icon in the top-right corner of the window.</li> <li>The name of the layout file appears in the <strong>Action to switch and create qualifiers for layout files</strong> drop-down. Select the drop-down.</li> <li><p>In the drop-down list, select <strong>Add Resource Qualifier</strong>. (See figure 4 above.)</p> <p>The <strong>Select Resource Directory</strong> dialog appears.</p></li> <li><p>In the <strong>Select Resource Directory</strong> dialog, define the resource qualifiers for the variant:</p> <ol> <li>Select a qualifier from the <strong>Available qualifiers</strong> list.</li> <li>Click the <strong>Add</strong> <img src="/static/studio/images/buttons/add-arrows.png" alt="add qualifier button" class="inline-icon" /> button.</li> <li>Enter any required values.</li> <li>Repeat these steps to add other qualifiers.</li> </ol></li> <li><p>Once you've added all of your qualifiers, click <strong>OK</strong>.</p></li> </ol> <p>When you have multiple variations of the same layout, you can switch between them by selecting a variant from the <strong>Action to switch and create qualifiers for layout files</strong> drop-down.</p> <p>For more information about how to create layouts for different displays, see <a href="/develop/ui/compose/layouts/adaptive/support-different-display-sizes">Support different display sizes</a>.</p> <h2 id="convert-view" data-text="Convert a view or layout" tabindex="-1">Convert a view or layout</h2> <p>You can convert a view to another kind of view, and you can convert a layout to another kind of layout:</p> <ol> <li>Click the <strong>Design</strong> button in the top-right corner of the editor window.</li> <li>In the <strong>Component Tree</strong>, right-click the view or layout, and then click <strong>Convert view</strong>.</li> <li>In the dialog that appears, choose the new type of view or layout, and then click <strong>Apply</strong>.</li> </ol> <h3 id="convert-constraint" data-text="Convert a layout to ConstraintLayout" tabindex="-1">Convert a layout to ConstraintLayout</h3> <p>For improved layout performance, convert older layouts to <a href="/reference/androidx/constraintlayout/widget/ConstraintLayout"><code translate="no" dir="ltr">ConstraintLayout</code></a>. <code translate="no" dir="ltr">ConstraintLayout</code> uses a constraint-based layout system that lets you build most layouts without any nested view groups.</p> <p>To convert an existing layout to a <code translate="no" dir="ltr">ConstraintLayout</code>, do the following:</p> <ol> <li>Open an existing layout in Android Studio.</li> <li>Click the <strong>Design</strong> <img src="/static/images/studio/write/design-mode-icon-2x.png" class="inline-icon" alt="design mode icon" /> icon in the top-right corner of the editor window.</li> <li>In the <strong>Component Tree</strong>, right-click the layout, and then click <strong>Convert <code translate="no" dir="ltr">your-layout-type</code> to ConstraintLayout</strong>.</li> </ol> <p>To learn more about <code translate="no" dir="ltr">ConstraintLayout</code>, see <a href="/training/constraint-layout">Build a Responsive UI with ConstraintLayout</a>.</p> <h2 id="views-palette" data-text="Find items in the Palette" tabindex="-1">Find items in the Palette</h2> <p>To search for a view or view group by name in the <strong>Palette</strong>, click the <strong>Search</strong> <img src="/static/studio/images/buttons/search.png" class="inline-icon" alt="palette search button"/> button at the top of the palette. Alternatively, you can type the name of the item whenever the <strong>Palette</strong> window has focus.</p> <p>In the <strong>Palette</strong>, you can find frequently used items in the <strong>Common</strong> category. To add an item to this category, right-click a view or view group in the <strong>Palette</strong> and then click <strong>Favorite</strong> in the context menu.</p> <h2 id="palette-documentation" data-text="Open documentation from the Palette" tabindex="-1">Open documentation from the Palette</h2> <p>To open the Android Developers reference documentation for a view or view group, select the UI element in the <strong>Palette</strong> and press <code translate="no" dir="ltr">Shift</code>+<code translate="no" dir="ltr">F1</code>.</p> <p>To view Material Guidelines documentation for a view or view group, right-click the UI element in the <strong>Palette</strong> and select <strong>Material Guidelines</strong> from the context menu. If no specific entry exists for the item, then the command opens the homepage of the <a href="https://material.io/guidelines/" class="external">Material Guidelines documentation</a>.</p> <h2 id="add-views" data-text="Add views to your layout" tabindex="-1">Add views to your layout</h2> <p>To start building your layout, drag views and view groups from the <strong>Palette</strong> into the design editor. As you place a view in the layout, the editor displays information about the view's relationship with the rest of the layout.</p> <p>If you are using <code translate="no" dir="ltr">ConstraintLayout</code>, you can <a href="/training/constraint-layout#use-autoconnect-and-infer-constraints">automatically create constraints</a> using the Infer Constraints and Autoconnect features.</p> <h2 id="edit-properties" data-text="Edit view attributes" tabindex="-1">Edit view attributes</h2> <div class="attempt-right" style="width:348px"> <figure> <img src="/static/images/studio/write/layout-editor-attributes-2x.png" width="492px" alt=The attributes window"" /> <figcaption class="img-caption"><b>Figure 5.</b> The <b>Attributes</b> panel.</figcaption> </figure> </div> <p>You can edit view attributes from the <strong>Attributes</strong> panel in the Layout Editor. This window is available only when the design editor is open, so view your layout in either <strong>Design</strong> or <strong>Split</strong> mode to use it.</p> <p>When you select a view, whether by clicking the view in the <strong>Component Tree</strong> or in the design editor, the <strong>Attributes</strong> panel shows the following, as indicated in figure 5:</p> <ol class="callouts"> <li><strong>Declared Attributes</strong>: Lists attributes specified in the layout file. To add an attribute, click the <strong>Add</strong> <img src="/static/studio/images/buttons/layout-editor-plus-icon.png" class="inline-icon" alt="add attribute button"/> button at the top of the section.</li> <li><strong>Layout</strong>: Contains controls for the width and height of the view. If the view is in a <code translate="no" dir="ltr">ConstraintLayout</code>, this section also shows constraint bias and lists the constraints that the view uses. For more information on controlling the size of views with <code translate="no" dir="ltr">ConstraintLayout</code>, see <a href="/training/constraint-layout#adjust-the-view-size">Adjust the view size</a>.</li> <li><strong>Common Attributes</strong>: Lists common attributes for the selected view. To see all available attributes, expand the <strong>All Attributes</strong> section at the bottom of the window.</li> <li><strong>Search</strong>: Lets you search for a specific view attribute.</li> <li><p>The icons to the right of each attribute value indicate whether the attribute values are resource references. These indicators are solid <img src="/static/studio/images/buttons/layout-editor-indicator-solid.png" class="inline-icon" alt="solid indicator icon" /> when the value is a resource reference and empty <img src="/static/studio/images/buttons/layout-editor-indicator-empty.png" class="inline-icon" alt="empty indicator icon" /> when the value is hardcoded to help you recognize hardcoded values at a glance.</p> <p>Click indicators in either state to open the <strong>Resources</strong> dialog, where you can select a resource reference for the corresponding attribute.</p></li> <li><p>A red highlight around an attribute value indicates an error with the value. For example, an error might indicate an invalid entry for a layout-defining attribute.</p> <p>An orange highlight indicates a warning for the value. For example, a warning might appear when you use a hardcoded value where a resource reference is expected.</p></li> </ol> <h2 id="sample-data" data-text="Add sample data to your view" tabindex="-1">Add sample data to your view</h2> <p>Because many Android layouts rely on runtime data, it can be difficult to visualize the look and feel of a layout while designing your app. You can add sample preview data to a <code translate="no" dir="ltr">TextView</code>, an <code translate="no" dir="ltr">ImageView</code>, or a <code translate="no" dir="ltr">RecyclerView</code> from within the Layout Editor.</p> <aside class="note"><strong>Note:</strong><span> When you add sample data to a <code translate="no" dir="ltr">View</code>, Android Studio makes changes to your project as though you were using your own data. You can then modify these changes as needed.</span></aside> <p>To display the <strong>Design-time View Attributes</strong> window, right-click one of these view types and choose <strong>Set Sample Data</strong>, as shown in figure 6.</p> <figure> <img src="/static/images/studio/write/layout-editor-design-time-view-attributes-2x.png" style="width:300px" alt="design time view attributes window" /> <figcaption class="img-caption"><b>Figure 6.</b> The <b>Design-time View Attributes</b> window.</figcaption> </figure> <p>For a <code translate="no" dir="ltr">TextView</code>, you can choose between different sample text categories. When using sample text, Android Studio populates the <code translate="no" dir="ltr">text</code> attribute of the <code translate="no" dir="ltr">TextView</code> with your chosen sample data. Note that you can choose sample text via the <strong>Design-time View Attributes</strong> window only if the <code translate="no" dir="ltr">text</code> attribute is empty.</p> <figure> <img src="/static/images/studio/write/textview-sample-data-2x.png" style="width:350px" alt="text view with sample data" /> <figcaption class="img-caption"><b>Figure 7.</b> A <code translate="no" dir="ltr">TextView</code> with sample data.</figcaption> </figure> <p>For an <code translate="no" dir="ltr">ImageView</code>, you can choose between different sample images. When you choose a sample image, Android Studio populates the <code translate="no" dir="ltr">tools:src</code> attribute of the <code translate="no" dir="ltr">ImageView</code> (or <code translate="no" dir="ltr">tools:srcCompat</code> if using AndroidX).</p> <figure> <img src="/static/images/studio/write/imageview-sample-data-2x.png" style="width:350px" alt="image view with sample data" /> <figcaption class="img-caption"><b>Figure 8.</b> An <code translate="no" dir="ltr">ImageView</code> with sample data.</figcaption> </figure> <p>For a <code translate="no" dir="ltr">RecyclerView</code>, you can choose from a set of templates that contain sample images and texts. When using these templates, Android Studio adds a file to your <code translate="no" dir="ltr">res/layout</code> directory, <code translate="no" dir="ltr">recycler_view_item.xml</code>, that contains the layout for the sample data. Android Studio also adds metadata to the <code translate="no" dir="ltr">RecyclerView</code> to properly display the sample data.</p> <figure> <img src="/static/images/studio/write/recyclerview-sample-data-2x.png" style="width:350px" alt="recycler view with sample data" /> <figcaption class="img-caption"><b>Figure 9.</b> A <code translate="no" dir="ltr">RecyclerView</code> with sample data.</figcaption> </figure> <h2 id="layout-warnings-errors" data-text="Show layout warnings and errors" tabindex="-1">Show layout warnings and errors</h2> <p>The Layout Editor notifies you of any layout issues next to the corresponding view in the <strong>Component Tree</strong> by using a red circle exclamation icon <img src="/static/studio/images/buttons/layout-editor-errors.png" class="inline-icon" alt="red circle exclamation icon indicating a layout error" /> for errors or an orange triangle exclamation icon <img src="/static/studio/images/buttons/layout-editor-warnings-inline.png" class="inline-icon" alt="orange triangle exclamation icon indicating a layout warning" /> for warnings. Click the icon to see more details.</p> <p>To see all known issues in a window below the editor, click <strong>Show Warnings and Errors</strong> (<img src="/static/studio/images/buttons/layout-editor-errors.png" class="inline-icon" alt="red circle exclamation icon indicating a layout error" /> or <img src="/static/studio/images/buttons/layout-editor-warnings-inline.png" class="inline-icon" alt="orange triangle exclamation icon indicating a layout warning" />) in the toolbar.</p> <h2 id="download-fonts" data-text="Download fonts and apply them to text" tabindex="-1">Download fonts and apply them to text</h2> <p>When using Android 8.0 (API level 26) or the <a href="/jetpack/androidx/releases/core">Jetpack Core library</a>, you can select from hundreds of fonts by following these steps:</p> <ol> <li>In the Layout Editor, click the <strong>Design</strong> <img src="/static/images/studio/write/design-mode-icon-2x.png" class="inline-icon" alt="design mode icon" /> icon to view your layout in the design editor.</li> <li>Select a text view.</li> <li>In the <strong>Attributes</strong> panel, expand <strong>textAppearance</strong>, and then expand the <strong>fontFamily</strong> box.</li> <li>Scroll to the bottom of the list and click <strong>More Fonts</strong> to open the <strong>Resources</strong> dialog.</li> <li>In the <strong>Resources</strong> dialog, to select a font, browse the list or type into the search bar at the top. If you select a font under <strong>Downloadable</strong>, then you can either click <strong>Create downloadable font</strong> to load the font at runtime as a <a href="/guide/topics/ui/look-and-feel/downloadable-fonts">downloadable font</a> or click <strong>Add font to project</strong> to package the TTF font file in your APK. The fonts listed under <strong>Android</strong> are provided by the Android system, so they don't need to be downloaded or bundled in your APK.</li> <li>Click <strong>OK</strong> to finish.</li> </ol> <h2 id="layout-validation" data-text="Layout Validation" tabindex="-1">Layout Validation</h2> <p>Layout Validation is a visual tool for simultaneously previewing layouts for different devices and display configurations, helping you catch problems in your layouts earlier in the process. To access this feature, click the <strong>Layout Validation</strong> tab in the top-right corner of the IDE window:</p> <p><img src="/static/studio/images/debug/layout-validation-tab.png" alt="Screenshot of Layout Validation tab"></p> <p><strong>Figure 10</strong>. Layout Validation tab.</p> <p>To switch between the available configuration sets, select one of the following from the <strong>Reference Devices</strong> drop-down at the top of the Layout Validation window:</p> <ul> <li>Reference Devices</li> <li>Custom</li> <li>Color Blind</li> <li>Font Sizes</li> </ul> <p><img src="/static/studio/images/debug/li-ref-devices-dropdown.png" alt="Screenshot of drop-down menu in the Layout Validation tool"></p> <p><strong>Figure 11</strong>. Reference Devices drop-down.</p> <h3 id="ref-devices" data-text="Reference Devices" tabindex="-1">Reference Devices</h3> <p>Reference devices are a set of devices that we recommend you test against. They include phone, foldable, tablet, and desktop interfaces. You should preview how your layout appears on this set of reference devices:</p> <p><img src="/static/studio/images/debug/layout-validation-ref-devices-array.png" alt="Screenshot of layout previews for different reference devices"></p> <p><strong>Figure 12</strong>. Reference device previews in the Layout Validation tool.</p> <h3 id="custom" data-text="Custom" tabindex="-1">Custom</h3> <p>To customize a display configuration to preview, choose from a variety of settings including language, device, or screen orientation:</p> <p><img src="/static/studio/images/debug/layout-validation-custom.png" alt="Customize a device display in the Layout Validation tool"></p> <p><strong>Figure 16</strong>. Configure a custom display in the Layout Validation tool.</p> <h3 id="color-blind" data-text="Color Blind" tabindex="-1">Color Blind</h3> <p>To help make your app more accessible for users who are color blind, validate your layout with simulations of common types of color blindness:</p> <p><img src="/static/studio/images/debug/layout-validation-color-blind.png" alt="Screenshot of simulation previews for different types of color blindness"></p> <p><strong>Figure 13</strong>. Color blindness simulation previews in the Layout Validation tool.</p> <h3 id="font-sizes" data-text="Font Sizes" tabindex="-1">Font Sizes</h3> <p>Validate your layouts at various font sizes, and improve your app's accessibility for visually impaired users by testing your layouts with larger fonts:</p> <p><img src="/static/studio/images/debug/layout-validation-font-sizes.png" alt="Previews of app layouts at different font sizes with visible layout errors for large fonts"></p> <p><strong>Figure 14</strong>. Variable font size previews in the Layout Validation tool.</p> <devsite-hats-survey class="nocontent" hats-id="VxqvKSur40kxBYCLVTd0SSGykbno" listnr-id="5207477"></devsite-hats-survey> </div> <devsite-recommendations display="in-page" hidden yield> </devsite-recommendations> <devsite-thumb-rating position="footer"> </devsite-thumb-rating> <devsite-recommendations id="recommendations-link" yield></devsite-recommendations> <div class="devsite-floating-action-buttons"> </div> </article> <devsite-content-footer class="nocontent"> <p>Content and code samples on this page are subject to the licenses described in the <a href="/license">Content License</a>. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.</p> <p>Last updated 2024-12-20 UTC.</p> </devsite-content-footer> <devsite-notification link="https://google.qualtrics.com/jfe/form/SV_cRR9tonbkUQYb5Q?link=dac" link-text="Take survey" message="Please help us improve the Android Developer experience by taking a short survey." > </devsite-notification> <div class="devsite-content-data"> <template class="devsite-content-data-template"> [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-12-20 UTC."],[],[]] </template> </div> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> <nav class="devsite-footer-promos nocontent" aria-label="Promotions"> <ul class="devsite-footer-promos-list"> <li class="devsite-footer-promo"> <a href="//x.com/AndroidDev" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer X Promo" > <picture> <source class="devsite-dark-theme" srcset="https://developer.android.com/_static/android/images/logo-x_dt.svg" media="(prefers-color-scheme: dark)" loading="lazy" alt="X"> <img class="devsite-footer-promo-icon" src="/_static/android/images/logo-x.svg" loading="lazy" alt="X"> </picture> <span class="devsite-footer-promo-label"> X </span> </a> <div class="devsite-footer-promo-description">Follow @AndroidDev on X</div> </li> <li class="devsite-footer-promo"> <a href="//www.youtube.com/user/androiddevelopers" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer YouTube Promo" > <picture> <source class="devsite-dark-theme" srcset="https://developer.android.com/_static/android/images/logo-youtube_dt.svg" media="(prefers-color-scheme: dark)" loading="lazy" alt="YouTube"> <img class="devsite-footer-promo-icon" src="//www.gstatic.com/images/icons/material/product/2x/youtube_48dp.png" loading="lazy" alt="YouTube"> </picture> <span class="devsite-footer-promo-label"> YouTube </span> </a> <div class="devsite-footer-promo-description">Check out Android Developers on YouTube</div> </li> <li class="devsite-footer-promo"> <a href="//www.linkedin.com/showcase/androiddev" class="devsite-footer-promo-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer LinkedIn Promo" > <picture> <source class="devsite-dark-theme" srcset="https://developer.android.com/_static/android/images/logo-linkedin_dt.svg" media="(prefers-color-scheme: dark)" loading="lazy" alt="LinkedIn"> <img class="devsite-footer-promo-icon" src="/_static/android/images/logo-linkedin.svg" loading="lazy" alt="LinkedIn"> </picture> <span class="devsite-footer-promo-label"> LinkedIn </span> </a> <div class="devsite-footer-promo-description">Connect with the Android Developers community on LinkedIn</div> </li> </ul> </nav> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">More Android</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//www.android.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Android </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//www.android.com/enterprise/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Android for Enterprise </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//www.android.com/security-center/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Security </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//source.android.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Source </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/news" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > News </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//android-developers.googleblog.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/podcasts" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" > Podcasts </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Discover</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/games" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Gaming </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/ml" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Machine Learning </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/health-and-fitness" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Health & Fitness </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/media" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Camera & Media </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/privacy" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Privacy </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/training/connectivity/5g" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > 5G </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Android Devices</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/large-screens" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Large screens </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/wear" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Wear OS </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/chrome-os" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > ChromeOS devices </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/cars" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Android for cars </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/tv" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Android TV </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Releases</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/15" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Android 15 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/14" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Android 14 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/13" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Android 13 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/12" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Android 12 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/11" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Android 11 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/10" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > Android 10 </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/about/versions/pie" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" > Pie </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Documentation and Downloads</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/studio/intro" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Android Studio guide </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/guide" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Developers guides </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/reference" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > API reference </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/studio" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Download Studio </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/ndk" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Android NDK </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Support</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//issuetracker.google.com/issues/new?component=190923&template=841312" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Report platform bug </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//issuetracker.google.com/issues/new?component=192697" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Report documentation bug </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//support.google.com/googleplay/android-developer" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Play support </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://g.co/userresearch/androiddeveloperfooter" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Join research studies </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <picture> <source srcset="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup-google-for-developers-dark-theme.svg" media="(prefers-color-scheme: none)" class="devsite-dark-theme" loading="lazy" alt="Google Developers"> <img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup-google-for-developers.svg" loading="lazy" alt="Google Developers"> </picture> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//developer.android.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link" > Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link" > Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//firebase.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link" > Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//cloud.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link" > Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="//developers.google.com/products/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link" > All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" > Privacy </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/license" data-category="Site-Wide Custom Events" data-label="Footer License link" > License </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/distribute/marketing-tools/brand-guidelines" data-category="Site-Wide Custom Events" data-label="Footer Brand guidelines link" > Brand guidelines </a> </li> <li class="devsite-footer-utility-item glue-cookie-notification-bar-control"> <a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true" > Manage cookies </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Get news and tips by email</span> <a class="devsite-footer-utility-link gc-analytics-event" href="/updates" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" > Subscribe </a> </li> </ul> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip ></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[]</script> <script type="application/json" tag-management>{"at": "True", "ga4": [{"id": "G-QFRN08RN6E", "purpose": 0}], "ga4p": [{"id": "G-QFRN08RN6E", "purpose": 0}], "gtm": [{"id": "GTM-KMSWPCJ", "purpose": 0}], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Android Studio", "signedIn": "False", "tenant": "android", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <android-fully-clickable target=" .android-case-study .devsite-landing-row-item, .android-grouped-resources .devsite-landing-row-item, .android-grouped-resources-contained--primary .devsite-landing-row-item, .android-grouped-resources-contained--secondary .devsite-landing-row-item, .android-grouped-resources-contained--tertiary .devsite-landing-row-item, .android-grouped-resources-uncontained--primary .devsite-landing-row-item, .android-grouped-resources-uncontained--secondary .devsite-landing-row-item, .android-grouped-resources-uncontained--tertiary .devsite-landing-row-item, .android-guide-cards .devsite-landing-row-item, .android-illustrated-resources-index .devsite-landing-row-item, .android-illustrated-resources-primary .devsite-landing-row-item, .android-illustrated-resources-secondary .devsite-landing-row-item, .android-illustrated-resources-secondary-small .devsite-landing-row-item, .android-illustrated-resources-tertiary .devsite-landing-row-item, .android-illustrated-resources-tertiary-small .devsite-landing-row-item, .android-promo .devsite-landing-row-item, .android-quick-link, .android-samples .devsite-card-wrapper, .fully-clickable" watch=".android-samples, devsite-content"></android-fully-clickable> <script nonce="B/5S8kg3VT4DLILBXRKswrVQ4+Lzr3"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/js/app_loader.js', '[3,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android","https://android-dot-devsite-v2-prod.appspot.com",null,null,["/_pwa/android/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/favicon.svg","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/android/images/lockup.svg","https://fonts.googleapis.com/css?family=Google+Sans:400,500,600,700|Google+Sans+Text:400,400italic,500,500italic,600,600italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,116,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developer.android.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["MiscFeatureFlags__emergency_css","Profiles__enable_release_notes_notifications","Cloud__enable_cloud_facet_chat","CloudShell__cloud_code_overflow_menu","TpcFeatures__enable_unmirrored_page_left_nav","DevPro__enable_cloud_innovators_plus","Profiles__enable_profile_collections","Significatio__enable_by_tenant","Profiles__enable_dashboard_curated_recommendations","Search__enable_ai_search_summaries","Profiles__enable_completequiz_endpoint","Cloud__enable_cloud_shell","BookNav__enable_tenant_cache_key","Profiles__enable_recognition_badges","Cloud__enable_cloudx_experiment_ids","Cloud__enable_cloud_dlp_service","Search__enable_ai_eligibility_checks","Cloud__enable_cloudx_ping","Profiles__enable_completecodelab_endpoint","Cloud__enable_free_trial_server_call","Cloud__enable_llm_concierge_chat","MiscFeatureFlags__enable_firebase_utm","Concierge__enable_pushui","MiscFeatureFlags__enable_project_variables","Experiments__reqs_query_experiments","Profiles__enable_stripe_subscription_management","CloudShell__cloud_shell_button","Profiles__enable_developer_profiles_callout","MiscFeatureFlags__developers_footer_image","Cloud__enable_legacy_calculator_redirect","Search__enable_page_map","Profiles__require_profile_eligibility_for_signin","Search__enable_dynamic_content_confidential_banner","Profiles__enable_complete_playlist_endpoint","Cloud__enable_cloud_shell_fte_user_flow","MiscFeatureFlags__developers_footer_dark_image","DevPro__enable_developer_subscriptions","MiscFeatureFlags__enable_variable_operator","Profiles__enable_awarding_url","Profiles__enable_public_developer_profiles","MiscFeatureFlags__enable_dark_theme","MiscFeatureFlags__enable_explain_this_code","Search__enable_suggestions_from_borg","Profiles__enable_join_program_group_endpoint","Profiles__enable_page_saving","TpcFeatures__enable_mirror_tenant_redirects","Analytics__enable_clearcut_logging","EngEduTelemetry__enable_engedu_telemetry","MiscFeatureFlags__enable_view_transitions"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.googleapis.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.googleapis.com",2,4,null,"https://developerprofiles-pa.googleapis.com",[3,"android","Android Developers","developer.android.com",null,"android-dot-devsite-v2-prod.appspot.com",null,null,[null,1,null,null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations"],null,null,null,[1,null,1],[1,1,null,1,1]],null,[18,null,null,null,null,null,"/images/lockup.svg","/images/touchicon-180.png",null,null,null,null,null,null,null,null,null,null,null,null,null,2,null,null,null,"/images/lockup-dark-theme.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,28,29,37,43],null,[[null,null,1],[1,1]],[[null,null,null,null,null,null,null,[["G-QFRN08RN6E"],null,null,[["G-QFRN08RN6E",1]]],null,null,null,null,1],null,[[1,1],[2,2]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"android.devsite.google"],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m",1]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>

CINXE.COM

Develop a UI with Views | Android Studio | Android Developers