Tampilan Potongan

Android 9 menambahkan dukungan untuk menerapkan berbagai jenis potongan tampilan pada perangkat. Potongan tampilan memungkinkan Anda menciptakan pengalaman yang imersif dan menyeluruh sambil tetap memberikan ruang untuk sensor penting di bagian depan perangkat.

Potongan tampilan tengah atas

Gambar 1. Potongan tampilan tengah atas

Android 9 mendukung jenis guntingan berikut:

  • Tengah atas: Potongan di tengah tepi atas
  • Bagian atas tidak di tengah: Potongan mungkin berada di sudut atau sedikit keluar dari tengah
  • Bawah: Potongan di bagian bawah
  • Ganda: Satu potongan di atas dan satu di bawah

Contoh dan sumber

Kode pengelola jendela berikut di PhoneWindowManager.java menunjukkan bagaimana bingkai tampilan dimasukkan ke area aman ketika LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS tidak disetel.

// Ensure that windows with a DEFAULT or NEVER display cutout mode are laid out in
// the cutout safe zone.
if (cutoutMode != LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS) {
    final Rect displayCutoutSafeExceptMaybeBars = mTmpDisplayCutoutSafeExceptMaybeBarsRect;
    displayCutoutSafeExceptMaybeBars.set(displayFrames.mDisplayCutoutSafe);
    if (layoutInScreen && layoutInsetDecor && !requestedFullscreen
            && cutoutMode == LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT) {
        // At the top we have the status bar, so apps that are
        // LAYOUT_IN_SCREEN | LAYOUT_INSET_DECOR but not FULLSCREEN
        // already expect that there's an inset there and we don't need to exclude
        // the window from that area.
        displayCutoutSafeExceptMaybeBars.top = Integer.MIN_VALUE;
    }
    if (layoutInScreen && layoutInsetDecor && !requestedHideNavigation
            && cutoutMode == LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT) {
        // Same for the navigation bar.
        switch (mNavigationBarPosition) {
            case NAV_BAR_BOTTOM:
                displayCutoutSafeExceptMaybeBars.bottom = Integer.MAX_VALUE;
                break;
            case NAV_BAR_RIGHT:
                displayCutoutSafeExceptMaybeBars.right = Integer.MAX_VALUE;
                break;
            case NAV_BAR_LEFT:
                displayCutoutSafeExceptMaybeBars.left = Integer.MIN_VALUE;
                break;
        }
    }
    if (type == TYPE_INPUT_METHOD && mNavigationBarPosition == NAV_BAR_BOTTOM) {
        // The IME can always extend under the bottom cutout if the navbar is there.
        displayCutoutSafeExceptMaybeBars.bottom = Integer.MAX_VALUE;
    }
    // Windows that are attached to a parent and laid out in said parent already avoid
    // the cutout according to that parent and don't need to be further constrained.
    // Floating IN_SCREEN windows get what they ask for and lay out in the full screen.
    // They will later be cropped or shifted using the displayFrame in WindowState,
    // which prevents overlap with the DisplayCutout.
    if (!attachedInParent && !floatingInScreenWindow) {
        mTmpRect.set(pf);
        pf.intersectUnchecked(displayCutoutSafeExceptMaybeBars);
        parentFrameWasClippedByDisplayCutout |= !mTmpRect.equals(pf);
    }
    // Make sure that NO_LIMITS windows clipped to the display don't extend under the
    // cutout.
    df.intersectUnchecked(displayCutoutSafeExceptMaybeBars);
}

SystemUI merender di area potongan, dan perlu menentukan di mana ia dapat menggambar. PhoneStatusBarView.java memberikan contoh tampilan yang menentukan di mana potongan tampilan, seberapa besar, dan apakah sisipan dari bilah navigasi menghindari area potongan atau tidak.

Dengan onApplyWindowInsets() , tampilan dapat menentukan di mana potongan berada dan memperbarui tata letaknya sesuai dengan itu.

@Override
    public WindowInsets onApplyWindowInsets(WindowInsets insets) {
        if (updateOrientationAndCutout(mLastOrientation)) {
            updateLayoutForCutout();
            requestLayout();
        }
        return super.onApplyWindowInsets(insets);
    }

Metode ini menguraikan bagaimana potongan ditangani di bilah status dalam semua kasus (yaitu tengah atas, atas tidak terpusat, bawah, dan pemotongan ganda di semua rotasi).

Persyaratan

Untuk memastikan bahwa aplikasi tidak terpengaruh secara negatif oleh pemutusan, Anda harus memastikan bahwa:

  • Bilah status memanjang setidaknya hingga ketinggian potongan dalam mode potret
  • Area potongan harus diberi kotak surat dalam mode layar penuh dan lanskap

