New-UDTransition

Übersicht

Erstellt einen Übergangseffekt.

Syntax

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>]

Beschreibung

Erstellt einen Übergangseffekt.

Parameter

-Id

Die ID dieser Komponente.

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

-Collapse

Erstellt einen Collapse-Übergang.

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

-CollapseHeight

Die Höhe des Inhalts im eingeklappten Zustand.

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

-Fade

Erstellt einen Fade-Übergang.

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

-Grow

Erstellt einen Grow-Übergang.

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

-Slide

Erstellt einen Slide-Übergang.

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

-SlideDirection

Die Richtung des Slide-Übergangs.

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

-Zoom

Erstellt einen Zoom-Übergang.

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

-Children

Der Inhalt oder die untergeordneten Elemente für den Übergang.

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

-In

Ob der Inhalt eingeblendet wird. Sie können Set-UDElement verwenden, um einen Übergang auszulösen.

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

-Timeout

Die Anzahl der Millisekunden, die der Übergang dauert.

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

-Style

Eine Hashtabelle mit CSS-Stilen, die auf den Übergang angewendet werden.

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

-MountOnEnter

Ob der Inhalt beim Eintreten in den Übergang eingebunden werden soll.

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

-UnmountOnExit

Ob der Inhalt beim Verlassen des Übergangs ausgebunden werden soll.

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

Allgemeine Parameter

Dieses Cmdlet unterstützt die allgemeinen Parameter: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable und OutVariable. Weitere Informationen finden Sie unter about_CommonParameters.

Ausgaben

Beispiele

Beispiel 1: Fade

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

Ein Fade-Übergang.

Beispiel 2: Slide

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

Ein Slide-Übergang.

Beispiel 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

Ein Zoom-Übergang.

Beispiel 4: Grow

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

Ein Grow-Übergang.

Beispiel 5: Collapse

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

Ein Collapse-Übergang.

Beispiel 6: Collapse-Höhe

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

Ein Collapse-Übergang mit einer Höhe von 100.

Beispiel 7: Slide-Richtung

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

Ein Slide-Übergang mit Richtung nach links.

Beispiel 8: Timeout

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

Ein Fade-Übergang mit einem Timeout von 1000.