Files
Shrlalgo.RvKits/NeuWPF/NeoUITest/MainWindow.xaml
2025-08-20 12:10:13 +08:00

1208 lines
62 KiB
XML

<neu:NeuWindow
Height="800"
Icon="/Resources/Images/ImageTest.png"
Loaded="Window_Loaded"
Selector.SelectionChanged="TabControl_SelectionChanged"
Title="样式示例"
Width="1000"
WindowStartupLocation="CenterScreen"
d:DataContext="{d:DesignInstance Type=neuwpftest:MainWindow}"
d:Height="Auto"
d:SizeToContent="WidthAndHeight"
mc:Ignorable="d"
x:Class="LumeTest.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:dm="clr-namespace:LumeTest.DataModel"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:neu="https://github.com/ShrlAlgo/NeuWPF"
xmlns:neuwpftest="clr-namespace:LumeTest"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<neu:NeuWindow.LeftContentTemplate>
<DataTemplate>
<Menu>
<MenuItem Header="文件">
<MenuItem Header="打开" />
<MenuItem Header="打开最近文件...">
<MenuItem Header="文件01" />
<MenuItem Header="文件02" />
<MenuItem Header="文件03" />
</MenuItem>
<Separator />
<MenuItem Header="保存" />
<MenuItem Header="另存为..." />
</MenuItem>
<MenuItem Header="编辑">
<MenuItem Header="删除" />
<MenuItem
Header="编辑模式"
IsCheckable="True"
IsChecked="True" />
</MenuItem>
<MenuItem
Header="复选"
IsCheckable="True"
IsChecked="True" />
<MenuItem Header="帮助">
<MenuItem Header="关于" />
</MenuItem>
</Menu>
</DataTemplate>
</neu:NeuWindow.LeftContentTemplate>
<neu:NeuWindow.RightContentTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<ComboBox x:Name="PrimaryColorSelectComboBox">
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Rectangle
Fill="{DynamicResource PrimaryNormalBrush}"
Height="20"
Width="20" />
<TextBlock Margin="5,0,0,0" Text="破晓蓝" />
</StackPanel>
</ComboBoxItem>
</ComboBox>
<ToggleButton
Checked="DarkTheme"
Style="{StaticResource NeuToggleSwitch}"
Unchecked="LightTheme">
<neu:ToggleSwitchAssist.OnContent>
<neu:SymbolIcon Symbol="Sunny" />
</neu:ToggleSwitchAssist.OnContent>
<neu:ToggleSwitchAssist.OffContent>
<neu:SymbolIcon Symbol="Nightlight" />
</neu:ToggleSwitchAssist.OffContent>
</ToggleButton>
</StackPanel>
</DataTemplate>
</neu:NeuWindow.RightContentTemplate>
<neu:NeuWindow.Resources>
<ResourceDictionary>
<neuwpftest:MainViewModel x:Key="mainViewModel" />
<!-- <ResourceDictionary.MergedDictionaries> -->
<!-- <enu:ThemesDictionary Theme="Dark" /> -->
<!-- <enu:ControlsDictionary /> -->
<!-- </ResourceDictionary.MergedDictionaries> -->
<dm:DataGridDemo x:Key="Dgd" />
<ContextMenu x:Key="ContextMenuDemo">
<MenuItem Header="菜单01" />
<MenuItem Header="菜单02" />
<Separator />
<MenuItem Header="菜单03">
<MenuItem Header="菜单A1" />
<MenuItem Header="菜单A2" />
<Separator />
<MenuItem Header="菜单A3" />
</MenuItem>
</ContextMenu>
</ResourceDictionary>
</neu:NeuWindow.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="auto" />
<RowDefinition Height="*" />
<RowDefinition Height="24" />
</Grid.RowDefinitions>
<!-- 工具栏 -->
<ToolBarTray Margin="4,4,4,0">
<ToolBar Foreground="{DynamicResource PrimaryFocusedBrush}" Header="工具栏">
<Button Click="Switch_OnClick" Content="切换主题" />
<ToggleButton Content="切换" />
<Separator />
<RadioButton Content="单选框A" IsChecked="True" />
<RadioButton Content="单选框B" />
<TextBox Text="文本框" Width="100" />
<CheckBox Content="复选框" />
<Separator />
<ComboBox SelectedIndex="0" Width="100">
<ComboBoxItem Content="选项01" />
<ComboBoxItem Content="选项02" />
<ComboBoxItem Content="选项03" />
</ComboBox>
</ToolBar>
<ToolBar Foreground="{DynamicResource PrimaryFocusedBrush}" Header="工具栏">
<ToggleButton Content="切换" />
<Button
Click="Test_OnClick"
Content="测试"
x:Name="Test" />
<Button Click="Icon_OnClick" Content="图标" />
<Button Click="ColorPalette_OnClick" Content="配色" />
</ToolBar>
</ToolBarTray>
<!-- 中间部分 -->
<neu:Anchor Grid.Row="1" Margin="4">
<neu:StackPanel Spacing="5">
<GroupBox Header="装饰器" neu:AnchorAssist.Header="装饰器 Decoration">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<!-- <ColumnDefinition /> -->
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<neu:SlotBorder
Content="凹槽"
CornerRadius="16"
FontSize="24"
Foreground="{DynamicResource PrimaryGradientBrush}"
Height="100"
HorizontalContentAlignment="Center"
Margin="5"
VerticalContentAlignment="Center" />
<neu:EmbossBorder
Content="浮雕"
ContextMenu="{StaticResource ContextMenuDemo}"
CornerRadius="16"
FontSize="24"
Foreground="{DynamicResource PrimaryGradientBrush}"
Grid.Column="1"
Grid.Row="0"
HorizontalContentAlignment="Center"
Margin="5"
ToolTip="右键"
VerticalContentAlignment="Center" />
<neu:Card
Content="卡片"
CornerRadius="16"
FontSize="24"
Foreground="{DynamicResource PrimaryGradientBrush}"
Grid.Column="2"
Grid.Row="0"
HorizontalContentAlignment="Center"
Margin="5"
VerticalContentAlignment="Center" />
<UniformGrid
Grid.Column="3"
Grid.Row="0"
Rows="1">
<!-- <Border
Margin="10"
Background="#E0E5EC"
CornerRadius="30">
<Border.Effect>
-->
<!-- 应用我们自定义的着色器效果 -->
<!-- <enu:NeumorphismEffect
CornerRadius="30"
DarkShadowColor="#A3B1C6"
LightDirection="-1,-1"
LightShadowColor="#FFFFFF"
ShadowBlur="15"
ShadowDistance="7" />
</Border.Effect>
</Border>-->
</UniformGrid>
<neu:LightedSurface
Background="{DynamicResource BackgroundLayoutBrush}"
Content="在此处移动鼠标"
CornerRadius="16"
FontSize="24"
Foreground="{DynamicResource PrimaryGradientBrush}"
Grid.Column="0"
Grid.ColumnSpan="4"
Grid.Row="1"
Height="100"
Margin="5" />
</Grid>
</GroupBox>
<StackPanel neu:AnchorAssist.Header="警告提示 Alert">
<StackPanel>
<CheckBox Content="标题" x:Name="IsBanner" />
<neu:Alert
Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
Description="这是一个信息提示框。"
Margin="5"
Message="信息" />
<neu:Alert
Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
Description="这是一个成功提示框。"
Margin="5"
Message="成功"
Type="Success" />
<neu:Alert
Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
Description="这是一个警告提示框。"
Margin="5"
Message="警告"
Type="Warning" />
<neu:Alert
Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
Description="这是一个错误提示框。"
Margin="5"
Message="错误"
Type="Error" />
</StackPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="通知 Toast">
<StackPanel>
<StackPanel Orientation="Horizontal">
<Button Click="LeftTopButton_Click" Content="Notification左上" />
<Button Click="RightTopButton_Click" Content="Notification右上" />
<Button Click="LeftBottomButton_Click" Content="Notification左下" />
<Button Click="RightBottomButton_Click" Content="Notification右下" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<Button Click="Info_Click" Content="ToastInfo" />
<Button Click="Success_Click" Content="ToastSuccess" />
<Button Click="Warning_Click" Content="ToastWarning" />
<Button Click="Error_Click" Content="ToastError" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<Button Click="ShowBasicModal_Click" Content="BasicModal" />
<Button Click="ShowAsyncModal_Click" Content="AsyncModal" />
<Button Content="FloatingButton" Style="{StaticResource NeumorphicButtonLocal}" />
</StackPanel>
</StackPanel>
</StackPanel>
<neu:FlexibleRowPanel neu:AnchorAssist.Header="文字 Text">
<neu:CodeBox Title="代码块">
<neu:CodeBox.Description>代码块基本使用</neu:CodeBox.Description>
<neu:CodeBox.Content>
<neu:FlexibleRowPanel LayoutMode="Auto">
<neu:Heading Size="ExtraLarge" Text="ExtraLarge" />
<neu:Heading Size="Large" Text="Large" />
<neu:Heading Size="Medium" Text="Medium" />
<neu:Heading Size="Normal" Text="Normal" />
<neu:Heading Size="Small" Text="Small" />
<neu:Heading Size="Tiny" Text="Tiny" />
</neu:FlexibleRowPanel>
</neu:CodeBox.Content>
<neu:CodeBox.Code>
&lt;ResourceDictionary Source="pack://application:,,,/Antd;component/Styles/Theme.xaml" /&gt;\n
&lt;ResourceDictionary Source="pack://application:,,,/Antd;component/Styles/AntIcons.xaml" /&gt;\n\n
xmlns:Antd="clr-namespace:Antd.Controls;assembly=antd"\n\n
&lt;WrapPanel&gt;\n
\t&lt;Antd:Tag&gt;Tag 1&lt;/Antd:Tag&gt;\n
\t&lt;Antd:Tag&gt;Link&lt;/Antd:Tag&gt;\n
\t&lt;Antd:Tag Closable="True"&gt;Tag 2&lt;/Antd:Tag&gt;\n
\t&lt;Antd:Tag Closable="True" cal:Message.Attach="[Event Closing] = [Action Closing($source, $eventArgs)]"&gt;Prevent Default&lt;/Antd:Tag&gt;\n
&lt;/WrapPanel&gt;
</neu:CodeBox.Code>
</neu:CodeBox>
</neu:FlexibleRowPanel>
<StackPanel neu:AnchorAssist.Header="分隔条 Divider">
<neu:Divider Content="Text" Margin="0,16" />
<neu:Divider
Content="Left Text"
Margin="0,16"
TextOrientation="Left" />
<neu:Divider
Content="Right Text"
Margin="0,16"
TextOrientation="Right" />
<neu:FlexibleRowPanel>
<neu:Divider
Content="Text"
Height="20"
Orientation="Vertical" />
<Separator Height="20" Style="{StaticResource VerticalSeparator}" />
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="图标、文本、标签">
<StackPanel>
<UniformGrid Columns="6">
<TextBlock
HorizontalAlignment="Center"
Margin="5"
Text="文本块"
VerticalAlignment="Center" />
<TextBlock
FontFamily="{StaticResource MaterialIconFont}"
HorizontalAlignment="Center"
Margin="5"
Text="{neu:SymbolIcon Symbol=AddBox}"
VerticalAlignment="Center" />
<neu:SymbolIcon
FontSize="14"
FontWeight="Regular"
Foreground="Green"
HorizontalAlignment="Center"
Margin="5"
Symbol="Save"
VerticalAlignment="Center" />
<neu:Pill
Content="必应"
Margin="10"
Url="www.bing.com">
<neu:Pill.Header>
<neu:SymbolIcon Symbol="Search" />
</neu:Pill.Header>
</neu:Pill>
<neu:Pill
Content="C盘"
HeadBackground="{DynamicResource PrimaryGradientBrush}"
Margin="10"
Url="C:\">
<neu:Pill.Header>
<neu:SymbolIcon Symbol="HardDisk" />
</neu:Pill.Header>
</neu:Pill>
<neu:Pill
Content="C盘"
HeadBackground="{DynamicResource PrimaryGradientBrush}"
Header="标题"
Margin="10"
Url="C:\" />
<neu:Tag Content="默认标签" Margin="10" />
<neu:Tag
Closable="True"
Content="可关闭标签"
Margin="10" />
<neu:Tag
Closable="True"
Content="颜色标签"
Foreground="{DynamicResource PrimaryNormalBrush}"
Margin="10" />
<neu:Tag
Closable="True"
Content="多彩的"
Margin="10" />
<neu:Tag
Background="{DynamicResource PrimaryNormalBrush}"
Closable="True"
Content="白色前景色"
Foreground="White"
Margin="10" />
<neu:CheckableTag
Content="可切换标签"
IsChecked="True"
Margin="10" />
<neu:Avatar>
<neu:SymbolIcon Foreground="{DynamicResource PrimaryGradientBrush}" Symbol="AccountCircle" />
</neu:Avatar>
<neu:Avatar Foreground="{DynamicResource PrimaryNormalBrush}">
<TextBlock Margin="5" Text="Head" />
</neu:Avatar>
<neu:Badge Status="Success" />
<neu:Badge Count="10">
<Button Content="徽章" />
</neu:Badge>
<neu:Badge Count="100" OverflowCount="99">
<Button Content="徽章" />
</neu:Badge>
<neu:Badge Status="Warning">
<Button Content="徽章" />
</neu:Badge>
</UniformGrid>
</StackPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="普通按钮 Button">
<StackPanel>
<UniformGrid Columns="6" Rows="2">
<Button Content="基本" />
<Button Content="禁用按钮" IsEnabled="False" />
<Button Content="拟态" Style="{StaticResource NeuButtonStyle}" />
<Button
Content="禁用拟态"
IsEnabled="False"
Style="{StaticResource NeuButtonStyle}" />
<Button
Content="主要"
ToolTip="Primary"
ToolTipService.Placement="Top"
neu:ButtonAssist.AppearanceType="Primary" />
<Button
Content="禁用主要"
IsEnabled="False"
neu:ButtonAssist.AppearanceType="Info" />
<Button
Content="成功"
ToolTip="Succeed"
ToolTipService.InitialShowDelay="0"
ToolTipService.Placement="Bottom"
neu:ButtonAssist.AppearanceType="Success" />
<Button
Content="禁用成功"
IsEnabled="False"
neu:ButtonAssist.AppearanceType="Success" />
<Button Content="警告" neu:ButtonAssist.AppearanceType="Warning" />
<Button
Content="禁用警告"
IsEnabled="False"
neu:ButtonAssist.AppearanceType="Warning" />
<Button Content="危险" neu:ButtonAssist.AppearanceType="Error" />
<Button
Content="禁用危险"
IsEnabled="False"
neu:ButtonAssist.AppearanceType="Error" />
</UniformGrid>
<UniformGrid Rows="1">
<Button IsEnabled="False">
<StackPanel Orientation="Horizontal">
<neu:SymbolIcon Margin="5,0" Symbol="Box" />
<TextBlock Text="图标" />
</StackPanel>
</Button>
<Button
Content="扁平按钮"
Margin="4"
Style="{StaticResource FlattenButton}" />
<Button
Content="禁用按钮"
IsEnabled="False"
Margin="4"
Style="{StaticResource FlattenButton}" />
<neu:Hyperlink Content="超链接" Margin="4" />
</UniformGrid>
<UniformGrid Rows="1">
<Button Content="运行中..." neu:ButtonAssist.IsRunning="True" />
<Button Content="图标" neu:ButtonAssist.Icon="MagicButton" />
<RepeatButton Content="RepeatButton" />
<RepeatButton Content="RepeatButton" IsEnabled="False" />
</UniformGrid>
</StackPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="输入框 Input">
<neu:FlexibleRowPanel>
<TextBox
Text="{Binding ElementName=Regions, Path=SelectedItem}"
VerticalAlignment="Top"
neu:InputAssist.Clearable="True" />
<TextBox
IsEnabled="False"
Text="禁用"
VerticalAlignment="Center" />
<TextBox
IsReadOnly="True"
Text="只读"
VerticalAlignment="Center" />
<TextBox
Text="123"
neu:InputAssist.Clearable="True"
neu:InputAssist.Placeholder="水印"
neu:InputAssist.Prefix="Text"
neu:InputAssist.Suffix="mm" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<TextBox neu:InputAssist.Placeholder="水印" neu:InputAssist.Prefix="Prefix">
<neu:InputAssist.Suffix>
<Button
Content="Search"
Style="{StaticResource FlattenButton}"
VerticalContentAlignment="Stretch"
neu:ControlAssist.CornerRadius="0 4 4 0" />
</neu:InputAssist.Suffix>
</TextBox>
<TextBox neu:InputAssist.Placeholder="请输入用户名">
<neu:InputAssist.Prefix>
<neu:SymbolIcon Foreground="#3F000000" Symbol="VerifiedUser" />
</neu:InputAssist.Prefix>
<neu:InputAssist.Suffix>
<neu:SymbolIcon Foreground="#3F000000" Symbol="Close" />
</neu:InputAssist.Suffix>
</TextBox>
<TextBox
IsEnabled="False"
Text="禁用"
VerticalAlignment="Center" />
<TextBox
IsReadOnly="True"
Text="只读"
VerticalAlignment="Center" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<PasswordBox Password="666" />
<PasswordBox IsEnabled="False" Password="666" />
<PasswordBox
neu:InputAssist.Clearable="True"
neu:InputAssist.Eyeable="True"
neu:InputAssist.Password="{Binding Password}"
neu:InputAssist.Placeholder="请输入密码" />
<PasswordBox
IsEnabled="False"
Password="12345"
neu:InputAssist.Clearable="True"
neu:InputAssist.Eyeable="True" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<neu:NumberBox
MaxValue="100"
MinValue="-100"
Precision="3"
Step="0.05"
Value="10" />
<neu:NumberBox
IsEnabled="False"
MaxValue="100"
MinValue="0"
Precision="3"
Step="0.05"
Value="10" />
<neu:NumericBox CurValue="100" Style="{StaticResource DefaultTextBox}" />
</neu:FlexibleRowPanel>
<RichTextBox Grid.Row="2">
<FlowDocument>
<Paragraph>
<Bold>Flow Document</Bold>
in a<Run Foreground="{StaticResource PrimaryGradientBrush}">富文本框.</Run>
</Paragraph>
</FlowDocument>
</RichTextBox>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="文件、文件夹 Browser">
<neu:FlexibleRowPanel>
<neu:ChooseBox PlaceholderText="请选择路径" />
<neu:ChooseBox IsEnabled="False" Text="选择路径" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<neu:UploadArea
Accept="Image Files|*.jpg;*.jpeg;*.png;*.gif|All Files|*.*"
HintText="点击选择单个图片"
Mode="FilesOnly" />
<neu:UploadArea HintText="点击选择一个项目文件夹" Mode="FoldersOnly" />
<neu:UploadArea
Accept="Document Files|*.doc;*.docx;*.pdf|All Files|*.*"
HintText="点击或拖拽多个文档到此"
Mode="FilesOnly"
Multiple="True" />
<neu:UploadArea
HintText="点击或拖拽多个文件夹到此"
Mode="FoldersOnly"
Multiple="True" />
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="下拉框 ComboBox">
<neu:FlexibleRowPanel Spacing="5">
<ComboBox IsEditable="True" SelectedIndex="0">
<ComboBoxItem Content="可编辑 选项" />
<ComboBoxItem Content="选项 B" />
<ComboBoxItem Content="选项 C" />
</ComboBox>
<ComboBox
IsEditable="True"
IsEnabled="False"
SelectedIndex="0">
<ComboBoxItem Content="可编辑 选项" />
<ComboBoxItem Content="选项 B" />
<ComboBoxItem Content="选项 C" />
</ComboBox>
<ComboBox SelectedIndex="0">
<ComboBoxItem Content="选项 A" />
<ComboBoxItem Content="选项 B" />
<ComboBoxItem Content="选项 C" />
</ComboBox>
<ComboBox IsEnabled="False" SelectedIndex="0">
<ComboBoxItem Content="选项 A" />
<ComboBoxItem Content="选项 B" />
<ComboBoxItem Content="选项 C" />
</ComboBox>
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel neu:AnchorAssist.Header="级联选择 Cascader">
<neu:Cascader
DisplayMemberPath="Name"
ItemsSource="{Binding StaffList, Mode=TwoWay}"
SelectedValue="{Binding Staff, Mode=TwoWay}"
SubmenuMemberPath="StaffList" />
<neu:Cascader
DisplayMemberPath="Name"
IsSearchable="False"
ItemsSource="{Binding StaffList, Mode=TwoWay}"
SelectedValue="{Binding Staff, Mode=TwoWay}"
SubmenuMemberPath="StaffList" />
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
<TextBlock FontWeight="Bold" Text="详情:" />
<StackPanel Orientation="Horizontal">
<TextBlock Text="姓名: " />
<TextBlock Text="{Binding Staff.Name, FallbackValue='N/A'}" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock Text="年龄: " />
<TextBlock Text="{Binding Staff.Age, FallbackValue='N/A'}" />
</StackPanel>
</StackPanel>
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<neu:AutoComplete
ItemsSource="{Binding Areas}"
SelectedItem="{Binding Area, Mode=TwoWay}"
Text="{Binding Input, Mode=TwoWay}"
neu:InputAssist.Placeholder="请输入地区.." />
<neu:AutoComplete
ItemsSource="{Binding Areas}"
SelectedItem="{Binding Area, Mode=TwoWay}"
Text="{Binding Input, Mode=TwoWay}"
neu:InputAssist.Clearable="False" />
<neu:AutoComplete
IsEnabled="False"
ItemsSource="{Binding Areas}"
SelectedItem="{Binding Area, Mode=TwoWay}"
Text="{Binding Area.Name, Mode=TwoWay}" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel Spacing="5">
<neu:NeuComboBox
DisplayMemberPath="Name"
ItemsSource="{Binding Areas}"
PlaceHolderText="请选择区域..."
SelectedItem="{Binding Area}"
SelectionMode="Single"
x:Name="Regions" />
<neu:NeuComboBox
DisplayMemberPath="Name"
IsFilteringEnabled="False"
ItemsSource="{Binding Areas}"
PlaceHolderText="请选择区域..."
SelectedItem="{Binding Area}"
SelectionMode="Single" />
<neu:NeuComboBox
DisplayMemberPath="Name"
ItemsSource="{Binding Areas}"
PlaceHolderText="请选择区域..."
SelectedItems="{Binding SelectedListAreas}"
SelectionMode="Multiple" />
<neu:NeuComboBox
IsFilteringEnabled="False"
ItemsSource="{Binding Areas}"
PlaceHolderText="请选择区域..."
SelectedItems="{Binding SelectedObservableAreas}"
SelectionMode="Multiple" />
<Button Command="{Binding AddAreaCommand}" Content="测试" />
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="切换按钮 ToggleButton">
<neu:FlexibleRowPanel>
<ToggleButton Content="切换按钮" IsChecked="False" />
<ToggleButton Content="切换按钮" IsChecked="True" />
<ToggleButton
Content="禁用切换按钮"
IsChecked="False"
IsEnabled="False" />
<ToggleButton
Content="禁用切换按钮"
IsChecked="True"
IsEnabled="False" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<ToggleButton
IsChecked="False"
Style="{StaticResource ToggleSwitch}"
Width="100" />
<ToggleButton
IsChecked="False"
IsEnabled="False"
Style="{StaticResource ToggleSwitch}" />
<ToggleButton IsChecked="True" Style="{StaticResource ToggleSwitch}" />
<ToggleButton
IsChecked="True"
IsEnabled="False"
Style="{StaticResource ToggleSwitch}" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<ToggleButton
IsChecked="True"
Style="{StaticResource NeuToggleSwitch}"
neu:ToggleSwitchAssist.ShowText="True">
<neu:ToggleSwitchAssist.OnContent>
<neu:SymbolIcon Symbol="ToggleOn" />
</neu:ToggleSwitchAssist.OnContent>
<neu:ToggleSwitchAssist.OffContent>
<neu:SymbolIcon Symbol="ToggleOff" />
</neu:ToggleSwitchAssist.OffContent>
</ToggleButton>
<ToggleButton
IsChecked="True"
IsEnabled="False"
Style="{StaticResource NeuToggleSwitch}">
<neu:ToggleSwitchAssist.OnContent>
<neu:SymbolIcon Symbol="ToggleOn" />
</neu:ToggleSwitchAssist.OnContent>
<neu:ToggleSwitchAssist.OffContent>
<neu:SymbolIcon Symbol="ToggleOff" />
</neu:ToggleSwitchAssist.OffContent>
</ToggleButton>
<ToggleButton
IsChecked="False"
Style="{StaticResource NeuToggleSwitch}"
neu:ToggleSwitchAssist.ShowText="False" />
<ToggleButton
IsChecked="False"
IsEnabled="False"
Style="{StaticResource NeuToggleSwitch}" />
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="文本标签 Label">
<UniformGrid Rows="1">
<Label Content="默认标签" />
<Label Content="主要标签" Style="{StaticResource LabelPrimary}" />
<Label Content="禁用默认标签" IsEnabled="False" />
<Label
Content="禁用主要标签"
IsEnabled="False"
Style="{StaticResource LabelPrimary}" />
</UniformGrid>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="折叠 Expander">
<Expander Header="折叠" IsExpanded="True">
<!-- <Grid Height="40" >
<neu:RunningLine>
<neu:RunningLine.LineTemplate>
<DataTemplate>
<TextBlock Text="这是一个折叠内容的示例。" />
</DataTemplate>
</neu:RunningLine.LineTemplate>
</neu:RunningLine>
</Grid>-->
</Expander>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="复选框 CheckBox">
<UniformGrid Rows="1">
<CheckBox Content="复选框" />
<CheckBox Content="复选框" IsEnabled="False" />
<CheckBox Content="复选框" IsChecked="{x:Null}" />
<CheckBox
Content="复选框"
IsChecked="{x:Null}"
IsEnabled="False" />
<CheckBox Content="复选框" IsChecked="True" />
<CheckBox
Content="复选框"
IsChecked="True"
IsEnabled="False" />
</UniformGrid>
<UniformGrid Rows="1">
<CheckBox Content="复选框" Style="{StaticResource SlotCheckBox}" />
<CheckBox
Content="复选框"
IsEnabled="False"
Style="{StaticResource SlotCheckBox}" />
<CheckBox
Content="复选框"
IsChecked="True"
Style="{StaticResource SlotCheckBox}" />
<CheckBox
Content="复选框"
IsChecked="True"
IsEnabled="False"
Style="{StaticResource SlotCheckBox}" />
</UniformGrid>
</StackPanel>
<UniformGrid Rows="1">
<CheckBox Content="复选框" Style="{StaticResource EmbossCheckBox}" />
<CheckBox
Content="复选框"
IsEnabled="False"
Style="{StaticResource EmbossCheckBox}" />
<CheckBox
Content="复选框"
IsChecked="True"
Style="{StaticResource EmbossCheckBox}" />
<CheckBox
Content="复选框"
IsChecked="True"
IsEnabled="False"
Style="{StaticResource EmbossCheckBox}" />
</UniformGrid>
<StackPanel neu:AnchorAssist.Header="单选框 RadioButton">
<neu:FlexibleRowPanel>
<RadioButton
Content="单选按钮 A"
GroupName="RadioG1"
IsChecked="True" />
<RadioButton
Content="禁用单选按钮 A"
GroupName="RadioG2"
IsChecked="True"
IsEnabled="False" />
<RadioButton
Content="单选按钮 B"
GroupName="RadioG1"
IsChecked="{x:Null}" />
<RadioButton
Content="禁用单选按钮 B"
GroupName="RadioG2"
IsChecked="{x:Null}"
IsEnabled="False" />
<RadioButton Content="单选按钮 C" GroupName="RadioG1" />
<RadioButton
Content="禁用单选按钮 C"
GroupName="RadioG2"
IsEnabled="False" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel>
<RadioButton
Content="单选按钮 A"
GroupName="RadioG1"
IsChecked="True"
Style="{StaticResource EmbossRadioButton}" />
<RadioButton
Content="禁用单选按钮 A"
GroupName="RadioG2"
IsChecked="True"
IsEnabled="False"
Style="{StaticResource EmbossRadioButton}" />
<RadioButton
Content="单选按钮 C"
GroupName="RadioG1"
Style="{StaticResource EmbossRadioButton}" />
<RadioButton
Content="禁用单选按钮 C"
GroupName="RadioG2"
IsEnabled="False"
Style="{StaticResource EmbossRadioButton}" />
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="滑动/滚动条 Slider">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<StackPanel>
<CheckBox Content="加载中" x:Name="IsSpining" />
<StackPanel Height="100" Orientation="Horizontal">
<Slider
Maximum="100"
Minimum="0"
Orientation="Vertical"
Value="25"
x:Name="ProgressVerticalSlider" />
<Slider
IsEnabled="False"
Maximum="100"
Minimum="0"
Orientation="Vertical"
Value="25"
x:Name="ProgressVerticalSlider1" />
<ProgressBar
Height="100"
IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
Maximum="100"
Minimum="0"
Orientation="Vertical"
Value="{Binding ElementName=ProgressVerticalSlider, Path=Value}" />
<ProgressBar
Height="100"
IsEnabled="False"
IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
Maximum="100"
Minimum="0"
Orientation="Vertical"
Value="{Binding ElementName=ProgressVerticalSlider, Path=Value}" />
<ProgressBar
Height="100"
IsEnabled="False"
IsIndeterminate="True"
Maximum="100"
Minimum="0"
Orientation="Vertical"
Value="100" />
</StackPanel>
</StackPanel>
<Grid Grid.Column="1" Panel.ZIndex="10">
<neu:Spin Spinning="{Binding ElementName=IsSpining, Path=IsChecked}" Tip="加载中...">
<StackPanel x:Name="SpinPanel">
<CheckBox Content="进度待定" x:Name="ProgressCheckbox" />
<Slider
Maximum="100"
Minimum="0"
Value="25"
x:Name="ProgressSlider" />
<Slider
IsEnabled="False"
Maximum="100"
Minimum="0"
Value="25"
x:Name="ProgressSlider1" />
<ProgressBar
IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
Maximum="100"
Minimum="0"
Value="{Binding ElementName=ProgressSlider, Path=Value}" />
<ProgressBar
IsEnabled="False"
IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
Maximum="100"
Minimum="0"
Value="{Binding ElementName=ProgressSlider, Path=Value}" />
</StackPanel>
</neu:Spin>
<neu:Spin
HorizontalAlignment="Left"
Spinning="{Binding ElementName=IsSpining, Path=IsChecked}"
Tip="加载中...">
<neu:Spin.Indicator>
<neu:SymbolIcon Symbol="Downloading" />
</neu:Spin.Indicator>
</neu:Spin>
</Grid>
</Grid>
</StackPanel>
<neu:FlexibleRowPanel LayoutMode="Auto" neu:AnchorAssist.Header="时间日期 DataPicker">
<StackPanel>
<DatePicker />
<DatePicker IsEnabled="False" />
<TextBox />
</StackPanel>
<Calendar>
<Calendar.BlackoutDates>
<CalendarDateRange End="2022/7/12" Start="2022/7/10" />
</Calendar.BlackoutDates>
</Calendar>
<Calendar IsEnabled="False">
<Calendar.BlackoutDates>
<CalendarDateRange End="2022/7/12" Start="2022/7/10" />
</Calendar.BlackoutDates>
</Calendar>
<neu:TimePicker />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel neu:AnchorAssist.Header="颜色拾取 ColorPicker">
<!--<neu:ColorPickerControl />-->
<neu:ColorPanel />
<neu:ColorPicker Margin="10" SelectedColor="Black" />
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel neu:AnchorAssist.Header="树形结构 TreeViwe">
<TreeView Margin="4">
<TreeViewItem Header="A123" IsExpanded="True">
<TreeViewItem
Header="B123"
IsExpanded="True"
IsSelected="True">
<TreeViewItem Header="C123" />
</TreeViewItem>
<TreeViewItem Header="B456" IsEnabled="False" />
</TreeViewItem>
</TreeView>
<neu:MultiTreeView>
<neu:MultiTreeViewItem Header="Item1">
<neu:MultiTreeViewItem Header="Item1">
<neu:MultiTreeViewItem Header="Item1" />
<neu:MultiTreeViewItem Header="Item1" />
</neu:MultiTreeViewItem>
<neu:MultiTreeViewItem Header="Item1" />
</neu:MultiTreeViewItem>
<neu:MultiTreeViewItem Header="Item1" />
<neu:MultiTreeViewItem Header="Item1" />
</neu:MultiTreeView>
<neu:MultiTreeView ItemsSource="{Binding Nodes}" SelectedItems="{Binding SelectedNodes}">
<neu:MultiTreeView.ItemTemplate>
<HierarchicalDataTemplate ItemsSource="{Binding Children}">
<TextBlock Text="{Binding Name}" />
</HierarchicalDataTemplate>
</neu:MultiTreeView.ItemTemplate>
</neu:MultiTreeView>
</neu:FlexibleRowPanel>
<StackPanel neu:AnchorAssist.Header="列表框 ListBox">
<neu:FlexibleRowPanel>
<ListBox Margin="4">
<ListBoxItem>SyminOmega</ListBoxItem>
<ListBoxItem>Celeron533</ListBoxItem>
<ListBoxItem>Hello World</ListBoxItem>
<ListBoxItem>Furry Fantasy</ListBoxItem>
<ListBoxItem>Item Demo</ListBoxItem>
<ListBoxItem>Item Demo</ListBoxItem>
</ListBox>
<ListView
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4">
<ListView.View>
<GridView>
<GridViewColumn DisplayMemberBinding="{Binding Id}" Header="ID" />
<GridViewColumn DisplayMemberBinding="{Binding Name}" Header="Name" />
<GridViewColumn DisplayMemberBinding="{Binding Age}" Header="Age" />
<GridViewColumn DisplayMemberBinding="{Binding Mark}" Header="Mark" />
<GridViewColumn DisplayMemberBinding="{Binding Gender}" Header="Gender" />
</GridView>
</ListView.View>
</ListView>
</neu:FlexibleRowPanel>
<neu:FlexibleRowPanel LayoutMode="Auto" Spacing="10">
<UniformGrid Columns="1">
<ListBox
HorizontalAlignment="Center"
SelectedIndex="1"
Style="{StaticResource TabGroupListBoxStyle}"
VerticalAlignment="Center">
<ListBoxItem Content="Home" />
<ListBoxItem Content="Away" />
<ListBoxItem Content="Night" />
</ListBox>
<ListBox
HorizontalAlignment="Center"
SelectedIndex="0"
Style="{StaticResource SlideTabGroupListBoxStyle}"
VerticalAlignment="Center"
neu:ListBoxSlideBehavior.EnableSlideAnimation="True">
<!-- 这里是你的数据项 -->
<sys:String>Tab 1</sys:String>
<sys:String>Tab 2</sys:String>
<sys:String>Tab 3</sys:String>
<sys:String>Another Tab</sys:String>
</ListBox>
</UniformGrid>
<ListBox
HorizontalAlignment="Center"
SelectedIndex="1"
Style="{StaticResource TabGroupListBoxStyle}"
VerticalAlignment="Center"
neu:ListBoxAssist.Orientation="Vertical">
<ListBoxItem Content="Home" />
<ListBoxItem Content="Away" />
<ListBoxItem Content="Night" />
</ListBox>
<ListBox
HorizontalAlignment="Center"
SelectedIndex="0"
Style="{StaticResource SlideTabGroupListBoxStyle}"
VerticalAlignment="Center"
neu:ListBoxAssist.Orientation="Vertical"
neu:ListBoxSlideBehavior.EnableSlideAnimation="True">
<!-- 这里是你的数据项 -->
<sys:String>Tab 1</sys:String>
<sys:String>Tab 2</sys:String>
<sys:String>Tab 3</sys:String>
<sys:String>Another Tab</sys:String>
</ListBox>
</neu:FlexibleRowPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="数据展示 TabControl">
<WrapPanel>
<TabControl Style="{StaticResource NavigationTabControl}">
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<TabControl Style="{StaticResource NavigationTabControl}" TabStripPlacement="Bottom">
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<TabControl>
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<TabControl TabStripPlacement="Left">
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<TabControl Style="{StaticResource FlattenTabControl}" TabStripPlacement="Top">
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<TabControl Style="{StaticResource FlattenTabControl}" TabStripPlacement="Left">
<TabItem Header="选项卡 1">
<Grid Margin="4">
<!-- <Separator /> -->
<DataGrid
DataContext="{StaticResource Dgd}"
ItemsSource="{Binding DataCollection}"
Margin="4" />
</Grid>
</TabItem>
<TabItem Header="选项卡 2" />
<TabItem Header="禁用选项卡" IsEnabled="False" />
</TabControl>
<!-- 显示分页后的数据 -->
<neu:PaginationControl
CurrentPage="{Binding CurrentPage, Mode=TwoWay}"
DataContext="{StaticResource mainViewModel}"
HorizontalAlignment="Center"
Margin="0,15,0,0"
PageSize="{Binding PageSize, Mode=TwoWay}"
ShowPageInput="True"
TotalItems="{Binding TotalItems}" />
</WrapPanel>
</StackPanel>
<StackPanel neu:AnchorAssist.Header="其他 Others">
<neu:Breadcrumb Navigate="Breadcrumb_Navigate">
<neu:BreadcrumbItem
Content="Item1"
Href="Item1"
ToolTip="Item 3 Href属性为空将禁用" />
<neu:BreadcrumbItem
Content="Item2"
Href="Item2"
ToolTip="Item 3 Href属性为空将禁用" />
<neu:BreadcrumbItem Content="Item3" />
</neu:Breadcrumb>
</StackPanel>
</neu:StackPanel>
</neu:Anchor>
<!-- 状态栏部分 -->
<StatusBar Grid.Row="2">
<TextBlock Text="★" />
<TextBlock Text="状态栏" />
<Separator />
<TextBlock Text="消息" x:Name="TextMessage" />
</StatusBar>
</Grid>
</neu:NeuWindow>