Perangkat Anda dapat memiliki hingga satu potongan di setiap tepi pendek (atas dan bawah).

Untuk informasi lebih lanjut, lihat CDD .

Penerapan

Untuk menerapkan potongan tampilan pada perangkat Anda, Anda harus mengonfigurasi nilai berikut untuk UI Sistem.

Nilai Keterangan
quick_qs_offset_height

Menentukan margin atas untuk panel pengaturan cepat. Jam dan baterai ditampilkan di ruang di atas panel.

Dalam nilai-tanah, setel ke status_bar_height_landscape , dan dalam potret setel ke default 48dp, atau tinggi potongan, mana saja yang lebih besar. Opsional dapat lebih tinggi dari potongan jika diinginkan.

quick_qs_total_height

Tinggi total panel pengaturan cepat cepat (panel pengaturan cepat yang diciutkan) saat bayangan pemberitahuan diperluas, termasuk ruang di atas panel yang berisi jam.

Karena cara pengaturan cepat ditata, tinggi total panel pengaturan cepat-cepat (termasuk offset) harus diketahui secara statis, jadi nilai ini harus disesuaikan dengan delta quick_qs_offset_height yang sama. Nilai-land default ini ke 152dp, sedangkan default potret adalah 176dp.

status_bar_height_portrait

Ketinggian default bilah status dari perspektif kerangka kerja.

Di sebagian besar perangkat, ini default ke 24dp. Saat ada potongan, atur nilai ini ke ketinggian potongan. Opsional dapat lebih tinggi dari potongan jika diinginkan.

status_bar_height_landscape

Ketinggian bilah status dalam lanskap. Potongan hanya didukung di tepi pendek perangkat, jadi ini akan selalu menjadi ketinggian bilah status yang tidak berubah.

Di perangkat tanpa potongan, ini setara dengan status_bar_height_portrait . Saat ada potongan, pertahankan nilai ini pada ketinggian bilah status default.

config_mainBuiltInDisplayCutout

Jalur yang menentukan bentuk potongan. Ini adalah string yang dapat diurai oleh android.util.PathParser , dan bagaimana ukuran dan bentuk potongan didefinisikan ke sistem.

@dp dapat ditentukan di jalur untuk meniru bentuk yang menargetkan perangkat yang berbeda. Karena potongan fisik memiliki ukuran piksel yang tepat, jangan gunakan @dp saat menentukan jalur untuk takik perangkat keras.

config_fillMainBuiltinDisplayCutout

Nilai boolean yang menentukan apakah akan menggambar jalur potongan (didefinisikan di atas) dalam perangkat lunak. Dapat digunakan untuk meniru potongan, atau untuk mengisi potongan fisik untuk mencapai anti-aliasing.

Jika benar, config_mainBuiltInDisplayCutout diisi dengan warna hitam.

Lihat file dimens ini untuk definisi default:

Contoh overlay untuk cutout yang ditiru:

<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">

    <!-- The bounding path of the cutout region of the main built-in display.
         Must either be empty if there is no cutout region, or a string that is parsable by
         {@link android.util.PathParser}.

         The path is assumed to be specified in display coordinates with pixel units and in
         the display's native orientation, with the origin of the coordinate system at the
         center top of the display.

         To facilitate writing device-independent emulation overlays, the marker `@dp` can be
         appended after the path string to interpret coordinates in dp instead of px units.
         Note that a physical cutout should be configured in pixels for the best results.
         -->
    <string translatable="false" name="config_mainBuiltInDisplayCutout">
        M 0,0
        L -48, 0
        L -44.3940446283, 36.0595537175
        C -43.5582133885, 44.4178661152 -39.6, 48.0 -31.2, 48.0
        L 31.2, 48.0
        C 39.6, 48.0 43.5582133885, 44.4178661152 44.3940446283, 36.0595537175
        L 48, 0
        Z
        @dp
    </string>

    <!-- Whether the display cutout region of the main built-in display should be forced to
         black in software (to avoid aliasing or emulate a cutout that is not physically existent).
     -->
    <bool name="config_fillMainBuiltInDisplayCutout">true</bool>

    <!-- Height of the status bar -->
    <dimen name="status_bar_height_portrait">48dp</dimen>
    <dimen name="status_bar_height_landscape">28dp</dimen>
    <!-- Height of area above QQS where battery/time go (equal to status bar height if > 48dp) -->
    <dimen name="quick_qs_offset_height">48dp</dimen>
    <!-- Total height of QQS (quick_qs_offset_height + 128) -->
    <dimen name="quick_qs_total_height">176dp</dimen>

</resources>

Validasi

Untuk memvalidasi implementasi potongan tampilan Anda, jalankan tes CTS di tes/framework/base/windowmanager/src/android/server/wm .

