Vết cắt trên màn hình

Android 9 hỗ trợ thêm việc triển khai nhiều loại vết cắt trên màn hình trên các thiết bị. Phần cắt màn hình cho phép bạn tạo trải nghiệm sống động, tràn viền trong khi vẫn có không gian cho các cảm biến quan trọng ở mặt trước thiết bị.

Vết cắt trên màn hình ở trên cùng chính giữa

Hình 1. Vết cắt trên màn hình ở trên cùng chính giữa

Android 9 hỗ trợ các loại phần cắt sau:

  • Chính giữa trên cùng: Vết cắt ở chính giữa cạnh trên
  • Chưa được nhập trên cùng: Vết cắt có thể nằm ở góc hoặc hơi lệch chính giữa
  • Dưới cùng: Phần cắt ở dưới cùng
  • Kép: Một phần cắt ở trên cùng và một phần cắt ở dưới cùng

Ví dụ và nguồn

Mã trình quản lý cửa sổ sau đây tại PhoneWindowManager.java cho biết cách các khung hiển thị được lồng vào vùng an toàn khi không đặt LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS.

// 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 hiển thị trong vùng cắt và cần xác định vị trí có thể vẽ. PhoneStatusBarView.java cung cấp ví dụ về một thành phần hiển thị xác định vị trí của phần cắt màn hình, kích thước của phần cắt và liệu phần lồng ghép từ thanh điều hướng có tránh được khu vực cắt hay không.

Bằng cách ghi đè onApplyWindowInsets(), một thành phần hiển thị có thể xác định vị trí của phần cắt và cập nhật bố cục của thành phần hiển thị đó cho phù hợp.

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

Các phương thức này trình bày cách xử lý phần cắt trong thanh trạng thái trong mọi trường hợp (tức là ở giữa trên cùng, không ở giữa trên cùng, ở dưới cùng và phần cắt kép trong mọi chế độ xoay).

Yêu cầu

Để đảm bảo ứng dụng không bị ảnh hưởng tiêu cực bởi các phần cắt, bạn phải đảm bảo rằng:

  • Thanh trạng thái mở rộng tối thiểu đến chiều cao của vết cắt ở chế độ dọc
  • Khu vực cắt phải có dạng hòm thư ở chế độ toàn màn hình và chế độ ngang

Thiết bị của bạn có thể có tối đa một phần cắt trên mỗi cạnh ngắn (trên cùng và dưới cùng).

Để biết thêm thông tin, hãy xem CDD.

Triển khai

Để triển khai phần cắt màn hình trên thiết bị, bạn phải định cấu hình các giá trị sau cho Giao diện người dùng hệ thống.

Giá trị Mô tả
quick_qs_offset_height

Xác định lề trên cùng cho bảng điều khiển cài đặt nhanh. Đồng hồ và pin sẽ hiển thị trong không gian phía trên bảng điều khiển.

Trong values-land, hãy đặt thành status_bar_height_landscape và trong chế độ dọc, hãy đặt thành 48 dp mặc định hoặc chiều cao của phần cắt, tuỳ theo giá trị nào lớn hơn. Có thể cao hơn phần cắt nếu bạn muốn.

quick_qs_total_height

Tổng chiều cao của bảng điều khiển cài đặt nhanh (bảng điều khiển cài đặt nhanh thu gọn) khi mở rộng ngăn thông báo, bao gồm cả không gian phía trên bảng điều khiển chứa đồng hồ.

Do cách bố trí các chế độ cài đặt nhanh, nên tổng chiều cao của bảng điều khiển cài đặt nhanh (bao gồm cả độ lệch) phải được xác định theo phương thức tĩnh, do đó, giá trị này phải được điều chỉnh bằng cùng một quick_qs_offset_height delta. Giá trị mặc định của chế độ ngang là 152 dp, còn chế độ dọc là 176 dp.

status_bar_height_portrait

Chiều cao mặc định của thanh trạng thái theo quan điểm của khung.

Trong hầu hết các thiết bị, giá trị này mặc định là 24 dp. Khi có một vết cắt, hãy đặt giá trị này thành chiều cao của vết cắt. Có thể tuỳ ý cao hơn phần cắt nếu muốn.

status_bar_height_landscape

Chiều cao của thanh trạng thái ở chế độ ngang. Phần cắt chỉ được hỗ trợ trên các cạnh ngắn của thiết bị, vì vậy, đây sẽ luôn là chiều cao thanh trạng thái không thay đổi.

Trên một thiết bị không có vết cắt, giá trị này tương đương với status_bar_height_portrait. Khi có phần cắt, hãy giữ giá trị này ở chiều cao thanh trạng thái mặc định.

config_mainBuiltInDisplayCutout

Đường dẫn xác định hình dạng của phần cắt. Đây là một chuỗi được android.util.PathParser phân tích cú pháp, đồng thời cũng là cách xác định kích thước và hình dạng của vết cắt cho hệ thống.

Bạn có thể chỉ định @dp trên đường dẫn để mô phỏng một hình dạng nhắm đến nhiều thiết bị. Vì các vết cắt vật lý có kích thước pixel chính xác, đừng sử dụng thông số kỹ thuật @dp khi xác định đường dẫn cho vết cắt phần cứng.

config_fillMainBuiltinDisplayCutout

Giá trị boolean xác định xem có vẽ đường dẫn cắt (được xác định ở trên) trong phần mềm hay không. Có thể dùng để mô phỏng một phần cắt hoặc để lấp đầy một phần cắt thực tế nhằm đạt được hiệu ứng khử răng cưa.

Nếu đúng, config_mainBuiltInDisplayCutout sẽ được tô màu đen.

Hãy xem dimens tệp này để biết định nghĩa mặc định:

Lớp phủ mẫu cho phần cắt được mô phỏng:

<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>

Xác nhận kết quả

Để xác thực việc triển khai phần cắt màn hình, hãy chạy các kiểm thử CTS tại tests/framework/base/windowmanager/src/android/server/wm.