我们设计或者下载一张图片 用来作为登录框的背景颜色。
我们这些都是参考QQ的界面的。
然后我们再项目中添加一个文件夹Images 然后把图片拷贝进去
然后添加如下代码
<Window.Background>
<ImageBrush ImageSource="Images/background.png"/>
</Window.Background>Code language: HTML, XML (xml)
添加布局增加最小化和关闭按钮
使用DockPanel来布局
<DockPanel LastChildFill="False">
<DockPanel Background="Transparent" DockPanel.Dock="Top" Height="25" LastChildFill="False">
<TextBlock Text="QQ登录" Foreground="White" FontSize="12" Padding="5" DockPanel.Dock="Left"/>
<StackPanel DockPanel.Dock="Right" Orientation="Horizontal" Background="Transparent" HorizontalAlignment="Right">
<Button Content=" - " Foreground="White" Background="Transparent" BorderThickness="0" Click="Button_Click_1" Margin="0,5,15,2"></Button>
<Button Content=" x " Foreground="White" Background="Transparent" BorderThickness="0" Click="Button_Click" Margin="0,5,5,2"></Button>
</StackPanel>
</DockPanel>
</DockPanel>Code language: HTML, XML (xml)
关闭和最小化按钮事件方法
private void Button_Click_1(object sender, RoutedEventArgs e)
{
this.WindowState = WindowState.Minimized;
}
private void Button_Click(object sender, RoutedEventArgs e)
{
this.Close();
}Code language: JavaScript (javascript)
Previous: 02-搭建环境-无边框窗体
Next: 04-设计登录框底部的按钮