,

Android 9 menambahkan dukungan untuk menerapkan berbagai jenis potongan tampilan pada perangkat. Potongan tampilan memungkinkan Anda menciptakan pengalaman yang imersif dan menyeluruh sambil tetap memberikan ruang untuk sensor penting di bagian depan perangkat.

Potongan tampilan tengah atas

Gambar 1. Potongan tampilan tengah atas

Android 9 mendukung jenis guntingan berikut:

  • Tengah atas: Potongan di tengah tepi atas
  • Bagian atas tidak di tengah: Potongan mungkin berada di sudut atau sedikit keluar dari tengah
  • Bawah: Potongan di bagian bawah
  • Ganda: Satu potongan di atas dan satu di bawah

Contoh dan sumber

Kode pengelola jendela berikut di PhoneWindowManager.java menunjukkan bagaimana bingkai tampilan dimasukkan ke area aman ketika LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS tidak disetel.

// Ensure that windows with a DEFAULT or NEVER display cutout mode are laid out in
// the cutout safe zone.
if (cutoutMode != LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS) {
    final Rect displayCutoutSafeExceptMaybeBars = mTmpDisplayCutoutSafeExceptMaybeBarsRect;
    displayCutoutSafeExceptMaybeBars.set(displayFrames.mDisplayCutoutSafe);
    if (layoutInScreen && layoutInsetDecor && !requestedFullscreen
            && cutoutMode == LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT) {
        // At the top we have the status bar, so apps that are
        // LAYOUT_IN_SCREEN | LAYOUT_INSET_DECOR but not FULLSCREEN
        // already expect that there's an inset there and we don't need to exclude
        // the window from that area.
        displayCutoutSafeExceptMaybeBars.top = Integer.MIN_VALUE;
    }
    if (layoutInScreen && layoutInsetDecor && !requestedHideNavigation
            && cutoutMode == LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT) {
        // Same for the navigation bar.
        switch (mNavigationBarPosition) {
            case NAV_BAR_BOTTOM:
                displayCutoutSafeExceptMaybeBars.bottom = Integer.MAX_VALUE;
                break;
            case NAV_BAR_RIGHT:
                displayCutoutSafeExceptMaybeBars.right = Integer.MAX_VALUE;
                break;
            case NAV_BAR_LEFT:
                displayCutoutSafeExceptMaybeBars.left = Integer.MIN_VALUE;
                break;
        }
    }
    if (type == TYPE_INPUT_METHOD && mNavigationBarPosition == NAV_BAR_BOTTOM) {
        // The IME can always extend under the bottom cutout if the navbar is there.
        displayCutoutSafeExceptMaybeBars.bottom = Integer.MAX_VALUE;
    }
    // Windows that are attached to a parent and laid out in said parent already avoid
    // the cutout according to that parent and don't need to be further constrained.
    // Floating IN_SCREEN windows get what they ask for and lay out in the full screen.
    // They will later be cropped or shifted using the displayFrame in WindowState,
    // which prevents overlap with the DisplayCutout.
    if (!attachedInParent && !floatingInScreenWindow) {
        mTmpRect.set(pf);
        pf.intersectUnchecked(displayCutoutSafeExceptMaybeBars);
        parentFrameWasClippedByDisplayCutout |= !mTmpRect.equals(pf);
    }
    // Make sure that NO_LIMITS windows clipped to the display don't extend under the
    // cutout.
    df.intersectUnchecked(displayCutoutSafeExceptMaybeBars);
}

SystemUI merender di area potongan, dan perlu menentukan di mana ia dapat menggambar. PhoneStatusBarView.java memberikan contoh tampilan yang menentukan di mana potongan tampilan, seberapa besar, dan apakah sisipan dari bilah navigasi menghindari area potongan atau tidak.

Dengan onApplyWindowInsets() , tampilan dapat menentukan di mana potongan berada dan memperbarui tata letaknya sesuai dengan itu.

@Override
    public WindowInsets onApplyWindowInsets(WindowInsets insets) {
        if (updateOrientationAndCutout(mLastOrientation)) {
            updateLayoutForCutout();
            requestLayout();
        }
        return super.onApplyWindowInsets(insets);
    }

Metode ini menguraikan bagaimana potongan ditangani di bilah status dalam semua kasus (yaitu tengah atas, atas tidak terpusat, bawah, dan pemotongan ganda di semua rotasi).

Persyaratan

Untuk memastikan bahwa aplikasi tidak terpengaruh secara negatif oleh pemutusan, Anda harus memastikan bahwa:

  • Bilah status memanjang setidaknya hingga ketinggian potongan dalam mode potret
  • Area potongan harus diberi kotak surat dalam mode layar penuh dan lanskap

