بخش سوم این راهنما بر سرعت بخشیدن به راه اندازی مرورگر از طریق warmup()
و واکشی اولیه صفحات وب از طریق mayLaunchUrl
() تمرکز دارد. گرم کردن فرآیند مرورگر می تواند تا 700 میلی ثانیه در هنگام باز کردن یک پیوند صرفه جویی کند. پیش نمایش محتوا از طریق mayLaunchUrl
باعث می شود محتوای خارجی فوراً باز شود. هر دو API با هم می توانند تجربه کاربری یکپارچه سازی Custom Tabs را تا حد زیادی بهبود بخشند و به شدت توصیه می شوند.
مراحل لازم عبارتند از:
- از طریق
CustomTabsClient.getPackageName(...)
بررسی کنید که آیا مرورگر پیشفرض از Tabs پشتیبانی میکند. اگر بله، از طریقCustomTabsClient.bindCustomTabsService()
به CustomTabsService متصل شوید. پس از اتصال به CustomTabsService، در پاسخ به تماس
CustomTabsServiceConnection.onCustomTabsServiceConnected()
انجام دهید:آ. فرآیند مرورگر را از طریق
CustomTabsClient.warmup()
گرم کنید. ب یکCustomTabsSession
جدید از طریقCustomTabsClient.newSession()
ایجاد کنید.به صورت اختیاری، صفحات وب را که کاربر احتمالاً از طریق
CustomTabsSession.mayLaunchUrl()
بازدید می کند، از پیش واکشی کنید.هنگام راهاندازی یک برگه سفارشی جدید،
CustomTabsSession
را از طریق سازندهnew CustomTabsIntent.Builder(session)
به CustomTabsIntent.Builder منتقل کنید.
اگر برنامه شما Android API سطح 30 را هدف قرار میدهد، CustomTabsClient.getPackageName(...)
از شما میخواهد که یک بخش پرسوجو را به Manifest Android خود اضافه کنید و یک فیلتر قصد را اعلام کنید که با مرورگرهایی که از Tabs پشتیبانی میکنند مطابقت دارد.
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
…
<queries>
<intent>
<action android:name="android.support.customtabs.action.CustomTabsService" />
</intent>
</queries>
</manifest>
در اینجا یک مثال کامل برای نحوه اتصال به یک سرویس Custom Tabs آورده شده است:
private CustomTabsClient mClient;
private CustomTabsSession mSession;
private CustomTabsServiceConnection mConnection = new CustomTabsServiceConnection() {
@Override
public void onCustomTabsServiceConnected(
@NonNull ComponentName name,
@NonNull CustomTabsClient client
) {
mClient = client;
// Warm up the browser process
mClient.warmup(0 /* placeholder for future use */);
// Create a new browser session
mSession = mClient.newSession(new CustomTabsCallback());
// Pre-render pages the user is likely to visit
// you can do this any time while the service is connected
mSession.mayLaunchUrl(Uri.parse("https://developers.android.com"), null, null);
}
@Override
public void onServiceDisconnected(ComponentName name) {
mClient = null;
mSession = null;
}
};
private void bindCustomTabService(Context context) {
// Check for an existing connection
if (mClient != null) {
// Do nothing if there is an existing service connection
return;
}
// Get the default browser package name, this will be null if
// the default browser does not provide a CustomTabsService
String packageName = CustomTabsClient.getPackageName(context, null);
if (packageName == null) {
// Do nothing as service connection is not supported
return;
}
CustomTabsClient.bindCustomTabsService(context, packageName, mConnection);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
…
bindCustomTabService(this);
findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String url = "https://developers.android.com";
CustomTabsIntent intent = new CustomTabsIntent.Builder(mSession)
.build();
intent.launchUrl(MainActivity.this, Uri.parse(url));
}
});
}
صفحات وب را در برنامه های بومی باز کنید
در اندروید، URL ها را می توان توسط برنامه های بومی مدیریت کرد. به عنوان مثال، اگر کاربر برنامه فیس بوک را نصب کرده باشد و روی پیوندی به یک پست فیس بوک کلیک کند، معمولاً پیوند باز شدن در برنامه فیس بوک را به جای مرورگر ترجیح می دهد.
به طور پیش فرض، Custom Tabs در صورت نصب، پیوندها را در برنامه اصلی مربوطه باز می کند. با این حال، هنگامی که یک CustomTabsServiceConnection
ایجاد شد، این رفتار از کار می افتد و به جای آن همه URL ها در تب های سفارشی باز می شوند. برای بهبود تجربه کاربری، توصیه میکنیم این رفتار را با استفاده از کد زیر دوباره فعال کنید:
CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
.setSendToExternalDefaultHandlerEnabled(true)
.build();
مرحله بعدی: نحوه تغییر اندازه تجربه Tabs سفارشی را بیاموزید .