Mendesain untuk aplikasi yang dibedakan di Android XR
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Android XR mendukung aplikasi dalam berbagai tahap pengembangan. Framework ini dibuat untuk
meminimalkan upaya yang diperlukan developer untuk membuat aplikasi untuk beberapa
platform dan faktor bentuk.
Android XR otomatis menjalankan aplikasi Android yang kompatibel dan dirancang untuk perangkat seluler dan
layar besar. Dengan beberapa adaptasi, Anda dapat mengonversinya menjadi aplikasi
yang berbeda jika ingin membuatnya terasa lebih imersif.
Aplikasi seluler yang kompatibel dengan XR
Aplikasi seluler yang ada dan belum
diubah untuk beradaptasi dengan perangkat layar besar atau faktor bentuk lainnya. Jenis aplikasi ini
otomatis kompatibel dengan Android XR selama tidak
memerlukan fitur apa pun
yang tidak didukung, seperti
telepon. Pengguna dapat menyelesaikan alur tugas penting. Aplikasi tersebut otomatis
tersedia di Play Store.
Aplikasi perangkat layar besar yang kompatibel dengan XR
Aplikasi Android
Tingkat 1
atau Tingkat 2
layar besar yang telah menerapkan pengoptimalan tata letak untuk semua ukuran layar dan
konfigurasi perangkat (misalnya, layar besar selain perangkat seluler), beserta
dukungan yang ditingkatkan untuk perangkat input eksternal dan multitasking. Aplikasi tersebut
otomatis tersedia di Play Store.
Aplikasi yang terdiferensiasi untuk XR
Aplikasi yang terdiferensiasi untuk XR memiliki pengalaman pengguna yang dirancang secara eksplisit untuk XR, dan
menerapkan fitur yang hanya ditawarkan di XR. Anda dapat memanfaatkan sepenuhnya
kemampuan Android XR dan membedakan pengalaman aplikasi dengan menambahkan fitur
XR seperti panel spasial atau konten XR seperti video 3D.
Mendesain aplikasi Android XR yang berbeda
Saat berjalan dalam Ruang Penuh, aplikasi XR Anda dapat menggunakan fitur untuk menciptakan perasaan
kehadiran dan tingkat interaksi yang lebih dalam. Untuk memanfaatkan kanvas
tanpa batas, pertimbangkan untuk menambahkan elemen berikut:
Ajak pengguna ke ruang baru dan tingkatkan fokus dengan tampilan imersif
yang dibuat khusus.
Tips untuk memulai dengan cepat
Sesuaikan UI aplikasi Anda sesuka Anda, seperti di Android.
Ikuti pedoman perangkat layar besar Desain Material untuk memastikan aplikasi terlihat dan
berfungsi dengan benar dalam ukuran apa pun.
Ikuti rekomendasi desain visual Android XR untuk tipografi, warna,
dan gerakan. Pertimbangkan untuk menggunakan komponen Desain Material agar
aplikasi Anda terasa native untuk platform.
Identifikasi momen-momen penting saat fitur spasial akan meningkatkan pengalaman pengguna
dan membuka kemampuan unik XR.
Tambahkan isyarat visual yang jelas agar pengguna dapat beralih dengan cepat antara Ruang Penuh dan Ruang
Utama. Misalnya, Anda dapat menggunakan ikon ciutkan konten dan
perluas konten untuk tombol guna memicu transisi.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-26 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-26 UTC."],[],[],null,["# Design for Android XR differentiated apps\n\nAndroid XR supports apps in different stages of development. It's built to\nminimize the effort it takes for a developer to create an app for multiple\nplatforms and form factors.\n\nAndroid XR automatically runs compatible Android apps designed for mobile and\nlarge screens. With a few adaptations, you can convert it to a differentiated\napp if you want to make it feel more immersive.\n\n\n**XR compatible mobile app**\n\nAn existing [mobile](/design/ui/mobile) app that hasn't been\nmodified to adapt to a large screen or any other form factor. This type of app\nis automatically compatible with Android XR as long as it doesn't\n[require any features](/guide/topics/manifest/uses-feature-element)\nthat are [unsupported](/develop/xr/get-started#app-manifest), such\nas telephony. Users can complete critical task flows. They are automatically\nmade available on the Play Store.\n\n**XR compatible large screen app**\n\nA large screen\n[Tier 1](/docs/quality-guidelines/large-screen-app-quality#large_screen_differentiated)\nor [Tier 2](/docs/quality-guidelines/large-screen-app-quality#large_screen_optimized)\nAndroid app that has implemented layout optimizations for all screen sizes and\ndevice configurations (for example, large screens in addition to mobile), along\nwith enhanced support for external input devices and multitasking. They are\nautomatically made available on the Play Store.\n\n**XR differentiated app**\n\nAn XR differentiated app has a user experience explicitly designed for XR, and\nit implements features that are only offered on XR. You can take full advantage\nof Android XR capabilities and differentiate your app's experiences by adding XR\nfeatures like spatial panels or XR content such as a 3D video.\n\n\u003cbr /\u003e\n\nDesign Android XR differentiated apps\n-------------------------------------\n\nWhen running in Full Space, your XR app can use features to create a sense of\npresence and deeper level of engagement. To take advantage of the infinite\ncanvas, consider adding the following elements:\n\n\n[Spatial panels](/design/ui/xr/guides/spatial-ui)\n\nExpand your app across a user's space without constraints. Users can move\npanels for a personalized experience. \n\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/videos/design/ui/xr/xr-3d-content-opt.mp4) and watch it with a video player.\n\n[3D models](/design/ui/xr/guides/3d-content)\n\nEncourage hands-on learning and exploration with 3D models that users\ncan rotate, resize, and move. \n\n[Spatial environments](/design/ui/xr/guides/environments)\n\nTransport users to a new space and heighten focus with custom-built\nimmersive scenes.\n\n\u003cbr /\u003e\n\nTips to get started quickly\n---------------------------\n\n- Customize your app UI however you like, just like on Android.\n- Follow Material Design's [large-screen guidelines](/docs/quality-guidelines/large-screen-app-quality) to ensure apps look and function correctly at any size.\n- Follow Android XR [visual design](/design/ui/xr/guides/visual-design) recommendations for typography, colors, and [motion](/design/ui/xr/guides/motion). Consider using [Material Design components](https://m3.material.io/components) to make your app feel native to the platform.\n- Identify key moments where spatial features will improve the user experience and unlock the unique capabilities of XR.\n- Add clear visual cues to let users quickly switch between Full Space and Home Space. For example, you can use [collapse content](https://fonts.google.com/icons?icon.query=collapse+content) and [expand content](https://fonts.google.com/icons?icon.query=expand+content) icons for buttons to trigger transitions."]]
