问题:我们如何将WPF的WPF Toolkit Color Picker控件正下方的著名Toolbar位置对齐?
或者,我们可以在工具栏本身中包含颜色选择器吗?想法是让颜色选择器在用户单击下面工具栏中显示的“颜色”按钮时出现,但是我可以使用C#代码来完成。
到目前为止,我已经通过使用如下所示的XAML达到了这一目的:
XAML :
<Window x:Class="WpfApp_ExceedToolkit_test.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
xmlns:local="clr-namespace:WpfApp_ExceedToolkit_test"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<DockPanel Margin="0,0,660,0">
<ToolBarTray DockPanel.Dock="Top">
<ToolBar Height="26">
<Button Command="New" Content="New" />
<Button Command="Open" Content="Open" />
<Button Command="Save" Content="Color" />
</ToolBar>
</ToolBarTray>
<xctk:ColorPicker Name="ColorPicker1" AdvancedButtonHeader="TestColor" Height="15" DisplayColorAndName="True" Margin="0,5,0,358" />
</DockPanel>
</Window>
答案 0 :(得分:1)
或者,我们可以在工具栏本身中包含颜色选择器吗?
确定:
<ToolBarTray>
<ToolBar>
<Button Command="New" Content="New" />
<Button Command="Open" Content="Open" />
<xctk:ColorPicker Name="ColorPicker1"
AdvancedButtonHeader="TestColor"
DisplayColorAndName="True"/>
</ToolBar>
</ToolBarTray>
您还可以使用ToggleButton
来打开Popup
:
<ToolBarTray>
<ToolBar>
<Button Command="New" Content="New" />
<Button Command="Open" Content="Open" />
<ToggleButton x:Name="tb" Content="Save" />
<Popup IsOpen="{Binding IsChecked, ElementName=tb}"
PlacementTarget="{Binding ElementName=tb}"
Placement="Bottom"
StaysOpen="False">
<xctk:ColorPicker Name="ColorPicker1"
AdvancedButtonHeader="TestColor"
DisplayColorAndName="True" />
</Popup>
</ToolBar>
</ToolBarTray>