Share via


VisualState.Setters Property

Definition

Gets a collection of Setter objects that define discrete property values that control the appearance of UIElements when this VisualState is applied.

public:
 property SetterBaseCollection ^ Setters { SetterBaseCollection ^ get(); };
SetterBaseCollection Setters();
public SetterBaseCollection Setters { get; }
var setterBaseCollection = visualState.setters;
Public ReadOnly Property Setters As SetterBaseCollection

Property Value

A collection of Setter objects. The default is an empty collection.

Examples

The following example shows how to use multiple Setter statements inside the VisualState.Setters property to apply multiple discrete property value changes on 2 different elements when a VisualState is applied.

<Page>
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState x:Name="NarrowState">
                    <VisualState.Setters>
                        <Setter Target="myPanel.Orientation" Value="Vertical" />
                        <Setter Target="myPanel.Width" Value="380" />
                        <Setter Target="myTextBlock.MaxLines" Value="3" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <StackPanel x:Name="myPanel" Orientation="Horizontal">
            <TextBlock x:Name="myTextBlock" MaxLines="5" Style="{ThemeResource BodyTextBlockStyle}"/>
        </StackPanel>
    </Grid>
</Page>

Remarks

Use this property to make discrete property value changes on multiple UI elements at one time when a VisualState is applied.

Applies to