bat/tests/syntax-tests/highlighted/XAML/ItemPage.xaml
2021-05-14 23:59:11 +02:00

265 lines
56 KiB
XML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
 //*********************************************************
 //
 // Copyright (c) Microsoft. All rights reserved.
 // THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF
 // ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY
 // IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR
 // PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
 //
 //*********************************************************
-->
<Page
 x:Class="AppUIBasics.ItemPage"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:common="using:AppUIBasics.Common"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 xmlns:data="using:AppUIBasics.Data"
 xmlns:local="using:AppUIBasics"
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 x:Name="pageRoot"
 mc:Ignorable="d">
 <!--
 This grid acts as a root panel for the page that defines two rows:
 * Row 0 contains the back button and page title
 * Row 1 contains the rest of the page layout
 -->
 <Grid x:Name="rootPanel" d:DataContext="{Binding Groups[0].Items[0], Source={d:DesignData Source=/DataModel/ControlinfoData.json, Type=data:ControlInfoDataSource}}" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
 <VisualStateManager.VisualStateGroups>
 <VisualStateGroup>
 <VisualState>
 <VisualState.StateTriggers>
 <local:DeviceFamilyTrigger DeviceFamily="Windows.Xbox" />
 </VisualState.StateTriggers>
 <VisualState.Setters>
 <Setter Target="svPanel.Margin" Value="0,0,48,27" />
 </VisualState.Setters>
 </VisualState>
 </VisualStateGroup>
 <VisualStateGroup>
 <VisualState x:Name="NormalFrameContent" />
 <VisualState x:Name="WideFrameContent">
 <VisualState.Setters>
 <Setter Target="contentFrame.Width" Value="1028" />
 <Setter Target="contentFrame.HorizontalAlignment" Value="Left" />
 </VisualState.Setters>
 </VisualState>
 </VisualStateGroup>
 <VisualStateGroup x:Name="LayoutVisualStates">
 <VisualState x:Name="LargeLayout">
 <VisualState.StateTriggers>
 <AdaptiveTrigger MinWindowWidth="1372" />
 </VisualState.StateTriggers>
 </VisualState>
 <VisualState x:Name="WideLayout">
 <VisualState.StateTriggers>
 <AdaptiveTrigger MinWindowWidth="{StaticResource Breakpoint640Plus}" />
 </VisualState.StateTriggers>
 <VisualState.Setters>
 <Setter Target="seeAlsoPanel.Width" Value="Auto" />
 <Setter Target="seeAlsoPanel.(Grid.Row)" Value="3" />
 <Setter Target="seeAlsoPanel.(Grid.Column)" Value="0" />
 <Setter Target="seeAlsoPanel.(Grid.ColumnSpan)" Value="3" />
 <Setter Target="SourcePanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="DocumentationPanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="RelatedControlsPanel.(Grid.Row)" Value="0" />
 <Setter Target="RelatedControlsPanel.(Grid.Column)" Value="2" />
 <Setter Target="RelatedControlsPanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="FeedbackPanel.(Grid.Row)" Value="1" />
 <Setter Target="FeedbackPanel.(Grid.Column)" Value="2" />
 <Setter Target="FeedbackPanel.(Grid.ColumnSpan)" Value="1" />
 </VisualState.Setters>
 </VisualState>
 <VisualState x:Name="NarrowLayout">
 <VisualState.StateTriggers>
 <AdaptiveTrigger MinWindowWidth="0" />
 </VisualState.StateTriggers>
 <VisualState.Setters>
 <Setter Target="seeAlsoPanel.Width" Value="Auto" />
 <Setter Target="seeAlsoPanel.(Grid.Row)" Value="3" />
 <Setter Target="seeAlsoPanel.(Grid.Column)" Value="0" />
 <Setter Target="seeAlsoPanel.(Grid.ColumnSpan)" Value="3" />
 <Setter Target="SourcePanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="DocumentationPanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="RelatedControlsPanel.(Grid.Row)" Value="0" />
 <Setter Target="RelatedControlsPanel.(Grid.Column)" Value="2" />
 <Setter Target="RelatedControlsPanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="FeedbackPanel.(Grid.Row)" Value="1" />
 <Setter Target="FeedbackPanel.(Grid.Column)" Value="2" />
 <Setter Target="FeedbackPanel.(Grid.ColumnSpan)" Value="1" />
 <Setter Target="rightMargin.Width" Value="0" />
 <Setter Target="contentRoot.Padding" Value="14,0" />
 </VisualState.Setters>
 </VisualState>
 </VisualStateGroup>
 </VisualStateManager.VisualStateGroups>
 <!-- Content Region -->
 <ScrollViewer
 x:Name="svPanel"
 VerticalScrollBarVisibility="Auto"
 VerticalScrollMode="Auto">
 <Grid x:Name="contentRoot" Padding="24,0,0,0" SizeChanged="OnContentRootSizeChanged">
 <Grid.ColumnDefinitions>
 <ColumnDefinition x:Name="contentColumn" />
 <ColumnDefinition x:Name="rightMargin" Width="20" />
 <ColumnDefinition x:Name="infoColumn" Width="Auto" />
 </Grid.ColumnDefinitions>
 <Grid.RowDefinitions>
 <RowDefinition Height="Auto" />
 <RowDefinition Height="*" />
 <RowDefinition Height="20" />
 <RowDefinition Height="Auto" />
 </Grid.RowDefinitions>
 <TextBlock
 x:Name="descriptionText"
 Style="{ThemeResource BodyTextBlockStyle}"
 Grid.ColumnSpan="2"
 Margin="0,5,24,0"
 Text="{x:Bind Item.Description}" />
 <Frame x:Name="contentFrame" Grid.Row="1" />
 <Grid
 x:Name="seeAlsoPanel"
 Grid.Row="0"
 Grid.RowSpan="2"
 Grid.Column="2"
 Width="280"
 Margin="0,0,24,24">
 <Grid.RowDefinitions>
 <RowDefinition Height="Auto" />
 <RowDefinition Height="Auto" />
 <RowDefinition Height="Auto" />
 <RowDefinition Height="Auto" />
 </Grid.RowDefinitions>
 <Grid.ColumnDefinitions>
 <ColumnDefinition />
 <ColumnDefinition Width="20" />
 <ColumnDefinition />
 </Grid.ColumnDefinitions>
 <StackPanel x:Name="SourcePanel" Grid.Row="0" Grid.ColumnSpan="3" Margin="0,0,0,40">
 <TextBlock
 x:Name="SourceHeader"
 x:Uid="SourceHeader"
 Style="{ThemeResource SubtitleTextBlockStyle}"
 Text="View page code on GitHub"/>
 <HyperlinkButton
 x:Name="PageMarkupGitHubLink"
 ToolTipService.ToolTip="{x:Bind PageMarkupGitHubLink.NavigateUri, Mode=OneWay}">
 <TextBlock Text="XAML source code"/>
 </HyperlinkButton>
 <HyperlinkButton
 x:Name="PageCodeGitHubLink"
 ToolTipService.ToolTip="{x:Bind PageCodeGitHubLink.NavigateUri, Mode=OneWay}"
 Margin="0,12,0,0">
 <TextBlock Text="C# source code"/>
 </HyperlinkButton>
 </StackPanel>
 <StackPanel x:Name="DocumentationPanel" Grid.Row="1" Grid.ColumnSpan="3" Margin="0,0,0,40">
 <TextBlock
 x:Name="docHeader"
 x:Uid="DocHeader"
 Style="{StaticResource SubtitleTextBlockStyle}" />
 <ItemsControl
 x:Name="DocsList"
 Margin="0,12,0,0"
 IsTabStop="False"
 ItemsSource="{x:Bind Item.Docs}">
 <ItemsControl.ItemsPanel>
 <ItemsPanelTemplate>
 <StackPanel Orientation="Vertical" />
 </ItemsPanelTemplate>
 </ItemsControl.ItemsPanel>
 <ItemsControl.ItemTemplate>
 <DataTemplate x:DataType="data:ControlInfoDocLink">
 <HyperlinkButton NavigateUri="{Binding Uri}" ToolTipService.ToolTip="{Binding Uri}">
 <TextBlock Text="{x:Bind Title}" />
 </HyperlinkButton>
 </DataTemplate>
 </ItemsControl.ItemTemplate>
 </ItemsControl>
 </StackPanel>
 <StackPanel x:Name="RelatedControlsPanel" Grid.Row="2" Grid.ColumnSpan="3" Margin="0,0,0,40">
 <TextBlock
 x:Name="relatedControlsHeader"
 x:Uid="RelatedControlsHeader"
 Style="{StaticResource SubtitleTextBlockStyle}" />
 <ItemsControl
 x:Name="relatedItemsControl"
 Margin="0,12,0,0"
 IsTabStop="False"
 ItemsSource="{x:Bind Item.RelatedControls}">
 <ItemsControl.ItemsPanel>
 <ItemsPanelTemplate>
 <StackPanel Orientation="Vertical" />
 </ItemsPanelTemplate>
 </ItemsControl.ItemsPanel>
 <ItemsControl.ItemTemplate>
 <DataTemplate x:DataType="x:String">
 <!-- A HyperlinkButton must always provide an accessible name to a screen reader which
 conveys the purpose of the link. By default, when the HyperlinkButton is built
 as below, with an Image and TextBlock, the HyperlinkButton provides no accessible
 name. So bind the accessible name to the same data that provides the text shown
 visually on the contained TextBlock. -->
 <HyperlinkButton AutomationProperties.Name="{x:Bind}" Click="OnRelatedControlClick">
 <RelativePanel>
 <!-- Now that the HyperlinkButton has a helpful accessible name, it serves no
 useful purpose for the contained Image, (which is purely decorative,) or
 the contained TextBlock to be exposed to a screen reader. All the information
 required by customers using a screen reader is accessible directly through the
 Hyperlink button. As such, mark the contained elements as not being interesting
 to a screen reader through use of the AutomationProperties.AccessibilityView
 property. -->
 <Image
 AutomationProperties.AccessibilityView="Raw"
 x:Name="iconImage"
 Width="25"
 Margin="0,0,15,0"
 common:ImageLoader.Source="{Binding}" />
 <TextBlock
 AutomationProperties.AccessibilityView="Raw"
 Foreground="{ThemeResource HyperlinkButtonForeground}"
 RelativePanel.RightOf="iconImage"
 Text="{x:Bind}"
 TextWrapping="Wrap" />
 </RelativePanel>
 </HyperlinkButton>
 </DataTemplate>
 </ItemsControl.ItemTemplate>
 </ItemsControl>
 </StackPanel>
 <StackPanel x:Name="FeedbackPanel" Grid.Row="3" Grid.ColumnSpan="3">
 <TextBlock
 x:Name="feedbackHeader"
 x:Uid="FeedbackHeader"
 Style="{StaticResource SubtitleTextBlockStyle}" />
 <HyperlinkButton NavigateUri="https://github.com/microsoft/Xaml-Controls-Gallery/issues/new/choose" 
 ToolTipService.ToolTip="https://github.com/microsoft/Xaml-Controls-Gallery/issues/new/choose">
 <TextBlock x:Uid="FeedbackLink" />
 </HyperlinkButton>
 </StackPanel>
 </Grid>
 </Grid>
 </ScrollViewer>
 </Grid>
</Page>