You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
642 lines
35 KiB
642 lines
35 KiB
<!--***************************************************************************************
|
|
|
|
Extended WPF Toolkit
|
|
|
|
Copyright (C) 2007-2014 Xceed Software Inc.
|
|
|
|
This program is provided to you under the terms of the Microsoft Public
|
|
License (Ms-PL) as published at http://wpftoolkit.codeplex.com/license
|
|
|
|
For more features, controls, and fast professional support,
|
|
pick up the Plus Edition at http://xceed.com/wpf_toolkit
|
|
|
|
Stay informed: follow @datagrid on Twitter or Like http://facebook.com/datagrids
|
|
|
|
*************************************************************************************-->
|
|
<local:DemoView x:Class="Xceed.Wpf.Toolkit.LiveExplorer.Samples.Theming.Views.ThemingAvalonDockView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:xcad="http://schemas.xceed.com/wpf/xaml/avalondock"
|
|
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
|
|
xmlns:s="clr-namespace:System;assembly=mscorlib"
|
|
xmlns:view="clr-namespace:Xceed.Wpf.Toolkit.LiveExplorer.Samples.Theming.Views"
|
|
xmlns:local="clr-namespace:Xceed.Wpf.Toolkit.LiveExplorer"
|
|
Title="Theming AvalonDock"
|
|
x:Name="_demo">
|
|
<local:DemoView.Description>
|
|
<Paragraph FontSize="14"
|
|
FontFamily="Segoe">
|
|
<!--//# TODODOC -->
|
|
<Run>Changes the themes of the AvalonDock controls. Available themes are System, Aero, VS2010, Metro, Office2007 and Metro with accent color. The Xceed.Wpf.AvalonDock.Themes.xxx.dll assemblies are necessary to use the themes.</Run>
|
|
<!--##INCLUDE_OPEN_SOURCE
|
|
<LineBreak />
|
|
<Run>Some features of this sample are only available in the "Plus" version.</Run>
|
|
<LineBreak />
|
|
<Hyperlink NavigateUri="http://www.xceed.com/Extended_WPF_Toolkit_Intro.html" RequestNavigate="Hyperlink_RequestNavigate">
|
|
Click here for more details about Xceed Extended WPF Toolkit Plus.
|
|
</Hyperlink>
|
|
##END-->
|
|
</Paragraph>
|
|
</local:DemoView.Description>
|
|
|
|
<local:DemoView.Resources>
|
|
<!--##EXCLUDE_OPEN_SOURCE-->
|
|
<LinearGradientBrush x:Key="customAccentBrush1"
|
|
EndPoint="0.5,1"
|
|
StartPoint="0.5,0">
|
|
<GradientStop Color="#FF0086c6"
|
|
Offset="0" />
|
|
<GradientStop Color="#FF66ccff"
|
|
Offset="0.94" />
|
|
<GradientStop Color="#FFddf4ff"
|
|
Offset="0.94" />
|
|
<GradientStop Color="#FFddf4ff"
|
|
Offset="0.97" />
|
|
<GradientStop Color="#FFddf4ff"
|
|
Offset="1" />
|
|
</LinearGradientBrush>
|
|
<LinearGradientBrush x:Key="customAccentBrush2"
|
|
EndPoint="0.5,1"
|
|
StartPoint="0.5,0">
|
|
<GradientStop Color="#FFff0099"
|
|
Offset="0" />
|
|
<GradientStop Color="#FF993366"
|
|
Offset="1" />
|
|
</LinearGradientBrush>
|
|
<LinearGradientBrush x:Key="customAccentBrush3"
|
|
EndPoint="0.5,1"
|
|
StartPoint="0.5,0">
|
|
<GradientStop Color="#FF9DE214"
|
|
Offset="0" />
|
|
<GradientStop Color="#FF9DE214"
|
|
Offset="0.2" />
|
|
<GradientStop Color="#FF95CA2A"
|
|
Offset="0.2" />
|
|
<GradientStop Color="#FF339933"
|
|
Offset="1" />
|
|
</LinearGradientBrush>
|
|
|
|
<Style x:Key="MetroSampleRadioButtonTemplate"
|
|
TargetType="RadioButton">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="RadioButton">
|
|
<Grid>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0:0:0.2" />
|
|
<VisualTransition From="Normal"
|
|
GeneratedDuration="0"
|
|
To="Pressed">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0"
|
|
To="0.45"
|
|
Storyboard.TargetProperty="(UIElement.Opacity)"
|
|
Storyboard.TargetName="rectangle" />
|
|
</Storyboard>
|
|
</VisualTransition>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Normal" />
|
|
<VisualState x:Name="MouseOver">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0"
|
|
To="0.35"
|
|
Storyboard.TargetProperty="(UIElement.Opacity)"
|
|
Storyboard.TargetName="rectangle" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Pressed">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0"
|
|
To="0.35"
|
|
Storyboard.TargetProperty="(UIElement.Opacity)"
|
|
Storyboard.TargetName="rectangle" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0"
|
|
To=".2"
|
|
Storyboard.TargetProperty="(UIElement.Opacity)"
|
|
Storyboard.TargetName="content" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="CheckStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0:0:0.2" />
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Checked">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0"
|
|
To="1"
|
|
Storyboard.TargetProperty="(UIElement.Opacity)"
|
|
Storyboard.TargetName="CheckIcon" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Unchecked" />
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Rectangle x:Name="content"
|
|
Width="20"
|
|
Height="20"
|
|
Fill="{TemplateBinding Background}" />
|
|
<Path x:Name="CheckIcon"
|
|
Data="M 619,736 C619,736 617,738 617,738 617,738 621,742 621,742 621,742 629,732 629,732 629,732 627,730 627,730 627,730 621,738 621,738 621,738 619,736 619,736 z"
|
|
Fill="White"
|
|
FlowDirection="LeftToRight"
|
|
Opacity="0"
|
|
Stretch="Fill"
|
|
UseLayoutRounding="False"
|
|
VerticalAlignment="Bottom"
|
|
HorizontalAlignment="Right"
|
|
Width="12"
|
|
Height="12"
|
|
Margin="0,0,1,1" />
|
|
<Rectangle x:Name="rectangle"
|
|
Fill="White"
|
|
Opacity="0" />
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<!--##END-->
|
|
|
|
<!--##INCLUDE_OPEN_SOURCE
|
|
<Style x:Key="plusSuffix" TargetType="TextBlock">
|
|
<Setter Property="Margin" Value="5,0,0,0"/>
|
|
<Setter Property="Text" Value="Plus Only"/>
|
|
<Setter Property="FontStyle" Value="Italic"/>
|
|
<Setter Property="FontSize" Value="8"/>
|
|
<Setter Property="BaselineOffset" Value="7"/>
|
|
<Setter Property="Foreground" Value="#06b025"/>
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding IsHighlighted, RelativeSource={RelativeSource AncestorType={x:Type ComboBoxItem}}}" Value="True">
|
|
<Setter Property="Foreground" Value="White"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
##END-->
|
|
|
|
<Style x:Key="plusItem"
|
|
TargetType="ComboBoxItem">
|
|
<Setter Property="HorizontalContentAlignment"
|
|
Value="Stretch" />
|
|
<Setter Property="ContentTemplate">
|
|
<Setter.Value>
|
|
<DataTemplate>
|
|
<DockPanel>
|
|
<TextBlock DockPanel.Dock="Left"
|
|
Text="{Binding}" />
|
|
<!--##INCLUDE_OPEN_SOURCE
|
|
<TextBlock TextAlignment="Right" Style="{StaticResource plusSuffix}" />
|
|
##END-->
|
|
</DockPanel>
|
|
</DataTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</local:DemoView.Resources>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
<!--##INCLUDE_OPEN_SOURCE
|
|
<RowDefinition Height="Auto" />
|
|
##END-->
|
|
</Grid.RowDefinitions>
|
|
|
|
<GroupBox Header="Features"
|
|
Grid.Row="0"
|
|
Margin="5">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<StackPanel Orientation="Horizontal"
|
|
Margin="5">
|
|
<TextBlock Text="Theme:"
|
|
Margin="0,0,10,0"
|
|
VerticalAlignment="Center" />
|
|
<ComboBox x:Name="_themeCombo"
|
|
SelectedIndex="0"
|
|
Width="160"
|
|
Height="25">
|
|
<view:AvalonDockComboBoxItem Content="Generic"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Generic}"/>
|
|
<view:AvalonDockComboBoxItem Content="Aero"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Aero}">
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:AeroTheme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem Content="VS2010"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.VS2010}">
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:VS2010Theme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem Content="Metro"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Metro}">
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:MetroTheme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem Style="{StaticResource plusItem}"
|
|
Content="Office2007 Black"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Office2007Black}">
|
|
<!--##EXCLUDE_OPEN_SOURCE-->
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:Office2007BlackTheme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
<!--##END-->
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem Style="{StaticResource plusItem}"
|
|
Content="Office2007 Blue"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Office2007Blue}">
|
|
<!--##EXCLUDE_OPEN_SOURCE-->
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:Office2007BlueTheme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
<!--##END-->
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem Style="{StaticResource plusItem}"
|
|
Content="Office2007 Silver"
|
|
Selected="DefaultComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.Office2007Silver}">
|
|
<!--##EXCLUDE_OPEN_SOURCE-->
|
|
<view:AvalonDockComboBoxItem.Tag>
|
|
<xcad:Office2007SilverTheme />
|
|
</view:AvalonDockComboBoxItem.Tag>
|
|
<!--##END-->
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem x:Name="metroDarkComboBoxItem"
|
|
Style="{StaticResource plusItem}"
|
|
Content="Metro Dark"
|
|
Selected="MetroComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.MetroDark}">
|
|
<!--MetroDark Theme is set in CodeBehind-->
|
|
</view:AvalonDockComboBoxItem>
|
|
<view:AvalonDockComboBoxItem x:Name="metroLightComboBoxItem"
|
|
Style="{StaticResource plusItem}"
|
|
Content="Metro Light"
|
|
Selected="MetroComboBoxItem_Selected"
|
|
ThemeEnum="{x:Static view:AvalonDockThemesEnum.MetroLight}">
|
|
<!--MetroLight Theme is set in CodeBehind-->
|
|
</view:AvalonDockComboBoxItem>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
<!--##EXCLUDE_OPEN_SOURCE-->
|
|
<StackPanel x:Name="_accentColorPanel"
|
|
Grid.Column="1"
|
|
Margin="10,0,0,0"
|
|
Orientation="Horizontal"
|
|
VerticalAlignment="Top"
|
|
HorizontalAlignment="Left"
|
|
Visibility="Hidden">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
</Grid.RowDefinitions>
|
|
|
|
<StackPanel>
|
|
<TextBlock Text="Accent Color"
|
|
FontFamily="Segoe UI"
|
|
FontSize="13"
|
|
Foreground="#414141" />
|
|
<StackPanel Orientation="Horizontal">
|
|
<RadioButton Background="#FFF4B300"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Gold"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF78BA00"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="LightGreen"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF2673EC"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Blue"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFAE113D"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="MediumVioletRed"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF632F00"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Brown"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFB01E00"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DarkRed"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFC1004F"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="PaleVioletRed"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF7200AC"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DarkViolet"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF4617B4"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DarkSlateBlue"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF006AC1"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="RoyalBlue"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF008287"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Teal"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF199900"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Green"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF00C13F"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Lime"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
<StackPanel Grid.Row="1"
|
|
Orientation="Horizontal"
|
|
Margin="0,2,0,0">
|
|
<RadioButton Background="#FFFF981D"
|
|
Margin="0,0,2,0"
|
|
IsChecked="True"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="LightSalmon"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFFF2E12"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Red"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFFF1D77"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DeepPink"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFAA40FF"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Purple"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF1FAEFF"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DeepSkyBlue"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF56C5FF"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DarkTurquoise"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF00D8CC"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Turquoise"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF91D100"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="YellowGreen"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFE1B700"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="DarkYellow"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFFF76BC"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Pink"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FF00A4A4"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="LightSeaGreen"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Background="#FFFF7D23"
|
|
Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Orange"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<StackPanel Margin="10,0,0,0">
|
|
<TextBlock Text="Custom Color"
|
|
FontFamily="Segoe UI"
|
|
FontSize="13"
|
|
Foreground="#414141" />
|
|
<StackPanel Orientation="Horizontal">
|
|
<RadioButton Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
Background="{StaticResource customAccentBrush1}"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Custom1"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
Background="{StaticResource customAccentBrush2}"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Custom2"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
<RadioButton Margin="0,0,2,0"
|
|
Checked="RadioButton_Checked"
|
|
Background="{StaticResource customAccentBrush3}"
|
|
GroupName="themeRadioGroup"
|
|
Tag="Custom3"
|
|
Style="{StaticResource MetroSampleRadioButtonTemplate}" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
<!--##END-->
|
|
</Grid>
|
|
</GroupBox>
|
|
|
|
<TextBlock Grid.Row="1"
|
|
Text="Usage:"
|
|
Style="{StaticResource Header}" />
|
|
|
|
<Border x:Name="SampleBorder"
|
|
Grid.Row="2">
|
|
<xcad:DockingManager x:Name="_dockingManager"
|
|
MaxHeight="395"
|
|
AllowMixedOrientation="True"
|
|
BorderBrush="Black"
|
|
BorderThickness="1"
|
|
Theme="{Binding ElementName=_themeCombo, Path=SelectedItem.Tag}">
|
|
<xcad:DockingManager.DocumentHeaderTemplate>
|
|
<DataTemplate>
|
|
<StackPanel Orientation="Horizontal">
|
|
<Image Source="{Binding IconSource}"
|
|
Margin="0,0,4,0" />
|
|
<TextBlock Text="{Binding Title}" />
|
|
</StackPanel>
|
|
</DataTemplate>
|
|
</xcad:DockingManager.DocumentHeaderTemplate>
|
|
<xcad:LayoutRoot x:Name="_layoutRoot">
|
|
<xcad:LayoutPanel Orientation="Horizontal">
|
|
<xcad:LayoutAnchorablePane DockWidth="200">
|
|
<xcad:LayoutAnchorable ContentId="properties"
|
|
Title="Properties"
|
|
CanHide="False"
|
|
CanClose="False"
|
|
AutoHideWidth="240"
|
|
IconSource="../Images/property-blue.png">
|
|
<xctk:PropertyGrid NameColumnWidth="110"
|
|
SelectedObject="{Binding ElementName=_layoutRoot, Path=LastFocusedDocument.Content}"
|
|
AutoGenerateProperties="False">
|
|
<xctk:PropertyGrid.PropertyDefinitions>
|
|
<xctk:PropertyDefinition TargetProperties="Background" />
|
|
<xctk:PropertyDefinition TargetProperties="BorderBrush" />
|
|
<xctk:PropertyDefinition TargetProperties="BorderThickness" />
|
|
<xctk:PropertyDefinition TargetProperties="FontSize" />
|
|
<xctk:PropertyDefinition TargetProperties="FontStyle" />
|
|
<xctk:PropertyDefinition TargetProperties="Width" />
|
|
<xctk:PropertyDefinition TargetProperties="Height" />
|
|
</xctk:PropertyGrid.PropertyDefinitions>
|
|
</xctk:PropertyGrid>
|
|
</xcad:LayoutAnchorable>
|
|
</xcad:LayoutAnchorablePane>
|
|
<xcad:LayoutDocumentPaneGroup>
|
|
<xcad:LayoutDocumentPane>
|
|
<xcad:LayoutDocument ContentId="document1"
|
|
Title="Document 1"
|
|
IconSource="../Images/document.png">
|
|
<Button Content="Document 1 Content"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center" />
|
|
</xcad:LayoutDocument>
|
|
<xcad:LayoutDocument ContentId="document2"
|
|
Title="Document 2"
|
|
IconSource="../Images/document.png">
|
|
<TextBox Text="Document 2 Content"
|
|
AcceptsReturn="True" />
|
|
</xcad:LayoutDocument>
|
|
</xcad:LayoutDocumentPane>
|
|
</xcad:LayoutDocumentPaneGroup >
|
|
<xcad:LayoutAnchorablePaneGroup DockWidth="125">
|
|
<xcad:LayoutAnchorablePane>
|
|
<xcad:LayoutAnchorable ContentId="alarms"
|
|
Title="Alarms"
|
|
IconSource="../Images/alarm-clock-blue.png">
|
|
<ListBox>
|
|
<s:String>Alarm 1</s:String>
|
|
<s:String>Alarm 2</s:String>
|
|
<s:String>Alarm 3</s:String>
|
|
</ListBox>
|
|
</xcad:LayoutAnchorable>
|
|
<xcad:LayoutAnchorable ContentId="journal"
|
|
Title="Journal">
|
|
<RichTextBox>
|
|
<FlowDocument>
|
|
<Paragraph FontSize="14"
|
|
FontFamily="Segoe">
|
|
This is the content of the Journal Pane.
|
|
<LineBreak />
|
|
A
|
|
<Bold>RichTextBox</Bold> has been added here
|
|
</Paragraph>
|
|
</FlowDocument>
|
|
</RichTextBox>
|
|
</xcad:LayoutAnchorable>
|
|
</xcad:LayoutAnchorablePane>
|
|
</xcad:LayoutAnchorablePaneGroup>
|
|
</xcad:LayoutPanel>
|
|
|
|
<xcad:LayoutRoot.LeftSide>
|
|
<xcad:LayoutAnchorSide>
|
|
<xcad:LayoutAnchorGroup>
|
|
<xcad:LayoutAnchorable Title="Agenda"
|
|
ContentId="agenda"
|
|
IconSource="../Images/address-book-open.png">
|
|
<TextBlock Text="Agenda Content"
|
|
Margin="10"
|
|
FontSize="18"
|
|
FontWeight="Black"
|
|
TextWrapping="Wrap" />
|
|
</xcad:LayoutAnchorable>
|
|
<xcad:LayoutAnchorable Title="Contacts"
|
|
ContentId="contacts"
|
|
IconSource="../Images/address-book--pencil.png">
|
|
<TextBlock Text="Contacts Content"
|
|
Margin="10"
|
|
FontSize="18"
|
|
FontWeight="Black"
|
|
TextWrapping="Wrap" />
|
|
</xcad:LayoutAnchorable>
|
|
</xcad:LayoutAnchorGroup>
|
|
</xcad:LayoutAnchorSide>
|
|
</xcad:LayoutRoot.LeftSide>
|
|
</xcad:LayoutRoot>
|
|
</xcad:DockingManager>
|
|
</Border>
|
|
|
|
<!--##INCLUDE_OPEN_SOURCE
|
|
<Image x:Name="_openSourceScreenShot" Grid.Row="2" Height="395" Visibility="Collapsed" />
|
|
<StackPanel x:Name="_openSourceTextHyperlink" Grid.Row="3" Orientation="Horizontal" Visibility="Collapsed">
|
|
<TextBlock Text="This theme is only available in the "Plus" version. "/>
|
|
<TextBlock>
|
|
<Hyperlink NavigateUri="http://www.xceed.com/Extended_WPF_Toolkit_Intro.html" RequestNavigate="Hyperlink_RequestNavigate">
|
|
Click here for more details about Xceed Extended WPF Toolkit Plus.
|
|
</Hyperlink>
|
|
</TextBlock>
|
|
</StackPanel>
|
|
##END-->
|
|
</Grid>
|
|
</local:DemoView>
|
|
|