Zoom de l’UI avec WPF

Publié le par Franck Gaspoz
loupe

Comment ajouter la possibilité de zoomer un contrôle WPF et son contenu ?

Il faut imbriquer le ou les contrôles que l’on souhaite zoomer simultanément dans un Grid, sur lequel on applique une transformation de Layout de type transformation d’échelle.

Par exemple :

<ScrollViewer
    HorizontalScrollBarVisibility="Visible"
    VerticalScrollBarVisibility="Visible"
>
    <Grid Name="ZoomableContentGrid"
          RenderTransformOrigin="0.5,0.5">
        <Grid.LayoutTransform>
            <TransformGroup>
                <ScaleTransform x:Name="GridScaleTransform"/>
            </TransformGroup>
        </Grid.LayoutTransform>
        <!-- le contenu zoomé se place ici          
            ...     
        -->
    </Grid>
</ScrollViewer>

la méthode en C# suivante appliquera le ratio de zoom souhaité (entre 0 et 1 compris) :

void SetZoom(
    // facteur de zoom entre 0 et 1 compris
    double zoomFactor)
{
    GridScaleTransform.ScaleX = zoomFactor;
    GridScaleTransform.ScaleY = zoomFactor;
}

Cette méthode pourra être liée à des événements de contrôles comme la sélection d’une liste déroulante, la saisie dans une boîte de texte ou le changement de valeur d’un slider …

à lire également :

Animatique sous WPF via les méthodes d’exten... L'animatique est une part importante de l'expérience utilisateur dans les interfaces modernes, qu'elles soient WEB ou Desktop. WPF répond à ...
GTradRestAPI GTradRestAPI - Librairie de classes C# cliente du service Google Translate Cette librairie de classes C# implémente un client sur HTTP ...
Tuer un processus avec un script PowerShell Pour tuer un processus dans un environement de script Windows, PowerShell est l'outil idéal. Il suffit de fabriquer un fichier de script Pow...
NAccLogger NAccLogger - .Net Accurate Logger pour C# Cette librairie de classes C# fournit des fonctionnalités pour enregistrer du texte et des do...

Une réflexion sur “Zoom de l’UI avec WPF”

Laisser un commentaire