Rich media modal pour Android

La fonctionnalité Rich Media Modal d’Android permet aux développeurs d’afficher du contenu HTML dans une fenêtre modale au sein de leur application. Cette fenêtre modale ne bloque pas les autres éléments de l’interface utilisateur et peut être facilement fermée par des gestes de balayage. La modale offre de multiples options de personnalisation pour l’apparence, le comportement, les animations, etc., offrant une expérience utilisateur très flexible.

• Interface utilisateur non bloquante : La modale ne bloque pas l’interaction avec les autres éléments de l’interface utilisateur.
• Gestes de balayage personnalisables : Configurez les gestes de balayage pour fermer la modale dans différentes directions.
• Positionnement flexible : Choisissez où la modale apparaît à l’écran (en haut, au centre ou en bas).
• Animations personnalisées : Contrôlez la façon dont la modale apparaît et disparaît avec différents types d’animation.
• Fermeture par balayage : Les utilisateurs peuvent effectuer un balayage pour fermer la modale depuis n’importe quelle direction.
• Durée d’animation ajustable : Ajustez la vitesse des animations de la modale.
• Gestion de la barre de statut : Option pour afficher la modale sous ou au-dessus de la barre de statut.
• Largeur de fenêtre ajustable : Option pour définir la largeur de la modale en plein écran ou pour envelopper le contenu.

Pour activer la fonctionnalité Rich Media Modal, vous devez la configurer dans le fichier AndroidManifest.xml de votre application en ajoutant l’entrée de métadonnées suivante :

<meta-data
    android:name="com.pushwoosh.rich_media_type"
    android:value="Modal" />

L’apparence et le comportement de la modale peuvent être personnalisés en définissant une configuration par défaut via le RichMediaManager. Cette configuration vous permet de spécifier le comportement de la modale, son emplacement, la manière dont elle peut être fermée et le type d’animations utilisées.

Vous pouvez définir la position de la modale sur l’écran en utilisant setViewPosition(). Les valeurs disponibles pour ce paramètre sont :

• TOP
• CENTER (par défaut)
• BOTTOM

Personnalisez la manière dont la modale se ferme avec setDismissAnimationType(). Les options disponibles incluent :

• FADE_OUT (par défaut)
• SLIDE_UP
• SLIDE_DOWN
• SLIDE_LEFT
• SLIDE_RIGHT
• NONE

Définissez comment la modale apparaît avec setPresentAnimationType(). Les options disponibles sont :

• FADE_IN
• SLIDE_UP
• SLIDE_RIGHT
• DROP_DOWN
• SLIDE_LEFT
• NONE (par défaut)

La modale peut être fermée par des gestes de balayage dans différentes directions en utilisant setSwipeGesture(). Les gestes de balayage disponibles incluent :

• UP
• LEFT
• RIGHT
• DOWN
• NONE (par défaut)

Contrôlez la vitesse de l’animation en définissant animationDuration() en millisecondes. La durée est spécifiée sous forme de valeur entière, représentant le temps en millisecondes.

La largeur de la modale peut être définie à l’aide de setWindowWidth(), qui détermine si la modale occupera toute la largeur de l’écran ou juste assez pour s’adapter au contenu. Les valeurs possibles sont :

• FULL_SCREEN (par défaut)
• WRAP_CONTENT

Par défaut, la modale ne couvrira pas la barre de statut. Pour permettre à la modale d’apparaître sous la barre de statut, définissez la propriété setStatusBarCovered() sur true.

Voici quelques exemples illustrant diverses animations, y compris les gestes de balayage, les apparitions par glissement, les fermetures en fondu, différentes durées d’animation et des largeurs d’écran variables. Vous trouverez ci-dessous les configurations utilisées pour obtenir ces effets.

        RichMediaManager.setDefaultRichMediaConfig(new ModalRichmediaConfig()
                .setStatusBarCovered(false)
                .setSwipeGesture(ModalRichMediaSwipeGesture.RIGHT)
                .setViewPosition(ModalRichMediaViewPosition.CENTER)
                .setDismissAnimationType(ModalRichMediaDismissAnimationType.SLIDE_RIGHT)
                .setPresentAnimationType(ModalRichMediaPresentAnimationType.SLIDE_FROM_LEFT)
                .setAnimationDuration(800)
                .setWindowWidth(ModalRichMediaWindowWidth.WRAP_CONTENT));

        RichMediaManager.setDefaultRichMediaConfig(new ModalRichmediaConfig()
                .setSwipeGesture(ModalRichMediaSwipeGesture.UP)
                .setViewPosition(ModalRichMediaViewPosition.TOP)
                .setDismissAnimationType(ModalRichMediaDismissAnimationType.SLIDE_UP)
                .setPresentAnimationType(ModalRichMediaPresentAnimationType.DROP_DOWN)
                .setAnimationDuration(1000));

        RichMediaManager.setDefaultRichMediaConfig(new ModalRichmediaConfig()
                .setSwipeGesture(ModalRichMediaSwipeGesture.DOWN)
                .setViewPosition(ModalRichMediaViewPosition.BOTTOM)
                .setDismissAnimationType(ModalRichMediaDismissAnimationType.FADE_OUT)
                .setPresentAnimationType(ModalRichMediaPresentAnimationType.SLIDE_UP)
                .setAnimationDuration(2000));

La fonctionnalité Rich Media Modal d’Android offre un moyen simple et flexible de présenter du contenu HTML dans votre application sans nuire à l’expérience utilisateur. Grâce à ses nombreuses options de personnalisation, notamment les gestes de balayage, les animations, le positionnement et la largeur de la fenêtre, vous pouvez créer une interaction fluide et engageante pour vos utilisateurs.