La terza parte di questa guida è incentrata sul servizio Schede personalizzate e sul perché utilizzarlo nella tua applicazione crea un'esperienza utente migliore:
- Apertura immediata di contenuti esterni:l'utilizzo di
warmup()
fa sì che il processo del browser venga avviato in background anche prima che l'utente faccia clic su un link e può risparmiare fino a 700 ms all'apertura di un link.mayLaunchUrl()
precarica le pagine. L'utilizzo combinato di entrambe le API consente il caricamento istantaneo delle pagine, migliorando notevolmente l'esperienza utente dell'integrazione di Schede personalizzate. - Migliore gestione delle schede personalizzate ridotte a icona: collegando il servizio Schede personalizzate e utilizzando la stessa
CustomTabSession
al momento dell'avvio della Scheda personalizzata, Chrome potrà rimuovere una scheda personalizzata ridotta a icona prima di lanciare una nuova scheda, in modo da offrire un'esperienza utente più coerente.
I passaggi richiesti sono:
- Controlla se il browser predefinito supporta le schede personalizzate utilizzando
CustomTabsClient.getPackageName(...)
. In caso affermativo, esegui l'associazione a CustomTabsService utilizzandoCustomTabsClient.bindCustomTabsService()
. Dopo aver eseguito la connessione a CustomTabsService, nel callback
CustomTabsServiceConnection.onCustomTabsServiceConnected()
procedi nel seguente modo:a. Riscalda il processo del browser utilizzando
CustomTabsClient.warmup()
. b. Crea un nuovoCustomTabsSession
utilizzandoCustomTabsClient.newSession()
.Se vuoi, puoi precaricare le pagine web che è probabile che l'utente visiti utilizzando
CustomTabsSession.mayLaunchUrl()
.Quando avvii una nuova scheda personalizzata, trasmetti
CustomTabsSession
a CustomTabsIntent.Builder utilizzando il costruttorenew CustomTabsIntent.Builder(session)
.
Se la tua app ha come target il livello API 30 di Android, CustomTabsClient.getPackageName(...)
richiede di aggiungere una sezione per le query al file manifest Android, dichiarando un filtro per intent che corrisponda ai browser che supportano le schede personalizzate.
<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>
Ecco un esempio completo di come connettersi a un servizio di schede personalizzate:
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));
}
});
}
Apri link nelle app per Android
Su Android, gli URL possono essere gestiti dalle app Android. Ad esempio, se l'utente ha installato l'app di Facebook e fa clic su un link a un post di Facebook, di solito preferisce che il link si apra nell'app di Facebook anziché nel browser.
Per impostazione predefinita, la funzionalità Schede personalizzate apre i link nella rispettiva applicazione Android, se installata. Tuttavia, una volta stabilito un CustomTabsServiceConnection
, questo comportamento smette di funzionare e tutti gli URL si aprono invece nelle schede personalizzate. Per una migliore esperienza utente, ti consigliamo di riattivare questo comportamento utilizzando il seguente codice:
CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
.setSendToExternalDefaultHandlerEnabled(true)
.build();
Passaggio successivo: scopri come ridimensionare l'esperienza delle schede personalizzate.