Bawa aplikasi Android Anda ke Surface Duo
Di bagian ini, kita akan membahas beberapa cara untuk menguji aplikasi Anda di layar ganda, lalu meningkatkannya untuk memanfaatkan sepenuhnya layar dan postur yang disediakan oleh Surface Duo.
Secara default, aplikasi Android Anda akan berjalan di Surface Duo pada satu layar, seperti yang terjadi pada perangkat Android apa pun. Namun, layar ganda dan postur fleksibel menciptakan peluang baru bagi aplikasi Anda untuk menonjol. Mereka juga memungkinkan pelanggan Anda menggunakan aplikasi Anda dengan cara baru yang mungkin belum Anda antisipasi.
Ada tiga langkah utama yang harus diikuti untuk membawa aplikasi Anda ke Surface Duo:
- Uji aplikasi Anda - gunakan Emulator Duo untuk memastikannya berfungsi.
- Buat perubahan bertambah bertahap - gunakan ANDROID Native API dan Pustaka sehingga aplikasi Anda berfungsi lebih baik di perangkat layar ganda bahkan saat berjalan berdampingan dalam mode layar tunggal.
- Rangkul fitur baru - gunakan Surface Duo Preview SDK kami dan pola aplikasi layar ganda untuk memanfaatkan kemampuan baru yang disediakan oleh Surface Duo.
Langkah 1: Uji aplikasi Anda
Gunakan emulator Surface Duo untuk menguji aplikasi Anda. Secara default, ini akan berjalan sebagai pengalaman layar tunggal.
Di emulator, aktifkan rotasi otomatis di Pengaturan. Lanjutkan pengujian aplikasi Anda dengan memindahkannya dari layar kiri ke layar kanan saat memutar perangkat di emulator.
Jika Anda mengalami masalah, pastikan Anda mengikuti panduan Android pada layar yang dapat diubah ukurannya dan pastikan Anda telah mengatur android:resizeableActivity="true". Untuk informasi selengkapnya, lihat Membangun aplikasi untuk foldable di developer.android.com.
Langkah 2: Membuat perubahan inkremental
Berikut adalah beberapa perubahan yang dapat menambahkan nilai ke aplikasi Anda saat berjalan di perangkat layar ganda. Dan karena perubahan ini menggunakan ANDROID Native API dan Libraries, perubahan ini juga menguntungkan aplikasi Anda pada faktor bentuk perangkat lain.
Pertimbangkan untuk menambahkan fitur ini ke aplikasi Anda jika belum memilikinya.
Menangani semua orientasi dan postur perangkat
Hapus "kunci" orientasi UX tertentu dan dukung semua postur perangkat.
Menambahkan dukungan seret dan letakkan
Seret dan letakkan memungkinkan pengguna berbagi data dengan mudah di antara bagian aplikasi, atau di antara aplikasi yang berbeda di dua layar.
Ikuti panduan Seret dan letakkan di develop.android.com untuk menerapkan seret dan letakkan di aplikasi Anda. Gunakan sampel Seret dan letakkan kami untuk melihat cara kerjanya.
Menambahkan dukungan multi-instans
Tambahkan dukungan multi-instans sehingga pengguna dapat menjalankan aplikasi Anda dengan dua instans, satu di setiap layar.
Tambahkan dukungan gambar dalam gambar
Ikuti panduan tentang develop.android.com untuk mengimplementasikan Dukungan Gambar dalam gambar di aplikasi Anda.
Luncurkan aktivitas baru di jendela lain
Pada perangkat layar ganda, wajar untuk meluncurkan aktivitas baru di layar kedua. Gunakan bendera FLAG_ACTIVITY_LAUNCH_ADJACENT niat untuk memberikan petunjuk kepada sistem untuk melakukan ini.
Lihat Luncurkan Aktivitas Baru dalam Mode Multi-Jendela di developer.android.com untuk informasi selengkapnya tentang bendera. Gunakan sampel layar Luncurkan ke layar kedua untuk melihat cara kerjanya.
Langkah 3: Merangkul fitur baru
Di sinilah keajaiban terjadi; Anda sekarang memiliki lebih banyak real estat layar untuk menampilkan aplikasi Anda. API layar ganda dibangun ke dalam gambar Surface Duo di emulator sehingga Anda dapat mencobanya dengan aplikasi Anda sendiri atau dengan salah satu sampel kami.
Di aplikasi Anda, pertama-tama tentukan apakah aplikasi berjalan di perangkat layar ganda. Ini memungkinkan Anda menggunakan kode yang sama di seluruh perangkat--tidak ada versi terpisah dari aplikasi Anda untuk Surface Duo. Saat aplikasi berjalan di perangkat layar ganda, Anda dapat menggunakan API layar ganda dari SDK untuk menyempurnakan aplikasi Anda.
Menjangkau aplikasi Anda
Menjangkau aplikasi Anda di kedua layar untuk memeriksa pengalaman pengguna end-to-end.
- Apakah jahitan mencakup konten aplikasi penting?
- Apakah Anda memiliki tombol di tengah?
- Apakah Anda perlu memposisikan ulang konten di tata letak Anda?
Gunakan DISPLAY Mask API untuk membuat aplikasi Anda berfungsi dengan jahitan.
Pertimbangkan sudut engsel
Anda dapat menggunakan Sensor Sudut Engsel untuk mendapatkan informasi tentang sudut engsel. Pertimbangkan apakah aplikasi Anda (mungkin game atau utilitas/aplikasi daya) dapat menggunakan sudut engsel untuk memberikan nilai kepada pengguna.
Menggunakan pola aplikasi layar ganda
Kami telah mengidentifikasi beberapa pola aplikasi layar ganda yang memungkinkan Anda memanfaatkan fakta ada dua layar. Pikirkan pola aplikasi mana yang sesuai dengan aplikasi dan pengguna Anda. Kami memiliki sampel untuk menunjukkan masing-masing pola ini. Coba di emulator, dan gunakan kode untuk melihat bagaimana Anda dapat mengimplementasikan masing-masing kode.
Berikut adalah beberapa pertimbangan desain dan tips untuk pola aplikasi ini.
- Pastikan toolbar aplikasi sadar mask.
- Sampel Kanvas yang Diperluas
- Sediakan item terpilih default, jika tidak, layar kanan akan tampak kosong.
- Pertimbangkan juga apa yang terjadi saat Anda memutar perangkat ke lanskap ganda. Apakah alur detail master tetap mengalir di layar atas-bawah? Kami menyarankan kedua layar digunakan untuk tampilan detail karena ada lebih banyak real estat untuk membaca konten.
- Sampel Daftar Detail
- Pertimbangkan bagaimana geser dikonfigurasi untuk penomoran halaman. Apakah Anda berpindah dari halaman 1-dan-2 ke halaman 2-dan-3 seperti kartu slide, atau dari halaman 1-dan-2 ke 3-dan-4 seperti membaca buku?
- Sampel Dua Halaman
- Pola ini memperlihatkan data yang sama dengan dua tampilan yang berbeda, jadi pastikan bahwa saat Anda mengubah item di satu layar, layar lain mencerminkan perubahan tersebut dan menjaga konten tetap sinkron.
- Sampel Tampilan Ganda
- Anda dapat mengubah tata letak kontrol tergantung pada orientasi perangkat dan memiliki tampilan yang berbeda saat kontrol berada di layar kanan dalam postur potret ganda vs. pada layar bawah dalam lanskap ganda.
- Sampel Panel Pendamping
Menyoroti pekerjaan Anda
Anda mungkin ingin memberi tahu pelanggan bahwa aplikasi Anda ditingkatkan untuk perangkat layar ganda. Berikut adalah beberapa ide yang perlu dipertimbangkan.
- Perbarui situs web atau halaman toko online Anda untuk mencerminkan pengalaman layar ganda.
- Berikan Pengalaman Eksekusi Pertama di aplikasi Anda dan penemuan UX untuk fitur layar ganda.
- Pertimbangkan untuk menyambungkan ke layanan Microsoft seperti Microsoft Graph untuk wawasan pengguna.