Le multitâche sur un téléviseur

Android 14 (niveau d'API 34) introduit des améliorations des API Picture-in-picture (PIP) pour permettre le multitâche. Bien que la compatibilité avec le mode PiP ait été introduite dans Android 8.0 (niveau d'API 26), elle n'était pas largement compatible avec Android TV et n'était pas du tout compatible avec Google TV avant Android 13. La multitâche pour la télévision utilise le mode PIP pour permettre à deux applications distinctes de coexister à l'écran: l'une en plein écran et l'autre en mode PIP. Les exigences sont différentes pour les applications exécutées dans l'un ou l'autre de ces modes.

Par défaut, l'application PiP se superpose à l'application en plein écran. Cela ressemble beaucoup au comportement standard de la fonctionnalité Picture-in-picture d'Android.

Notez que lors de l'intégration de la multitâche, votre application doit déclarer ses types d'utilisation conformément aux consignes relatives à la qualité des applications TV.

Exécuter votre application en mode PiP

Pour les appareils TV équipés d'Android 14 (niveau d'API 34) ou version ultérieure, exécutez votre application en mode PiP en appelant enterPictureInPictureMode(). Les appareils TV exécutant des versions antérieures d'Android ne sont pas compatibles avec le mode PiP.

Voici un exemple de mise en œuvre de la logique d'un bouton pour passer en mode PiP:

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    pictureInPictureButton.visibility =
        if (requireActivity().packageManager.hasSystemFeature(FEATURE_PICTURE_IN_PICTURE)) {
            pictureInPictureButton.setOnClickListener {
                val aspectRatio = Rational(view.width, view.height)
                val params = PictureInPictureParams.Builder()
                    .setAspectRatio(aspectRatio)
                    .build()
                val result = requireActivity().enterPictureInPictureMode(params)
            }
            View.VISIBLE
        } else {
            View.GONE
        }
}

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    if (requireActivity().getPackageManager().hasSystemFeature(FEATURE_PICTURE_IN_PICTURE)) {
        pictureInPictureButton.setVisibility(View.VISIBLE);
        pictureInPictureButton.setOnClickListener(v -> {
            Rational aspectRatio = new Rational(view.getWidth(), view.getHeight());
            PictureInPictureParams params = new PictureInPictureParams.Builder()
                    .setAspectRatio(aspectRatio)
                    .setTitle("My Streaming App")
                    .setSubtitle("My On-Demand Content")
                    .build();
            Boolean result = requireActivity().enterPictureInPictureMode(params);
        });
    } else {
        pictureInPictureButton.setVisibility(View.GONE);
    }
}

L'action n'est ajoutée que si l'appareil dispose de la fonctionnalité système FEATURE_PICTURE_IN_PICTURE. De plus, lorsque l'action est déclenchée, le format du mode PiP est défini pour correspondre au format de la vidéo en cours de lecture.

Veillez à ajouter un titre et un sous-titre pour indiquer à l'utilisateur à quoi sert généralement ce PIP.

Coexister avec les applications exécutées en mode PiP

Lorsque votre application s'exécute en mode plein écran, elle peut devoir s'adapter aux autres applications exécutées en mode PiP.

API de zone de dégagement

Dans certains cas, l'application PiP peut recouvrir des composants d'interface utilisateur importants dans l'application en plein écran. Pour atténuer ce problème, les applications peuvent utiliser des API de zone à ne pas chevaucher pour identifier les composants d'interface utilisateur critiques qui ne doivent pas être superposés. Le système tente de respecter les requêtes pour éviter de recouvrir ces composants en repositionnant la fenêtre PiP.

Pour spécifier qu'une vue ne doit pas être superposée, utilisez preferKeepClear dans votre mise en page XML, comme dans l'exemple suivant:

<TextView
    android:id="@+id/important_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:preferKeepClear="true"
    android:text="@string/app_name"/>

Vous pouvez également effectuer cette opération de manière automatisée à l'aide de setPreferKeepClear():

private lateinit var binding: MyLayoutBinding

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    binding = MyLayoutBinding.inflate(layoutInflater)
    setContentView(binding.root)
    binding.importantText.isPreferKeepClear = true
}

private MyLayoutBinding binding;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    binding = MyLayoutBinding.inflate(getLayoutInflater());
    setContentView(binding.getRoot());
    binding.importantText.setPreferKeepClear(true);
}

Il peut arriver que vous n'ayez pas besoin de conserver l'intégralité d'un View, mais seulement une section. setPreferKeepClearRects() peut être utilisé pour spécifier les régions de l'View qui ne doivent pas être superposées. Les UI qui n'utilisent pas de View de manière native, telles que Flutter, Jetpack Compose et WebView, peuvent avoir des sous-sections nécessitant de conserver des régions vides. Vous pouvez utiliser cette API dans ces cas.

Types d'utilisation

Votre application doit déclarer un attribut de valeur de métadonnées de com.google.android.tv.pip.category correspondant au ou aux types d'utilisation principaux du mode Picture-in-picture. Tout <activity> ayant défini android:supportsPictureInPicture="true" doit déclarer cet attribut avec une valeur appropriée du tableau ci-dessous.

Les types d'utilisation qui ne rentrent dans aucune de ces catégories, en particulier la lecture de contenus multimédias, ne sont pas autorisés en mode Picture-in-picture sur TV.

Plusieurs valeurs sont séparées par une barre verticale (|). Exemple:

<meta-data android:name="com.google.android.tv.pip.category" android:value="smartHome|health" />