使用部分自訂分頁進行多工作業

根據預設,自訂分頁會以全視窗活動啟動。自 Chrome 107 起,您可以使用部分自訂分頁,在直向模式中指定不同的啟動高度,讓使用者在瀏覽網頁內容時,透過與應用程式互動來執行多工處理。使用者可以將工具列手把向上拖曳,將自訂分頁展開至全螢幕,並將手把向下拖曳,還原初始啟動高度。

底部功能表「Partial」分頁的螢幕截圖
底部選單中的部分自訂分頁。

針對大螢幕或橫向模式的裝置,自 Chrome 120 起,您可以指定在側邊檢視畫面中顯示部分自訂分頁的最大啟動寬度。您可以設定中斷點,決定何時要在底部或側邊資訊欄中啟動部分自訂分頁。

側欄「Partial」分頁的螢幕截圖
側邊面板中的部分自訂分頁。

修課條件

如要使用部分自訂分頁,您必須:

如果您希望在服務連線尚未建立的情況下快速啟動應用程式,請同時採用這兩種方法。

設定底部功能表

如要將自訂分頁轉換為部分自訂分頁,請呼叫 CustomTabBuilder 類別的 setInitialActivityHeightPx() 方法,以像素為單位定義初始啟動高度。根據預設,部分自訂分頁可調整大小,但您可以傳遞 ACTIVITY\_HEIGHT\_FIXED 來停用這項行為:

new CustomTabsBuilder().setInitialActivityHeightPx(
    400,
    ACTIVITY_HEIGHT_FIXED
);

設定側邊面板

如要設定側邊區行為,請呼叫 CustomTabBuilder 類別的 setInitialActivityWidthPx() 方法,以像素為單位定義初始啟動寬度。

根據預設,部分自訂分頁可調整大小,但您可以傳遞 ACTIVITY\_HEIGHT\_FIXED 來停用這項行為:

  CustomTabsIntent.Builder intentBuilder = new CustomTabsIntent.Builder(session)
        .setInitialActivityHeightPx(400)
        .setInitialActivityWidthPx(400);
        .setActivitySideSheetBreakpointDp(800);

如果螢幕寬度大於 setActivitySideSheetBreakpointDp() 設定的斷點值,自訂分頁就會以側邊資訊列的形式顯示。如果螢幕寬度高於 x,自訂分頁就會以側邊資訊列的形式顯示,否則會以底部資訊列的形式顯示。如果未指定中斷點,請將瀏覽器實作設為預設值 840dp。如果 x 設為 <600dp,瀏覽器實作應預設為 600dp

使用現有工作階段啟動部分自訂分頁

CustomTabsSession customTabsSession;

// ...

CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder(customTabsSession)
   .setInitialActivityHeightPx(500)
    .setInitialActivityWidthPx(400);
    .setActivitySideSheetBreakpointDp(800);
   .setCloseButtonPosition(CustomTabsIntent.CLOSE_BUTTON_POSITION_END)
   // ...
   .build();

customTabsIntent.launchUrl(context, Uri.parse(url))

透過 startActivityForResult 啟動部分自訂分頁

private ActivityResultLauncher<String> mCustomTabLauncher = registerForActivityResult(new ActivityResultContract<String, Integer>() {
    @Override
    public Integer parseResult(int statusCode, @Nullable Intent intent) {
        return statusCode;
    }

    @NonNull
    @Override
    public Intent createIntent(@NonNull Context context, String url) {
        CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder(customTabsSession)
                .setInitialActivityHeightPx(500)
                .setInitialActivityWidthPx(400);
                .setActivitySideSheetBreakpointDp(800);
                .setCloseButtonPosition(CustomTabsIntent.CLOSE_BUTTON_POSITION_END)
                .setToolbarCornerRadiusDp(10);
        Intent customTabsIntent = builder.build().intent;
        customTabsIntent.setData(Uri.parse(url));
        return customTabsIntent;
    }
}, new ActivityResultCallback<Integer>() {
    @Override
    public void onActivityResult(Integer statusCode) {
       // ...
    }
});

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    Button selectButton = findViewById(R.id.select_button);
    selectButton.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View view) {
            mCustomTabLauncher.launch(customTabsIntent.intent);
        }
    });
}

接下來,請瞭解如何評估自訂分頁中的使用者參與度