Perangkat Anda dapat memiliki hingga satu potongan di setiap tepi pendek (atas dan bawah).

Untuk informasi lebih lanjut, lihat CDD .

Penerapan

Untuk menerapkan potongan tampilan pada perangkat Anda, Anda harus mengonfigurasi nilai berikut untuk UI Sistem.

Nilai Keterangan
quick_qs_offset_height

Menentukan margin atas untuk panel pengaturan cepat. Jam dan baterai ditampilkan di ruang di atas panel.

Dalam nilai-tanah, setel ke status_bar_height_landscape , dan dalam potret setel ke default 48dp, atau tinggi potongan, mana saja yang lebih besar. Opsional dapat lebih tinggi dari potongan jika diinginkan.

quick_qs_total_height

Tinggi total panel pengaturan cepat cepat (panel pengaturan cepat yang diciutkan) saat bayangan pemberitahuan diperluas, termasuk ruang di atas panel yang berisi jam.

Karena cara pengaturan cepat ditata, tinggi total panel pengaturan cepat-cepat (termasuk offset) harus diketahui secara statis, jadi nilai ini harus disesuaikan dengan delta quick_qs_offset_height yang sama. Nilai-land default ini ke 152dp, sedangkan default potret adalah 176dp.

status_bar_height_portrait

Ketinggian default bilah status dari perspektif kerangka kerja.

Di sebagian besar perangkat, ini default ke 24dp. Saat ada potongan, atur nilai ini ke ketinggian potongan. Opsional dapat lebih tinggi dari potongan jika diinginkan.

status_bar_height_landscape

Ketinggian bilah status dalam lanskap. Potongan hanya didukung di tepi pendek perangkat, jadi ini akan selalu menjadi ketinggian bilah status yang tidak berubah.

Di perangkat tanpa potongan, ini setara dengan status_bar_height_portrait . Saat ada potongan, pertahankan nilai ini pada ketinggian bilah status default.

config_mainBuiltInDisplayCutout

Jalur yang menentukan bentuk potongan. Ini adalah string yang dapat diurai oleh android.util.PathParser , dan bagaimana ukuran dan bentuk potongan didefinisikan ke sistem.

@dp dapat ditentukan di jalur untuk meniru bentuk yang menargetkan perangkat yang berbeda. Karena potongan fisik memiliki ukuran piksel yang tepat, jangan gunakan @dp saat menentukan jalur untuk takik perangkat keras.

config_fillMainBuiltinDisplayCutout

Nilai boolean yang menentukan apakah akan menggambar jalur potongan (didefinisikan di atas) dalam perangkat lunak. Dapat digunakan untuk meniru potongan, atau untuk mengisi potongan fisik untuk mencapai anti-aliasing.

Jika benar, config_mainBuiltInDisplayCutout diisi dengan warna hitam.

Lihat file dimens ini untuk definisi default:

Contoh overlay untuk cutout yang ditiru:

<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">

    <!-- The bounding path of the cutout region of the main built-in display.
         Must either be empty if there is no cutout region, or a string that is parsable by
         {@link android.util.PathParser}.

         The path is assumed to be specified in display coordinates with pixel units and in
         the display's native orientation, with the origin of the coordinate system at the
         center top of the display.

         To facilitate writing device-independent emulation overlays, the marker `@dp` can be
         appended after the path string to interpret coordinates in dp instead of px units.
         Note that a physical cutout should be configured in pixels for the best results.
         -->
    <string translatable="false" name="config_mainBuiltInDisplayCutout">
        M 0,0
        L -48, 0
        L -44.3940446283, 36.0595537175
        C -43.5582133885, 44.4178661152 -39.6, 48.0 -31.2, 48.0
        L 31.2, 48.0
        C 39.6, 48.0 43.5582133885, 44.4178661152 44.3940446283, 36.0595537175
        L 48, 0
        Z
        @dp
    </string>

    <!-- Whether the display cutout region of the main built-in display should be forced to
         black in software (to avoid aliasing or emulate a cutout that is not physically existent).
     -->
    <bool name="config_fillMainBuiltInDisplayCutout">true</bool>

    <!-- Height of the status bar -->
    <dimen name="status_bar_height_portrait">48dp</dimen>
    <dimen name="status_bar_height_landscape">28dp</dimen>
    <!-- Height of area above QQS where battery/time go (equal to status bar height if > 48dp) -->
    <dimen name="quick_qs_offset_height">48dp</dimen>
    <!-- Total height of QQS (quick_qs_offset_height + 128) -->
    <dimen name="quick_qs_total_height">176dp</dimen>

</resources>

Validasi

Untuk memvalidasi implementasi potongan tampilan Anda, jalankan tes CTS di tes/framework/base/windowmanager/src/android/server/wm .