หน้าจอรอยบาก

Android 9 เพิ่มการรองรับการใช้งานหน้าจอรอยบากประเภทต่างๆ บนอุปกรณ์ หน้าจอรอยบากช่วยให้คุณสร้างประสบการณ์ที่สมจริงและเต็มจอ ขณะที่ยังมีพื้นที่สำหรับเซ็นเซอร์ที่สำคัญที่ด้านหน้าอุปกรณ์

หน้าจอรอยบากตรงกลางด้านบน

รูปที่ 1 คัตเอาท์ดิสเพลย์ตรงกลางด้านบน

Android 9 รองรับหน้าจอรอยบากประเภทต่อไปนี้

  • ตรงกลางด้านบน: เจาะรูที่ตรงกลางของขอบด้านบน
  • ไม่อยู่ตรงกลางด้านบน: ขอบอาจอยู่ที่มุมหรือเกินกึ่งกลางเล็กน้อย
  • ด้านล่าง: มีการเจาะที่ด้านล่าง
  • คู่: คัตเอาต์ 1 ชิ้นที่ด้านบนและอีก 1 คัตที่ด้านล่าง

ตัวอย่างและแหล่งที่มา

โค้ดตัวจัดการหน้าต่างต่อไปนี้ที่ PhoneWindowManager.java จะแสดงวิธีที่เฟรมการแสดงผลฝังอยู่ในพื้นที่ปลอดภัยเมื่อไม่ได้ตั้งค่า 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 จะแสดงผลในพื้นที่ที่ตัดออก และต้องกำหนดตำแหน่งที่วาดได้ PhoneStatusBarView.java ให้ตัวอย่างมุมมองที่กําหนดตําแหน่งส่วนที่ตัดออกของจอแสดงผล ขนาดของส่วนที่ตัดออก และส่วนตัดจากแถบนําทางหลีกเลี่ยงพื้นที่ที่ตัดออกหรือไม่

การลบล้าง onApplyWindowInsets() จะช่วยให้มุมมองระบุตําแหน่งส่วนที่ตัดออกและอัปเดตเลย์เอาต์ได้

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

วิธีการเหล่านี้จะอธิบายวิธีการจัดการรอยบากในแถบสถานะในทุกกรณี (เช่น ตรงกลางด้านบน ด้านบนไม่อยู่กึ่งกลาง ด้านล่าง และแบบตัดคู่ด้านในทุกการหมุน)

ข้อกำหนด

คุณต้องตรวจสอบสิ่งต่อไปนี้เพื่อไม่ให้แอปได้รับผลกระทบเชิงลบจากส่วนที่ถูกตัดออก

  • แถบสถานะจะขยายความสูงอย่างน้อยเท่ากับส่วนที่ถูกตัดออกในโหมดแนวตั้ง
  • พื้นที่ที่ถูกตัดออกต้องเป็นแบบ Letterbox ในโหมดเต็มหน้าจอและโหมดแนวนอน

อุปกรณ์ของคุณอาจมีส่วนตัดออกได้สูงสุด 1 ชิ้นในแต่ละขอบสั้น (ด้านบนและด้านล่าง)

ดูข้อมูลเพิ่มเติมได้ที่ CDD

การใช้งาน

หากต้องการใช้หน้าจอรอยบากในอุปกรณ์ คุณต้องกำหนดค่าต่อไปนี้สำหรับ UI ของระบบ

ค่า คำอธิบาย
quick_qs_offset_height

กำหนดระยะขอบด้านบนสำหรับแผงการตั้งค่าด่วน นาฬิกาและแบตเตอรี่จะแสดงในพื้นที่เหนือแผง

ในโหมดแนวนอน ให้ตั้งค่าเป็น status_bar_height_landscape และในโหมดแนวตั้ง ให้ตั้งค่าเป็นค่าเริ่มต้น 48 dp หรือความสูงของภาพตัด ซึ่งค่าใดจะมากกว่าก็ใช้ค่านั้น สามารถสูงกว่าส่วนที่ถูกตัดออกได้หากต้องการ
quick_qs_total_height

ความสูงทั้งหมดของแผงการตั้งค่าด่วน (แผงการตั้งค่าด่วนแบบยุบ) เมื่อหน้าต่างแจ้งเตือนขยายออก รวมถึงพื้นที่เหนือแผงที่มีนาฬิกา

เนื่องจากลักษณะการจัดวางการตั้งค่าด่วน คุณต้องทราบความสูงทั้งหมดของแผงการตั้งค่าด่วน (รวมถึงออฟเซ็ต) แบบคงที่ ดังนั้นค่านี้จึงต้องได้รับการปรับตามเดลต้าเดียวกัน quick_qs_offset_height ค่าที่ดินจะมีค่าเริ่มต้นเป็น 152dp ส่วนค่าเริ่มต้นสำหรับแนวตั้งคือ 176dp
status_bar_height_portrait

ความสูงเริ่มต้นของแถบสถานะจากมุมมองของเฟรมเวิร์ก

ในอุปกรณ์ส่วนใหญ่ ค่าเริ่มต้นนี้จะอยู่ที่ 24dp เมื่อมีคัตเอาต์ ให้ตั้งค่านี้ เป็นความสูงของคัตเอาต์ สามารถเลือกให้สูงกว่าส่วนที่ถูกตัดออกได้หากต้องการ
status_bar_height_landscape

ความสูงของแถบสถานะในแนวนอน ระบบรองรับเฉพาะส่วนตัดออกที่ขอบสั้นของอุปกรณ์ ดังนั้นส่วนนี้จะเป็นแถบสถานะที่ไม่มีการแก้ไขเสมอ

ในอุปกรณ์ที่ไม่มีการตัดออก ค่านี้จะเทียบเท่ากับ status_bar_height_portrait เมื่อมีการเจาะรู ให้รักษาค่านี้ไว้ที่ความสูงของแถบสถานะเริ่มต้น
config_mainBuiltInDisplayCutout

เส้นทางที่กําหนดรูปร่างของส่วนที่ตัดออก สตริงนี้สามารถแยกวิเคราะห์ได้โดย android.util.PathParser และเป็นวิธีกำหนดขนาดและรูปร่างของส่วนตัดออกให้กับระบบ

@dp สามารถระบุในเส้นทางเพื่อจําลองการกำหนดเป้าหมายรูปร่างให้กับอุปกรณ์ต่างๆ ได้ อย่าใช้ตัวระบุ @dp เมื่อกำหนดเส้นทางสำหรับรอยบากบนฮาร์ดแวร์เนื่องจากขนาดพิกเซลที่แน่นอน
config_fillMainBuiltinDisplayCutout

ค่าบูลีนที่กำหนดว่าจะวาดเส้นทางการครอบตัด (ที่ระบุไว้ด้านบน) ในซอฟต์แวร์หรือไม่ สามารถใช้เพื่อจำลองรอยบาก หรือเพื่อเติมเต็มรอยบากทางกายภาพเพื่อลดรอยหยัก

หากเป็น "จริง" ระบบจะกรอก config_mainBuiltInDisplayCutout เป็นสีดำ

ดูคำจำกัดความเริ่มต้นในไฟล์ dimens ต่อไปนี้

ตัวอย่างการวางซ้อนสำหรับการตัดออกที่จำลอง

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

การตรวจสอบความถูกต้อง

หากต้องการตรวจสอบการติดตั้งใช้งานส่วนตัดของจอแสดงผล ให้เรียกใช้การทดสอบ CTS ที่ tests/framework/base/windowmanager/src/android/server/wm