using Windows.Foundation;

using Windows.Foundation.Metadata;

namespace Windows.UI.Xaml

{

    //

    // Summary:

    //     Represents a declarative rule that applies visual states based on window properties.

    [Composable(typeof(IAdaptiveTriggerFactory), CompositionType.Public, , "Windows.Foundation.UniversalApiContract")]

    [ContractVersion(typeof(UniversalApiContract), )]

    [MarshalingBehavior(MarshalingType.Agile)]

    [Static(typeof(IAdaptiveTriggerStatics), , "Windows.Foundation.UniversalApiContract")]

    [Threading(ThreadingModel.Both)]

    [WebHostHidden]

    public class AdaptiveTrigger : StateTriggerBase, IAdaptiveTrigger

    {

        //

        // Summary:

        //     Initializes a new instance of the AdaptiveTrigger class

        public AdaptiveTrigger();

        //

        // Summary:

        //     Identifies the MinWindowHeight dependency property.

        //

        // Returns:

        //     The identifier for the MinWindowHeight dependency property.

        public static DependencyProperty MinWindowHeightProperty { get; }

        //

        // Summary:

        //     Identifies the MinWindowWidth dependency property.

        //

        // Returns:

        //     The identifier for the MinWindowWidth dependency property.

        public static DependencyProperty MinWindowWidthProperty { get; }

        //

        // Summary:

        //     Gets or sets the minimum window height at which the VisualState should be applied.

        //

        // Returns:

        //     The minimum window height (in effective pixels) at which the VisualState should

        //     be applied.

        public System.Double MinWindowHeight { get; set; }

        //

        // Summary:

        //     Gets or sets the minimum window width at which the VisualState should be applied.

        //

        // Returns:

        //     The minimum window width (in effective pixels) at which the VisualState should

        //     be applied.

        public System.Double MinWindowWidth { get; set; }

    }

}

enum DeviceType

{

    Unknown = ,

    Desktop = ,

    Mobile = ,

}

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

namespace CustomStateTrigger

{

    class DeviceTypeAdaptiveTrigger : StateTriggerBase

    {

        public DeviceType PlatformType

        {

            get { return (DeviceType)GetValue(PlatformTypeProperty); }

            set { SetValue(PlatformTypeProperty, value); }

        }

        public static readonly DependencyProperty PlatformTypeProperty =

            DependencyProperty.Register("PlatformType",

                typeof(DeviceType),

                typeof(DeviceTypeAdaptiveTrigger),

                new PropertyMetadata(DeviceType.Unknown, OnDeviceTypePropertyChanged));

        private static void OnDeviceTypePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)

        {

            DeviceTypeAdaptiveTrigger dat = (DeviceTypeAdaptiveTrigger)d;

            DeviceType type = (DeviceType)e.NewValue;

            IObservableMap<string,string> qualifiers =

                Windows.ApplicationModel.Resources.Core.ResourceContext.GetForCurrentView().QualifierValues;

            if(dat != null)

            {

                if(qualifiers.ContainsKey("DeviceFamily") &&

                    qualifiers["DeviceFamily"] == "Mobile")

                {

                    dat.SetActive(type == DeviceType.Mobile);

                }

                if (qualifiers.ContainsKey("DeviceFamily") &&

                    qualifiers["DeviceFamily"] == "Desktop")

                {

                    dat.SetActive(type == DeviceType.Desktop);

                }

            }

        }

    }

}

<Page

    x:Class="CustomStateTrigger.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:CustomStateTrigger"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    xmlns:Triggers="using:CustomStateTrigger"

    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <TextBlock x:Name="DeviceTextBlock" VerticalAlignment="Center" HorizontalAlignment="Center" />

        <VisualStateManager.VisualStateGroups>

            <VisualStateGroup x:Name="DeviceState">

                <VisualState x:Name="DesktopState">

                    <VisualState.StateTriggers>

                        <Triggers:DeviceTypeAdaptiveTrigger PlatformType="Desktop" />

                    </VisualState.StateTriggers>

                    <VisualState.Setters>

                        <Setter Target="DeviceTextBlock.Text" Value="Desktop" />

                    </VisualState.Setters>

                </VisualState>

                <VisualState x:Name="MobileState">

                    <VisualState.StateTriggers>

                        <Triggers:DeviceTypeAdaptiveTrigger PlatformType="Mobile" />

                    </VisualState.StateTriggers>

                    <VisualState.Setters>

                        <Setter Target="DeviceTextBlock.Text" Value="Mobile" />

                    </VisualState.Setters>

                </VisualState>

            </VisualStateGroup>

        </VisualStateManager.VisualStateGroups>

    </Grid>

</Page>