Add multi-density vector graphics | 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/vector-asset-studio"><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/vector-asset-studio" /><link rel="alternate" hreflang="x-default" href="https://developer.android.com/studio/write/vector-asset-studio" /><link rel="alternate" hreflang="ar" href="https://developer.android.com/studio/write/vector-asset-studio?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developer.android.com/studio/write/vector-asset-studio?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developer.android.com/studio/write/vector-asset-studio?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developer.android.com/studio/write/vector-asset-studio?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developer.android.com/studio/write/vector-asset-studio?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developer.android.com/studio/write/vector-asset-studio?hl=fr" /><link rel="alternate" hreflang="de" href="https://developer.android.com/studio/write/vector-asset-studio?hl=de" /><link rel="alternate" hreflang="he" href="https://developer.android.com/studio/write/vector-asset-studio?hl=he" /><link rel="alternate" hreflang="hi" href="https://developer.android.com/studio/write/vector-asset-studio?hl=hi" /><link rel="alternate" hreflang="id" href="https://developer.android.com/studio/write/vector-asset-studio?hl=id" /><link rel="alternate" hreflang="it" href="https://developer.android.com/studio/write/vector-asset-studio?hl=it" /><link rel="alternate" hreflang="ja" href="https://developer.android.com/studio/write/vector-asset-studio?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developer.android.com/studio/write/vector-asset-studio?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developer.android.com/studio/write/vector-asset-studio?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developer.android.com/studio/write/vector-asset-studio?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developer.android.com/studio/write/vector-asset-studio?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developer.android.com/studio/write/vector-asset-studio?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developer.android.com/studio/write/vector-asset-studio?hl=th" /><link rel="alternate" hreflang="tr" href="https://developer.android.com/studio/write/vector-asset-studio?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developer.android.com/studio/write/vector-asset-studio?hl=vi" /><title>Add multi-density vector graphics  |  Android Studio  |  Android Developers</title> <meta property="og:title" content="Add multi-density vector graphics  |  Android Studio  |  Android Developers"><meta name="description" content="Android Studio includes a tool called Vector Asset Studio that helps you add material icons and import Scalable Vector Graphic (SVG) and Adobe Photoshop Document (PSD) files into your project as vector drawable resources."> <meta property="og:description" content="Android Studio includes a tool called Vector Asset Studio that helps you add material icons and import Scalable Vector Graphic (SVG) and Adobe Photoshop Document (PSD) files into your project as vector drawable resources."><meta property="og:url" content="https://developer.android.com/studio/write/vector-asset-studio"><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": "Add multi-density vector graphics" } </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": "Add multi-density vector graphics", "item": "https://developer.android.com/studio/write/vector-asset-studio" }] } </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"> Add multi-density vector graphics </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 "> <p>Android Studio includes a tool called Vector Asset Studio that helps you add material icons and import Scalable Vector Graphic (SVG) and Adobe Photoshop Document (PSD) files into your project as vector drawable resources. Using vector drawables instead of bitmaps reduces the size of your APK because the same file can be resized for different screen densities without loss of image quality. For older versions of Android that don't support vector drawables, Vector Asset Studio can, at build time, turn your vector drawables into different bitmap sizes for each screen density.</p> <div class="video-wrapper-left"> <iframe class="devsite-embedded-youtube-video" data-video-id="8e3I-PYJNHg" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> <h2 id="about" data-text="About Vector Asset Studio" tabindex="-1">About Vector Asset Studio</h2> <p>Vector Asset Studio adds a vector graphic to the project as an XML file that describes the image. Maintaining one XML file can be easier than updating multiple raster graphics at various resolutions.</p> <p>Android 4.4 (API level 20) and lower doesn't support vector drawables. If your minimum API level is set at one of these API levels, you have two options when using Vector Asset Studio: generate Portable Network Graphic (PNG) files (the default) or use the Support Library.</p> <p>For backward-compatibility, Vector Asset Studio generates raster images of the vector drawable. The vector and raster drawables are packaged together in the APK. You can refer to vector drawables as <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/Drawable">Drawable</a></code> in Java code or <code translate="no" dir="ltr">@drawable</code> in XML code; when your app runs, the corresponding vector or raster image displays automatically depending on the API level.</p> <p>If you want to use vector drawables only, you can use Android Support Library 23.2 or higher. This technique requires a change to your <code translate="no" dir="ltr">build.gradle</code> file before you run Vector Asset Studio, as described in <a href="#sloption">Support Library Backward Compatibility</a>. The <code translate="no" dir="ltr"><a href="/reference/androidx/vectordrawable/graphics/drawable/VectorDrawableCompat">VectorDrawableCompat</a></code> class in the Support Library allows you to support <code translate="no" dir="ltr">VectorDrawable</code> in Android 2.1 (API level 7) and higher. </p> <h3 id="types" data-text="Supported vector graphic types" tabindex="-1">Supported vector graphic types</h3> <p>The Google Material Design specification provides <a href="https://www.google.com/design/icons" class="external-link">material icons</a> that you can use in your Android apps. Vector Asset Studio helps you choose, import, and size material icons, as well as define opacity and the Right-to-Left (RTL) mirroring setting.</p> <p>Vector Asset Studio also lets you import your own SVG and PSD files. SVG is an XML-based open standard of the World Wide Web Consortium (W3C). The PSD file format supports Adobe Photoshop features. Vector Asset Studio supports the essential standards, but not all SVG and PSD features. When you specify an SVG or PSD file, Vector Asset Studio gives immediate feedback about whether the graphics code is supported or not. It converts the file into an XML file containing <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> code. If you receive errors, you should verify that your vector drawable appears as intended. For more information about allowed PSD features, see <a href="#PSD">Support and restrictions for PSD files</a>.</p> <p>For Android 5.0 (API level 21) and higher, you can use the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/AnimatedVectorDrawable">AnimatedVectorDrawable</a></code> class to animate the properties of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> class. With the Support Library, you can use the <code translate="no" dir="ltr"><a href="/reference/androidx/vectordrawable/graphics/drawable/AnimatedVectorDrawableCompat">AnimatedVectorDrawableCompat</a></code> class to animate the <code translate="no" dir="ltr">VectorDrawable</code> class for Android 3.0 (API level 11) and higher. For more information, see <a href="/training/material/animations#AnimVector">Animate vector drawables</a>.</p> <h3 id="when" data-text="Considerations for SVG and PSD files" tabindex="-1">Considerations for SVG and PSD files</h3> <p>A vector drawable is appropriate for simple icons. The <a href="https://www.google.com/design/icons" class="external-link">material icons</a> provide good examples of the types of images that work well as vector drawables in an app. In contrast, many app launch icons do have many details, so they work better as raster images.</p> <p>The initial loading of a vector drawable can cost more CPU cycles than the corresponding raster image. Afterward, memory use and performance are similar between the two. We recommend that you limit a vector image to a maximum of 200 x 200 dp; otherwise, it can take too long to draw.</p> <p>Although vector drawables do support one or more colors, in many cases it makes sense to color icons black (<code translate="no" dir="ltr">android:fillColor="#FF000000"</code>). Using this approach, you can add a <a href="/training/material/drawables#DrawableTint">tint</a> to the vector drawable that you placed in a layout, and the icon color changes to the tint color. If the icon color isn't black, the icon color might instead blend with the tint color.</p> <h3 id="apilevel" data-text="Vector drawable backward-compatibility solutions" tabindex="-1">Vector drawable backward-compatibility solutions</h3> <p>The following table summarizes the two techniques that you can use for backward-compatibility:</p> <table> <tr> <th scope="col">Technique</th> <th scope="col">Drawables in APK</th> <th scope="col">VectorDrawable XML elements</th> <th scope="col">Version</th> <th scope="col">Build flags</th> <th scope="col">App code</th> </tr> <tr> <td><strong>PNG generation</strong></td> <td>Vector and raster</td> <td><a href="#apilevel">Subset supported</a></td> <td><p>SVG: <a href="/studio/releases/gradle-plugin">Android plugin for Gradle</a> 1.5.0 or higher</p> <p>PSD: Android Studio 2.2 or higher</p></td> <td>Default</td> <td>Variety of coding techniques supported</td> </tr> <tr> <td><strong>Support Library 23.2 or higher</strong></td> <td>Vector</td> <td>Full support</td> <td>Android plugin for Gradle 2.0 or higher</td> <td>Support Library statements required</td> <td><a href="https://android-developers.blogspot.com/2016/02/android-support-library-232.html" class="external-link">Subset of coding techniques supported</a></td> </tr> </table> <p>Using vector drawables can produce a smaller APK, but the initial loading of vector drawables can take longer.</p> <h4 id="pngoption" data-text="PNG generation" tabindex="-1">PNG generation</h4> <p>Android 5.0 (API level 21) and higher provides vector drawable support. If your app has a minimum API level that's lower, Vector Asset Studio adds the vector drawable file to your project; also, at build time, Gradle creates PNG raster images at various resolutions. Gradle generates the PNG densities specified by the Domain Specific Language (DSL) <a href="https://google.github.io/android-gradle-dsl/1.4/com.android.build.gradle.internal.dsl.ProductFlavor.html#com.android.build.gradle.internal.dsl.ProductFlavor:generatedDensities" class="external-link">generatedDensities</a> property in a <code translate="no" dir="ltr">build.gradle</code> file.</p> <p>For Android 5.0 (API level 21) and higher, Vector Asset Studio supports all of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> elements. For backward compatibility with Android 4.4 (API level 20) and lower, Vector Asset Studio supports the following XML elements:</p> <div class="wrap"> <div class="cols"> <div class="col-1of3"> <p><code translate="no" dir="ltr"><vector></code></p> <ul> <li><code translate="no" dir="ltr">android:width</code></li> <li><code translate="no" dir="ltr">android:height</code></li> <li><code translate="no" dir="ltr">android:viewportWidth</code></li> <li><code translate="no" dir="ltr">android:viewportHeight</code></li> <li><code translate="no" dir="ltr">android:alpha</code></li> </ul> </div> <div class="col-1of3"> <p><code translate="no" dir="ltr"><group></code></p> <ul> <li><code translate="no" dir="ltr">android:rotation</code></li> <li><code translate="no" dir="ltr">android:pivotX</code></li> <li><code translate="no" dir="ltr">android:pivotY</code></li> <li><code translate="no" dir="ltr">android:scaleX</code></li> <li><code translate="no" dir="ltr">android:scaleY</code></li> <li><code translate="no" dir="ltr">android:translateX</code></li> <li><code translate="no" dir="ltr">android:translateY</code></li> </ul> </div> <div class="col-1of3"> <p><code translate="no" dir="ltr"><path></code></p> <ul> <li><code translate="no" dir="ltr">android:pathData</code></li> <li><code translate="no" dir="ltr">android:fillColor</code></li> <li><code translate="no" dir="ltr">android:strokeColor</code></li> <li><code translate="no" dir="ltr">android:strokeWidth</code></li> <li><code translate="no" dir="ltr">android:strokeAlpha</code></li> <li><code translate="no" dir="ltr">android:fillAlpha</code></li> <li><code translate="no" dir="ltr">android:strokeLineCap</code></li> <li><code translate="no" dir="ltr">android:strokeLineJoin</code></li> <li><code translate="no" dir="ltr">android:strokeMiterLimit</code></li> </ul> </div> </div> </div> <p>You can change the XML code that Vector Asset Studio generates, although it’s not a best practice. Changing the values in the code should not cause any issues, as long as they’re valid and static. If you want to add XML elements, you need to make sure that they’re supported based on your minimum API level.</p> <h4 id="sloption" data-text="Support Library" tabindex="-1">Support Library</h4> <p>This technique requires Android Support Library 23.2 or higher and Android Plugin for Gradle 2.0 or higher, and uses vector drawables only. The <code translate="no" dir="ltr"><a href="/reference/androidx/vectordrawable/graphics/drawable/VectorDrawableCompat">VectorDrawableCompat</a></code> class in the Support Library allows you to support <code translate="no" dir="ltr">VectorDrawable</code> in Android 2.1 (API level 7) and higher.</p> <p>Before using Vector Asset Studio, you must add a statement to your <code translate="no" dir="ltr">build.gradle</code> file:</p> <div> <div class="ds-selector-tabs"><section><h3 id="groovy" data-text="Groovy" tabindex="-1">Groovy</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Groovy"><span class="devsite-syntax-n">android</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">defaultConfig</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">vectorDrawables</span><span class="devsite-syntax-o">.</span><span class="devsite-syntax-na">useSupportLibrary</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-kc">true</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">}</span> <span class="devsite-syntax-o">}</span> <span class="devsite-syntax-n">dependencies</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">implementation</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-s1">'com.android.support:appcompat-v7:23.2.0'</span> <span class="devsite-syntax-o">}</span></pre></devsite-code> </section><section><h3 id="kts" data-text="Kotlin" tabindex="-1">Kotlin</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Kotlin"><span class="devsite-syntax-n">android</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">defaultConfig</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">vectorDrawables</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">useSupportLibrary</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-kc">true</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">}</span> <span class="devsite-syntax-p">}</span> <span class="devsite-syntax-n">dependencies</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">implementation</span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-s">"com.android.support:appcompat-v7:23.2.0"</span><span class="devsite-syntax-p">)</span> <span class="devsite-syntax-p">}</span></pre></devsite-code> </section></div> </div> <p>You must also use coding techniques that are compatible with the Support Library, such as using the <code translate="no" dir="ltr">app:srcCompat</code> attribute instead of the <code translate="no" dir="ltr">android:src</code> attribute for vector drawables. For more information, see <a href="https://android-developers.blogspot.com/2016/02/android-support-library-232.html" class="external-link">Android Support Library 23.2</a>.</p> <h2 id="running" data-text="Running Vector Asset Studio" tabindex="-1">Running Vector Asset Studio</h2> <p>To start Vector Asset Studio:</p> <ol> <li>In Android Studio, open an Android app project.</li> <li>In the <em>Project</em> window, select the <a href="/studio/projects#ProjectFiles">Android view</a>.</li> <li>Right-click the <strong>res</strong> folder and select <strong>New</strong> > <strong>Vector Asset</strong>.</li> <p>Some other project views and folders have this menu item as well.</p> <p>Vector Asset Studio appears.</p> <img src="/static/images/tools/vas-materialicon_2-2_2x.png" alt width="706"> <p class="img-caption"><strong>Figure 1</strong>. Vector Asset Studio. </p> <li>If a <em>Need Newer Android Plugin for Gradle</em> dialog appears instead, correct your Gradle version as follows:</li> <ol type="a"> <li>Select <strong>File</strong> > <strong>Project Structure</strong>.</li> <li>In the <em>Project Structure</em> dialog, select <strong>Project</strong>.</li> <li>In the <strong>Android Plugin Version</strong> field, change the Android Plugin for Gradle version to <strong>1.5.0</strong> or higher, and click <strong>OK</strong>.</li> <p>Gradle syncs the project.</p> <li>In the <a href="/studio/projects#ProjectFiles">Android view</a> of the <em>Project</em> window, right-click the <strong>res</strong> folder and select <strong>New</strong> > <strong>Vector Asset</strong>.</li> <p>Vector Asset Studio appears.</p> </ol> <li>Continue with <a href="#importing">Importing a Vector Graphic</a>.</li> </ol> <h2 id="importing" data-text="Importing a vector graphic" tabindex="-1">Importing a vector graphic</h2> <p>Vector Asset Studio helps you to import a vector graphics file into your app project. Follow one of the following procedures:</p> <ul> <li><a href="#materialicon">Adding a material icon</a></li> <li><a href="#svg">Importing an SVG or PSD file</a></li> </ul> <h3 id="materialicon" data-text="Adding a material icon" tabindex="-1">Adding a material icon</h3> <p>After you <a href="#running">open Vector Asset Studio</a>, you can add a material icon as follows:</p> <ol> <li>In Vector Asset Studio, select <strong>Material Icon</strong>.</li> <li>In the Icon field, click the button.</li> <li><p>The <b>Select Icon</b> dialog appears. You can filter which icons are visible by selecting an icon category from the list on the left or typing in the search field as shown in figure 2.</p> <img src="/static/studio/images/write/vector-asset-studio-icon-filter_2-3_2x.png" alt width="704"> <p class="img-caption"><strong>Figure 2</strong>. Filtering material icons in the Vector Asset Studio. </p> </li> <p>Select a material icon and click <strong>OK</strong>. The icon appears in the <strong>Vector Drawable Preview</strong>.</p> <li>Optionally change the resource name, size, opacity, and Right-To-Left (RTL) mirroring setting: <ul> <li><strong>Name</strong> - Type a new name if you don’t want to use the default name. Vector Asset Studio automatically creates a unique name (adds a number to the end of the name) if that resource name already exists in the project. The name can contain lowercase characters, underscores, and digits only.</li> <li><strong>Override</strong> - Select this option if you want to adjust the size of the image. When you type a new size, the change appears in the preview area.</li> <p>The default is 24 x 24 dp, which is defined in the <a href="https://www.google.com/design/icons" class="external-link">material design</a> specification. Deselect the checkbox to return to the default.</p> <li><strong>Opacity</strong> - Use the slider to adjust the opacity of the image. The change appears in the preview area.</li> <li><strong>Enable auto mirroring for RTL layout</strong> - Select this option if you want a mirror image to display when the layout is right to left, instead of left to right. For example, some languages are read right to left; if you have an arrow icon, you might want to display a mirror image of it in this case. Note that if you’re working with an older project, you might also need to add <code translate="no" dir="ltr">android:supportsRtl="true"</code> to your app manifest. Auto-mirroring is supported on Android 5.0 (API level 21) and higher, and with the Support Library.</li> </ul> <li>Click <strong>Next</strong>.</li> <li>Optionally change the module and resource directory:</li> <ul> <li><strong>Res Directory</strong> - Select the resource source set where you want to add the vector drawable: <code translate="no" dir="ltr">src/main/res</code>, <code translate="no" dir="ltr">src/debug/res</code>, <code translate="no" dir="ltr">src/release/res</code>, or a user-defined source set. The main source set applies to all build variants, including debug and release. The debug and release source sets override the main source set and apply to one version of a build. The debug source set is for debugging only. To define a new source set, select <strong>File</strong> > <strong>Project Structure</strong> > <strong>app</strong> > <strong>Build Types</strong>. For example, you could define a beta source set and create a version of an icon that includes the text "BETA" in the bottom right corner. For more information, see <a href="/studio/build/build-variants#workBuildVariants">Configure Build Variants</a>.</li> </ul> <p>The <strong>Output Directories</strong> area displays the vector drawable and the directory where it will appear.</p> <li>Click <strong>Finish</strong>.</li> <p>Vector Asset Studio adds an XML file defining the vector drawable to the project in the <code translate="no" dir="ltr">app/src/main/res/drawable/</code> folder. From the <a href="/studio/projects#ProjectFiles">Android view</a> of the <em>Project</em> window, you can view the generated vector XML file in the <strong>drawable</strong> folder.</p> <li>Build the project.</li> <p>If the minimum API level is Android 4.4 (API level 20) and lower, and you haven't enabled the Support Library technique, Vector Asset Studio generates PNG files. From the <a href="/studio/projects#ProjectFiles">Project Files view</a> of the <em>Project</em> window, you can view the generated PNG and XML files in the <code translate="no" dir="ltr">app/build/generated/res/pngs/debug/</code> folder.</p> <p>You should not edit these generated raster files, but instead work with the vector XML file. The build system regenerates the raster files automatically when needed so you don’t need to maintain them.</p> </ol> <h3 id="svg" data-text="Importing an SVG or PSD file" tabindex="-1">Importing an SVG or PSD file</h3> <p>After you <a href="#running">open Vector Asset Studio</a>, you can import an SVG or PSD file as follows:</p> <ol> <li>In Vector Asset Studio, select <strong>Local file</strong>.</li> <p>The file must be on a local drive. If it’s located on the network, for example, you need to download it to a local drive first.</p> <li>Specify an <strong>Image file</strong> by clicking <strong>…</strong> .</li> <p>The image appears in the <strong>Vector Drawable Preview</strong>.</p> <p>If the SVG or PSD file contains unsupported features, an error appears at the bottom of Vector Asset Studio, as shown in figure 3.</p> <img src="/static/images/tools/vas-svgerror_2-2_2x.png" alt width="703"> <p class="img-caption"><strong>Figure 3</strong>. Vector Asset Studio displaying some errors. </p> <p>If you see errors, you need to make sure that the imported vector drawable renders properly. Scroll through the list to view the errors.</p> <p>For a list of supported elements, see <a href="#apilevel">Vector Drawable Backward-Compatibility Solutions</a>. For more information about allowed PSD files, see <a href="#PSD">Support and Restrictions for PSD Files</a>.</p> <li>Optionally change the resource name, size, opacity, and Right-To-Left (RTL) mirroring setting:</li> <ul> <li><strong>Name</strong> - Type a new name if you don’t want to use the default name. Vector Asset Studio automatically creates a unique name (adds a number to the end of the name) if that resource name already exists in the project. The name can contain lowercase characters, underscores, and digits only.</li> <li><strong>Override</strong> - Select this option if you want to adjust the size of the image. After you select it, the size changes to the size of the image itself. Whenever you change the size, the change appears in the preview area. The default is 24 x 24 dp, which is defined in the <a href="https://www.google.com/design/icons" class="external-link">material design</a> specification.</li> <li><strong>Opacity</strong> - Use the slider to adjust the opacity of the image. The change appears in the preview area.</li> <li><strong>Enable auto mirroring for RTL layout</strong> - Select this option if you want a mirror image to display when the layout is right to left, instead of left to right. For example, some languages are read right to left; if you have an arrow icon, you might want to display a mirror image of it in this case. Note that if you’re working with an older project, you might need to add <code translate="no" dir="ltr">android:supportsRtl="true"</code> to your app manifest. Auto-mirroring is supported by Android 5.0 (API level 21) and higher, and the Support Library.</li> </ul> <li>Click <strong>Next</strong>.</li> <li>Optionally change the resource directory:</li> <ul> <li><strong>Res Directory</strong> - Select the resource source set where you want to add the vector drawable: <code translate="no" dir="ltr">src/main/res</code>, <code translate="no" dir="ltr">src/debug/res</code>, <code translate="no" dir="ltr">src/release/res</code>, or a user-defined source set. The main source set applies to all build variants, including debug and release. The debug and release source sets override the main source set and apply to one version of a build. The debug source set is for debugging only. To define a new source set, select <strong>File</strong> > <strong>Project Structure</strong> > <strong>app</strong> > <strong>Build Types</strong>. For example, you could define a beta source set and create a version of an icon that includes the text "BETA" in the bottom right corner. For more information, see <a href="/studio/build/build-variants#workBuildVariants">Configure Build Variants</a>.</li> </ul> <p>The <strong>Output Directories</strong> area displays the vector drawable and the directory where it will appear.</p> <li>Click <strong>Finish</strong>.</li> <p>Vector Asset Studio adds an XML file defining the vector drawable to the project in the <code translate="no" dir="ltr">app/src/main/res/drawable/</code> folder. From the <a href="/studio/projects#ProjectFiles">Android view</a> of the <em>Project</em> window, you can view the generated vector XML file in the <strong>drawable</strong> folder.</p> <li>Build the project.</li> <p>If the minimum API level is Android 4.4 (API level 20) and lower, and you haven't enabled the Support Library technique, Vector Asset Studio generates PNG files. From the <a href="/studio/projects#ProjectFiles">Project Files view</a> of the <em>Project</em> window, you can view the generated PNG and XML files in the <code translate="no" dir="ltr">app/build/generated/res/pngs/debug/</code> folder.</p> <p>You should not edit these generated raster files, but instead work with the vector XML file. The build system regenerates the raster files automatically when needed so you don’t need to maintain them.</p> </ol> <h2 id="layout" data-text="Adding a vector drawable to a layout" tabindex="-1">Adding a vector drawable to a layout</h2> <p>In a layout file, you can set any icon-related widget, such as <code translate="no" dir="ltr"><a href="/reference/android/widget/ImageButton">ImageButton</a></code>, <code translate="no" dir="ltr"><a href="/reference/android/widget/ImageView">ImageView</a></code>, and so on, to point to a vector drawable. For example, the following layout shows a vector drawable displayed on a button:</p> <img src="/static/images/tools/vas-layout_2-2_2x.png"> <p class="img-caption"><strong>Figure 4</strong>. A vector drawable displayed on a button in a layout. </p> <p>To display a vector drawable on a widget, as shown in the figure:</p> <ol> <li>Open a project and <a href="#running">import a vector drawable</a>.</li> <p>This example uses a Phone/Tablet project generated with the New Project Wizard. <li>In the <a href="/studio/projects#ProjectFiles">Android view</a> of the <em>Project</em> window, double-click a layout XML file, such as <code translate="no" dir="ltr">content_main.xml</code>.</li> <li>Click the <strong>Design</strong> tab to display the <a href="/studio/write/layout-editor">Layout Editor</a>.</li> <li>Drag the <code translate="no" dir="ltr"><a href="/reference/android/widget/ImageButton">ImageButton</a></code> widget from the <em>Palette</em> window onto the Layout Editor.</li> <li>In the <em>Resources</em> dialog, select <strong>Drawable</strong> in the left pane, and then select the vector drawable you imported. Click <strong>OK</strong>.</li> <p>The vector drawable appears on the <code translate="no" dir="ltr">ImageButton</code> in the layout.</p> <li>To change the color of the image to the accent color defined in the theme, in the <em>Properties</em> window, locate the <strong>tint</strong> property and click <strong>…</strong> . </li> <li>In the <em>Resources</em> dialog, select <strong>Color</strong> in the left pane, and then select <strong>colorAccent</strong>. Click <strong>OK</strong>. </li> <p>The color of the image changes to the accent color in the layout.</p> </ol> <p>If the project uses the Support Library, the <code translate="no" dir="ltr">ImageButton</code> code should be similar to the following:</p> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="XML"><ImageButton <span class="devsite-syntax-w"> </span>android:layout_width="wrap_content" <span class="devsite-syntax-w"> </span>android:layout_height="wrap_content" <span class="devsite-syntax-w"> </span>app:srcCompat="@drawable/ic_build_black_24dp" <span class="devsite-syntax-w"> </span>tools:layout_editor_absoluteX="11dp" <span class="devsite-syntax-w"> </span>tools:layout_editor_absoluteY="225dp" <span class="devsite-syntax-w"> </span>android:id="@+id/imageButton" <span class="devsite-syntax-w"> </span>android:tint="@color/colorAccent"<span class="devsite-syntax-w"> </span>/></pre></devsite-code> <p>If the project doesn't use the Support Library, the vector drawable code would instead be <code translate="no" dir="ltr">android:src="@drawable/ic_build_black_24dp"</code>.</p> <h2 id="referring" data-text="Referring to a vector drawable in code" tabindex="-1">Referring to a vector drawable in code</h2> <p>You can normally refer to a vector drawable resource in a generic way in your code, and when your app runs, the corresponding vector or raster image displays automatically depending on the API level:</p> <ul> <li>In most cases, you can refer to vector drawables as <code translate="no" dir="ltr">@drawable</code> in XML code or <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/Drawable">Drawable</a></code> in Java code. </li> <p>For example, the following layout XML code applies the image to a view:</p> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="XML"><ImageView <span class="devsite-syntax-w"> </span>android:layout_height="wrap_content" <span class="devsite-syntax-w"> </span>android:layout_width="wrap_content" <span class="devsite-syntax-w"> </span>android:src="@drawable/myimage"<span class="devsite-syntax-w"> </span>/></pre></devsite-code> <p>The following Java code retrieves the image as a <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/Drawable">Drawable</a></code>:</p> <div class="ds-selector-tabs"><section><h3 id="kotlin" data-text="Kotlin" tabindex="-1">Kotlin</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Kotlin"><span class="devsite-syntax-kd">val</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-nv">drawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">resources</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">getDrawable</span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">R</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">drawable</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">myimage</span><span class="devsite-syntax-p">,</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">theme</span><span class="devsite-syntax-p">)</span></pre></devsite-code> </section><section><h3 id="java" data-text="Java" tabindex="-1">Java</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Java"><span class="devsite-syntax-n">Resources</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">res</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">getResources</span><span class="devsite-syntax-p">();</span> <span class="devsite-syntax-n">Drawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">drawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">res</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">getDrawable</span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">R</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">drawable</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">myimage</span><span class="devsite-syntax-p">,</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">getTheme</span><span class="devsite-syntax-p">());</span></pre></devsite-code> </section></div> <p>The <code translate="no" dir="ltr"><a href="/reference/android/content/Context#getResources()">getResources()</a></code> method resides in the <code translate="no" dir="ltr"><a href="/reference/android/content/Context">Context</a></code> class, which applies to UI objects, such as activities, fragments, layouts, views, and so on.</p> <li>If your app uses the Support Library at all (even if you don't have a <code translate="no" dir="ltr">vectorDrawables.useSupportLibrary = true</code> statement in your <code translate="no" dir="ltr">build.gradle</code> file), you can also refer to a vector drawable with an <code translate="no" dir="ltr">app:srcCompat</code> statement. For example:</li> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="XML"><ImageView <span class="devsite-syntax-w"> </span>android:layout_height="wrap_content" <span class="devsite-syntax-w"> </span>android:layout_width="wrap_content" <span class="devsite-syntax-w"> </span>app:srcCompat="@drawable/myimage"<span class="devsite-syntax-w"> </span>/></pre></devsite-code> <li>Occasionally, you might need to typecast the drawable resource to its exact class, such as when you need to use specific features of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> class. To do so, you could use Java code such as the following:</li> <div class="ds-selector-tabs"><section><h3 id="kotlin" data-text="Kotlin" tabindex="-1">Kotlin</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Kotlin"><span class="devsite-syntax-k">if</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">Build</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">VERSION</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">SDK_INT</span><span class="devsite-syntax-w"> </span>><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">Build</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">VERSION_CODES</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">LOLLIPOP</span><span class="devsite-syntax-p">)</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-kd">val</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-nv">vectorDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">drawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-k">as</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">VectorDrawable</span> <span class="devsite-syntax-p">}</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-k">else</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-kd">val</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-nv">bitmapDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">drawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-k">as</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">BitmapDrawable</span> <span class="devsite-syntax-p">}</span></pre></devsite-code> </section><section><h3 id="java" data-text="Java" tabindex="-1">Java</h3> <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="Java"><span class="devsite-syntax-k">if</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">Build</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">VERSION</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">SDK_INT</span><span class="devsite-syntax-w"> </span>><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">Build</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">VERSION_CODES</span><span class="devsite-syntax-p">.</span><span class="devsite-syntax-na">LOLLIPOP</span><span class="devsite-syntax-p">)</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">VectorDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">vectorDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">VectorDrawable</span><span class="devsite-syntax-p">)</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">drawable</span><span class="devsite-syntax-p">;</span> <span class="devsite-syntax-p">}</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-k">else</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">{</span> <span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">BitmapDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">bitmapDrawable</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-o">=</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-p">(</span><span class="devsite-syntax-n">BitmapDrawable</span><span class="devsite-syntax-p">)</span><span class="devsite-syntax-w"> </span><span class="devsite-syntax-n">drawable</span><span class="devsite-syntax-p">;</span> <span class="devsite-syntax-p">}</span></pre></devsite-code> </section></div> </ul> <p>You can access vector drawable resources from the main thread only.</p> <p>For the Support Library technique, you must use coding techniques that are compatible with the Support Library. For more information, see <a href="https://android-developers.blogspot.com/2016/02/android-support-library-232.html" class="external-link">Android Support Library 23.2</a>.</p> <h2 id="code" data-text="Modifying XML code generated by Vector Asset Studio" tabindex="-1">Modifying XML code generated by Vector Asset Studio</h2> <p>You can modify the vector drawable XML code, but not the PNGs and corresponding XML code generated at build time. However, we don't recommend it.</p> <p>When using the PNG generation technique, Vector Asset Studio makes sure that the vector drawable and the PNGs match, and that the manifest contains the proper code. If you add code that's <a href="#apilevel">not supported</a> on Android 4.4 (API level 20) and lower, your vector and PNG images might differ. You also need to make sure that the manifest contains the code to support your changes.</p> <p>To modify the vector XML file when you're not using the Support Library technique:</p> <ol> <li>In the <em>Project</em> window, double-click the generated vector XML file in the <strong>drawable</strong> folder.</li> <p>The XML file appears in the editor and <em>Preview</em> windows.</p> <img src="/static/images/tools/vas-codepreview_2-2_2x.png"> <p class="img-caption"><strong>Figure 5</strong>. A vector XML file displayed in the Code Editor and the Preview window. </p> <li>Edit the XML code based on what’s supported by the minimum API level:</li> <ul> <li>Android 5.0 (API level 21) and higher - Vector Asset Studio supports all of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/Drawable">Drawable</a></code> and <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> elements. You can add XML elements and change values.</li> <li>Android 4.4 (API level 20) and lower - Vector Asset Studio supports all of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/Drawable">Drawable</a></code> elements and a subset of the <code translate="no" dir="ltr"><a href="/reference/android/graphics/drawable/VectorDrawable">VectorDrawable</a></code> elements. See <a href="#apilevel">Vector Drawable Backward-Compatibility Solutions</a> for a list. You can change values in the generated code and add XML elements that are supported.</li> </ul> <li>Build the project and check that the vector drawable and corresponding raster images look the same.</li> <p>Remember that the generated PNGs could display differently in the <em>Preview</em> window than in the app due to different rendering engines and any changes made to the vector drawable before a build. If you add code to the vector XML file created by Vector Asset Studio, any features unsupported in Android 4.4 (API level 20) and lower don't appear in the generated PNG files. As a result, when you add code, you should always check that the generated PNGs match the vector drawable. To do so, you could double-click the PNG in the <a href="/studio/projects#ProjectFiles">Project Files view</a> of the <em>Project</em> window; the left margin of the Code Editor also displays the PNG image when your code refers to the drawable, as shown in figure 6.</p> <img src="/static/images/tools/vas-imageincode_2-2_2x.png" alt width="443"> <p class="img-caption"><strong>Figure 6</strong>. A PNG image displayed in the left margin of the Code Editor. </p> </ol> <h2 id="delete" data-text="Deleting a vector drawable from a project" tabindex="-1">Deleting a vector drawable from a project</h2> <p>To remove a vector drawable from a project:</p> <ol> <li>In the <em>Project</em> window, delete the generated vector XML file by selecting the file and pressing the <strong>Delete</strong> key (or select <strong>Edit</strong> > <strong>Delete</strong>).</li> <p>The <em>Safe Delete</em> dialog appears.</p> <li>Optionally select options to find where the file is used in the project, and click <strong>OK</strong>.</li> <p>Android Studio deletes the file from the project and the drive. However, if you chose to search for places in the project where the file is used and some usages are found, you can view them and decide whether to delete the file.</p> <li>Select <strong>Build</strong> > <strong>Clean Project</strong>.</li> <p>Any auto-generated PNG and XML files corresponding to the deleted vector drawable are removed from the project and the drive.</p> </ol> <h2 id="apk" data-text="Delivering an app Containing vector drawables" tabindex="-1">Delivering an app Containing vector drawables</h2> <p>If you used the Support Library technique or your minimum API level is Android 5.0 (API level 21) or higher, your APK will contain the vector drawables that you added with Vector Asset Studio. These APKs will be smaller than if the vector images were converted to PNGs. </p> <p>When your minimum API level includes Android 4.4 (API level 20) or lower, and you have corresponding vector drawables and raster images in your project, you have two options for delivering your APK files:</p> <ul> <li>Create one APK that includes both the vector drawables and the corresponding raster representations. This solution is the simplest to implement.</li> <li>Create separate APKs for different API levels. When you don’t include the corresponding raster images in the APK for Android 5.0 (API level 21) and higher, the APK can be much smaller in size. For more information, see <a href="/google/play/publishing/multiple-apks">Multiple APK Support</a>. </li> </ul> <h2 id="PSD" data-text="Support and restrictions for PSD files" tabindex="-1">Support and restrictions for PSD files</h2> <p> Vector Asset Studio doesn't support all PSD file features. The following list summarizes supported and unsupported PSD characteristics, as well as some conversion details. </p> <h4 id="document" data-text="Document" tabindex="-1">Document</h4> <p> Supported: </p><ul> <li>A PSD color mode of bitmap, grayscale, indexed, RGB, Lab, or CMYK. <li>A color depth of 8, 16, or 32 bits.</li></ul> <p> Conversion details: </p><ul> <li>PSD document dimensions become the vector drawable and viewport dimensions.</li></ul> <p> Not supported: </p><ul> <li>A PSD color mode of duotone or multichannel.</li></ul> <h4 id="shapes" data-text="Shapes" tabindex="-1">Shapes</h4> <p> Supported: </p><ul> <li>Clipping masks, if the clipping base is another shape. <li>Shape operations, including merge/add, intersect, subtract, and exclude.</li></ul> <p> Not supported: </p><ul> <li>Even-odd fill rule used by Photoshop shapes. In Android 6.0 (API level 23) and lower, vector drawables support the nonzero fill rule only. In self-intersecting shapes, this limitation can lead to rendering differences between the PSD and the resulting vector drawable. To fix this issue, add <code translate="no" dir="ltr">android:fillType="evenOdd"</code> on the shape in the vector drawable. For example: <div></div><devsite-code><pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded syntax="XML"><vector<span class="devsite-syntax-w"> </span>xmlns:android="https://schemas.android.com/apk/res/android" <span class="devsite-syntax-w"> </span>android:viewportHeight="168" <span class="devsite-syntax-w"> </span>android:height="24dp" <span class="devsite-syntax-w"> </span>android:viewportWidth="209" <span class="devsite-syntax-w"> </span>android:width="24dp"> <span class="devsite-syntax-w"> </span><path <span class="devsite-syntax-w"> </span>android:fillAlpha="1.0" <span class="devsite-syntax-w"> </span>android:fillColor="#000000" <span class="devsite-syntax-w"> </span>android:fillType="evenOdd" <span class="devsite-syntax-w"> </span>android:pathData="M24,58<span class="devsite-syntax-w"> </span>L24,167<span class="devsite-syntax-w"> </span>L114,167<span class="devsite-syntax-w"> </span>L114,66<span class="devsite-syntax-w"> </span>M64,1<span class="devsite-syntax-w"> </span>L64,96<span class="devsite-syntax-w"> </span>L208,96<span class="devsite-syntax-w"> </span>L208,8<span class="devsite-syntax-w"> </span>M1,97<span class="devsite-syntax-w"> </span>L146,139<span class="devsite-syntax-w"> </span>L172,47"/> </vector></pre></devsite-code> </li></ul> <h4 id="strokes-and-fills" data-text="Strokes and fills" tabindex="-1">Strokes and fills</h4> <p> Supported: </p><ul> <li>Strokes, including color, opacity, width, join, cap, dashes, and alignment. <li>Solid color fills and strokes. <li>Stroke and fill colors specified as RGB, Lab, or CMYK.</li></ul> <p> Conversion details: </p><ul> <li>If a stroke is dashed, clipped using a clipping base, or uses an alignment different from center, Vector Asset Studio converts it into a fill shape in the vector drawable.</li></ul> <p> Not supported: </p><ul> <li>Color fills and strokes other than solid, such as gradients.</li></ul> <h4 id="opacity" data-text="Opacity" tabindex="-1">Opacity</h4> <p> Supported: </p><ul> <li>Shape layers with an opacity of 0.</li></ul> <p> Conversion details: </p><ul> <li>Vector Asset Studio multiplies the fill opacity with the layer opacity to compute the fill alpha. <li>The tool multiplies the opacity of the clipping base (if there is a clipping base) with the fill alpha to compute the final fill alpha. <li>The tool multiplies the stroke opacity with the layer opacity to compute the stroke alpha. <li>The tool multiplies the opacity of the clipping base (if there is a clipping base) with the stroke alpha to compute the final stroke alpha.</li></ul> <h4 id="layers" data-text="Layers" tabindex="-1">Layers</h4> <p> Supported: </p><ul> <li>Any <em>visible</em> shape layer.</li></ul> <p> Conversion details: </p><ul> <li>Vector Asset Studio preserves the name of the layers in the vector drawable file.</li></ul> <p> Not supported: </p><ul> <li>Layer effects. <li>Adjustment and text layers. <li>Blending modes (ignored).</li></ul> <h2 id="svg-support" data-text="Support and restrictions for SVG files" tabindex="-1">Support and restrictions for SVG files</h2> <p>Vector Asset Studio doesn't support all SVG file features. The following section summarizes supported and unsupported features when the tool converts an SVG file to a <a href="/reference/android/graphics/drawable/VectorDrawable"><code translate="no" dir="ltr">VectorDrawable</code></a>, along with additional conversion details.</p> <h3 id="svg-supported" data-text="Supported features" tabindex="-1">Supported features</h3> <p><code translate="no" dir="ltr">VectorDrawable</code> supports all features from <a href="https://www.w3.org/TR/SVGTiny12/">Tiny SVG 1.2</a> except for <a href="https://www.w3.org/TR/SVGTiny12/text.html">text</a>.</p> <h4 id="shapes_1" data-text="Shapes" tabindex="-1">Shapes</h4> <p><code translate="no" dir="ltr">VectorDrawable</code> supports <a href="https://www.w3.org/TR/SVG/paths.html#DAttribute">SVG paths</a>.</p> <p>The tool converts primitive <a href="https://www.w3.org/TR/SVG/shapes.html">shapes</a> such as circles, squares, and polygons to paths.</p> <h4 id="transformations" data-text="Transformations" tabindex="-1">Transformations</h4> <p>The tool supports transformation matrices and applies them directly to child paths.</p> <h4 id="groups" data-text="Groups" tabindex="-1">Groups</h4> <p>The tool supports group elements for translation, scaling, and rotation. Groups do not support an opacity property.</p> <p>The tool also applies any group styling or opacity to child paths.</p> <h4 id="fills-and-strokes" data-text="Fills and strokes" tabindex="-1">Fills and strokes</h4> <p>Paths can be filled and stroked using solid colors or gradients (linear, radial, or angular). Only centered strokes are supported. Blend modes are not supported. Dashed paths are not supported.</p> <h4 id="masks" data-text="Masks" tabindex="-1">Masks</h4> <p>The tool supports one clipping mask per group.</p> <h3 id="svg-unsupported" data-text="Features not supported by the SVG importer" tabindex="-1">Features not supported by the SVG importer</h3> <p>Any feature not listed in the <a href="#svg-supported">Supported features</a> section above is unsupported. Notable unsupported features include the following:</p> <ul> <li>Filter effects: effects such as drop shadows, blurs, and color matrix are not supported.</li> <li>Text: conversion of text to shapes using other tools is recommended.</li> <li>Pattern fills</li> </ul> <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-01-03 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-01-03 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="R3PAXMO8MYAG2z+9mCPix3WEUowAfl"> (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__enable_variable_operator","Concierge__enable_pushui","Significatio__enable_by_tenant","DevPro__enable_developer_subscriptions","Profiles__enable_complete_playlist_endpoint","Cloud__enable_cloudx_experiment_ids","Profiles__enable_profile_collections","MiscFeatureFlags__enable_project_variables","Profiles__enable_completequiz_endpoint","MiscFeatureFlags__enable_firebase_utm","Search__enable_page_map","Profiles__enable_recognition_badges","Cloud__enable_free_trial_server_call","CloudShell__cloud_shell_button","Search__enable_ai_eligibility_checks","EngEduTelemetry__enable_engedu_telemetry","TpcFeatures__enable_unmirrored_page_left_nav","MiscFeatureFlags__enable_view_transitions","Analytics__enable_clearcut_logging","Experiments__reqs_query_experiments","Profiles__enable_stripe_subscription_management","MiscFeatureFlags__enable_dark_theme","Search__enable_dynamic_content_confidential_banner","Profiles__enable_page_saving","MiscFeatureFlags__enable_explain_this_code","Cloud__enable_cloud_shell","MiscFeatureFlags__emergency_css","BookNav__enable_tenant_cache_key","Profiles__enable_developer_profiles_callout","Search__enable_ai_search_summaries","DevPro__enable_cloud_innovators_plus","TpcFeatures__enable_mirror_tenant_redirects","Profiles__enable_public_developer_profiles","Profiles__enable_awarding_url","Cloud__enable_llm_concierge_chat","Profiles__enable_dashboard_curated_recommendations","Cloud__enable_cloud_facet_chat","MiscFeatureFlags__developers_footer_image","Cloud__enable_cloud_dlp_service","Cloud__enable_cloud_shell_fte_user_flow","Cloud__enable_legacy_calculator_redirect","Cloud__enable_cloudx_ping","Search__enable_suggestions_from_borg","Profiles__enable_completecodelab_endpoint","CloudShell__cloud_code_overflow_menu","Profiles__enable_release_notes_notifications","Profiles__require_profile_eligibility_for_signin","Profiles__enable_join_program_group_endpoint","MiscFeatureFlags__developers_footer_dark_image"],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

Add multi-density vector graphics | Android Studio | Android Developers