إنجاز مهام متعددة من خلال علامات تبويب مخصصة جزئية

Sebastian Benz

يتم إطلاق علامات التبويب المخصّصة تلقائيًا كنشاط في نافذة ملء الشاشة. اعتبارًا من الإصدار 107 من Chrome، يمكنك استخدام علامات التبويب المخصّصة الجزئية لتحديد ارتفاع مختلف عند الإطلاق في الوضع عموديًا حتى يتمكّن المستخدمون من إنجاز مهام متعدّدة من خلال التفاعل مع تطبيقك أثناء عرض محتوى الويب. يمكن للمستخدمين توسيع "علامة التبويب المخصّصة" إلى ملء الشاشة من خلال سحب مقبض شريط الأدوات للأعلى واستعادة ارتفاع الإطلاق الأولي من خلال سحب المقبض للأسفل.

بالنسبة إلى الشاشات الكبيرة أو الأجهزة في الوضع الأفقي، بدءًا من الإصدار 120 من Chrome، يمكنك تحديد الحد الأقصى لعرض الإطلاق لعرض جزء من "علامة تبويب مخصّصة" في جدول بجانب الشاشة. من خلال ضبط نقطة فاصل، يمكنك تحديد وقت عرض علامة تبويب مخصّصة جزئية في جدول سفلي أو جانبي.

المتطلبات الأساسية

لاستخدام علامات التبويب المخصّصة الجزئية، عليك إجراء ما يلي:

• بدء جلسة متصفّح جديدة باستخدام CustomTabsServiceConnection وإرسالها إلى نية علامات التبويب المخصّصة

• ابدأ نشاط علامة التبويب المخصّصة باستخدام startActivityForResult().

يمكنك الجمع بين الطريقتَين إذا كنت تريد بدء تشغيل سريع في حال لم يتم ربط الخدمة بالحساب بعد.

ضبط البطاقة السفلية

لتحويل علامة تبويب مخصّصة إلى علامة تبويب مخصّصة جزئية، حدِّد ارتفاع الإطلاق الأولي بالبكسل من خلال استدعاء 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);
        }
    });
}

الخطوة التالية: تعرَّف على كيفية قياس تفاعل المستخدمين في علامات التبويب المخصّصة.