菜单：File > New > Project…

菜单：File > Add > New Project…

<Border CornerRadius="0, 0, 10, 10" Background="DarkBlue">

<DockPanel LastChildFill="True">

<Button Content="关闭" Width="75" Height="23" DockPanel.Dock="Right" />

<TextBlock Text="Window Header" DockPanel.Dock="Left" Foreground="White"/>

</DockPanel>

</Border>

这个组件包括两个控件Button，TextBlock。

CornerRadius用于设定Border四个角的弧度

= ”LeftTop, RightTop, RightBottom, LeftBottom”

DockPanel.LastChildFill，很有用的属性。

注意DockPanel所包含组件的顺序，并在组件中正确的使用DockPanel.Dock属性。

<Window …

xmlns:K3UcLib="clr-namespace:K3UcLib;assembly=K3UcLib"

WindowStyle="None"

>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<K3UcLib:K3WindowHeader Height="25" />

</Grid>

将WindowStyle设为None，将窗口标题隐掉，从而为DIY新的窗口标题做好准备。

Height, Width可取值包括：

Auto（自适应），*（全部剩余），NaN（相当于Auto），数值

<Border CornerRadius="0, 0, 10, 10" Background="DarkBlue" Margin="3,0,3,0">

<DockPanel LastChildFill="True">

<Button Content="关闭" Width="75" Height="23" DockPanel.Dock="Right" Margin="0, 0, 10, 0" HorizontalAlignment="Center" VerticalAlignment="Center" />

<TextBlock Text="Window Header" DockPanel.Dock="Left" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" />

</DockPanel>

</Border>

public K3WindowHeader() {

InitializeComponent();

this.Init();

}

void Init() {

this.buttonClose.Click += new RoutedEventHandler(Button_Click);

}

void Button_Click(object sender, RoutedEventArgs e) {

throw new NotImplementedException();

}

注：

使用Init()方法，是为了使代码整洁。

在你键入“+=”时，系统将为你自动生成事件代码。你可以先修改所生成的事件处理方法的名字，然后再按“TAB”键，这样就可以生成你想要的名字的方法。在这里，我将默认的buttonClose_click改为Button_Click。

((this.Parent as Grid).Parent as Window).Close();

这种实现方式，属于hard code，使组件失去了灵活性，不是一个好方法，但它是一个思路，即：只要你能找到你想要的，你就可以做你想做的。

#region >>>>> 自定义事件 ...

public static readonly RoutedEvent PreviewWindowHeaderEvent;

public event RoutedEventHandler PreviewWindowHeaderEventHandler {

add { this.AddHandler(PreviewWindowHeaderEvent, value); }

remove { this.RemoveHandler(PreviewWindowHeaderEvent, value); }

}

static K3WindowHeader() {

PreviewWindowHeaderEvent = EventManager.RegisterRoutedEvent(

"PreviewWindowHeaderEventHandler",

RoutingStrategy.Tunnel,

typeof(RoutedEventHandler),

typeof(K3WindowHeader));

}

#endregion

……

void Button_Click(object sender, RoutedEventArgs e) {

RoutedEventArgs eventArgs = new RoutedEventArgs();

eventArgs.RoutedEvent = PreviewWindowHeaderEvent;

RaiseEvent(eventArgs);

}

这段代码，加在K3WindowHeader中。

#region #endregion的合理使用，有利于提升代码的可读性。你可以加上注释。BTW，我添加>>>>> … 是为了美观，读者可以试试去掉它，或改变它，看看你自己更喜欢哪一个。

注意，我添加了static 类型的构造函数，以便注册自定义事件。

Event有两种类型，其关键参数是：RoutingStrategy，其取值的不同，将生成两种传递方向不同事件。详述如下：

public static readonly RoutedEvent PreviewWindowHeaderEvent;

public event RoutedEventHandler PreviewWindowHeaderEventHandler {

add { this.AddHandler(PreviewWindowHeaderEvent, value); }

remove { this.RemoveHandler(PreviewWindowHeaderEvent, value); }

}

static MainWindow() {

PreviewWindowHeaderEvent = K3WindowHeader.PreviewWindowHeaderEvent.AddOwner(typeof(MainWindow));

}

void Init() {

this.PreviewWindowHeaderEventHandler += new RoutedEventHandler(CustomEventHandler);

}

void CustomEventHandler(object sender, RoutedEventArgs e) {

this.Close();

}

这段代码，加在DataTracer中。

注意这段代码与上段代码的不同，在于静态构造中，我们通过事件的AddOwner方法，将这两个自定义事件关联起来，从而保证了可以捕获到该事件。

同样，我使用了Init来使代码整洁，并在其中添加了对该特定事件的处理程序。别忘了将Init()放入构造函数中。