Respond to device orientation with the Xamarin.Forms Orientation State Trigger

screenshots on iPhone 6s device

OrientationStateTrigger is a State Trigger in Xamarin.Forms to easily respond to device orientation changes.

Below is an example of using it to set a StackLayout orientation based on the orientation of the device:

<StackLayout x:Name="mainStack">
    <VisualStateManager.VisualStateGroups>
    <VisualStateGroup Name="OrientationStates">
            <VisualState Name="Portrait">
                <VisualState.StateTriggers>
                <OrientationStateTrigger Orientation="Portrait"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                <Setter Property="Orientation" Value="Vertical" />
                </VisualState.Setters>
            </VisualState>
            <VisualState Name="Landscape">
                <VisualState.StateTriggers>
                <OrientationStateTrigger Orientation="Landscape"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                <Setter Property="Orientation" Value="Horizontal" />
                </VisualState.Setters>
            </VisualState>
    </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    ...
</StackLayout>