MSDN Community

Featured Articles & Guides

• UWP Design Best Practices for Modern Experiences Learn how to create intuitive and engaging user interfaces for Universal Windows Platform apps.
• Getting Started with WinUI 3 Explore the latest UI toolkit for Windows, offering a native and flexible way to build apps.
• Integrating Azure Services into Your Windows Apps Leverage cloud power with Azure services like authentication, storage, and databases.

Upcoming Events & Webinars

• Webinar: Windows App SDK Deep Dive Date: October 26, 2023 | Time: 10:00 AM PST
• Online Conference: Building Next-Gen Windows Apps Date: November 15-17, 2023 | Details coming soon.

Code Spotlight

Check out this example of implementing adaptive layouts in your Windows applications:

<Grid>
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="AdaptiveStates">
            <VisualState x:Name="NarrowState">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="MySplitView.DisplayMode" Value="Inline" />
                    <Setter Target="MySplitView.IsPaneOpen" Value="False" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="WideState">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="MySplitView.DisplayMode" Value="CompactOverlay" />
                    <Setter Target="MySplitView.IsPaneOpen" Value="True" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

    <SplitView x:Name="MySplitView" DisplayMode="Inline" IsPaneOpen="True" CompactPaneLength="48" PaneBackground="{ThemeResource SystemAccentColor}">
        <SplitView.Pane>
            <!-- Navigation controls go here -->
        </SplitView.Pane>
        <SplitView.Content>
            <!-- Main content goes here -->
        </SplitView.Content>
    </SplitView>
</Grid>

Community Resources

Connect with other Windows app developers, ask questions, and share your knowledge:

Visit the Official Forums

Join our Discord Server for real-time chat.