New-UDTransition

Résumé

Crée un effet de transition.

Syntaxe

New-UDTransition [-Id <String>] [-Collapse] [-CollapseHeight <Int32>] -Children <ScriptBlock> [-In] [-Timeout <Int32>] [-Style <Hashtable>] [-MountOnEnter] [-UnmountOnExit] [<CommonParameters>]

New-UDTransition [-Id <String>] [-Fade] -Children <ScriptBlock> [-In] [-Timeout <Int32>] [-Style <Hashtable>] [-MountOnEnter] [-UnmountOnExit] [<CommonParameters>]

New-UDTransition [-Id <String>] [-Grow] -Children <ScriptBlock> [-In] [-Timeout <Int32>] [-Style <Hashtable>] [-MountOnEnter] [-UnmountOnExit] [<CommonParameters>]

New-UDTransition [-Id <String>] [-Slide] [-SlideDirection <String>] -Children <ScriptBlock> [-In] [-Timeout <Int32>] [-Style <Hashtable>] [-MountOnEnter] [-UnmountOnExit] [<CommonParameters>]

New-UDTransition [-Id <String>] [-Zoom] -Children <ScriptBlock> [-In] [-Timeout <Int32>] [-Style <Hashtable>] [-MountOnEnter] [-UnmountOnExit] [<CommonParameters>]

Description

Crée un effet de transition.

Paramètres

-Id

L'ID de ce composant.

Required?                    false
Position?                    named
Default value                [Guid]::NewGuid().ToString()
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Collapse

Crée une transition de repli.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-CollapseHeight

La hauteur du contenu lorsqu'il est replié.

Required?                    false
Position?                    named
Default value                0
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Fade

Crée une transition de fondu.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Grow

Crée une transition d'agrandissement.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Slide

Crée une transition de glissement.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-SlideDirection

La direction de la transition de glissement.

Required?                    false
Position?                    named
Default value                Down
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Zoom

Crée une transition de zoom.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Children

Le contenu ou les enfants à faire transitionner.

Required?                    true
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-In

Indique si le contenu est en transition d'entrée. Vous pouvez utiliser Set-UDElement pour déclencher une transition.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Timeout

Le nombre de millisecondes que dure la transition.

Required?                    false
Position?                    named
Default value                0
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Style

Une table de hachage de styles CSS à appliquer à la transition.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-MountOnEnter

Indique s'il faut monter le contenu lors de l'entrée dans la transition.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-UnmountOnExit

Indique s'il faut démonter le contenu lors de la sortie de la transition.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Paramètres communs

Cette applet de commande prend en charge les paramètres communs : Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable et OutVariable. Pour plus d'informations, voir about_CommonParameters.

Sorties

Exemples

Exemple 1 : Fondu

New-UDTransition -Fade -In -Children {
   New-UDButton -Text 'Click Me'  -Id 'button1'
} -Id 'transition1' -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition1' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de fondu.

Exemple 2 : Glissement

New-UDTransition -Slide -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button2'
} -Id 'transition2'  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition2' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de glissement.

Exemple 3 : Zoom

New-UDTransition -Zoom -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button3'
} -Id 'transition3'  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition3' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de zoom.

Exemple 4 : Agrandissement

New-UDTransition -Grow -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button4'
} -Id 'transition4'  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition4' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition d'agrandissement.

Exemple 5 : Repli

New-UDTransition -Collapse -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button5'
} -Id 'transition5'  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition5' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de repli.

Exemple 6 : Hauteur de repli

New-UDTransition -Collapse -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button6'
} -Id 'transition6' -CollapseHeight 100  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition6' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de repli avec une hauteur de 100.

Exemple 7 : Direction du glissement

New-UDTransition -Slide -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button7'
} -Id 'transition7' -SlideDirection 'Left'  -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition7' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de glissement avec une direction vers la gauche.

Exemple 8 : Délai

New-UDTransition -Fade -In -Children {
   New-UDButton -Text 'Click Me' -Id 'button8'
} -Id 'transition8' -Timeout 1000
New-UDCheckbox -Label 'Toggle' -OnChange {
   Set-UDElement -Id 'transition8' -Properties @{
       In = $EventData
   }
} -Checked $true

Une transition de fondu avec un délai de 1000.