WPF学习

来源：互联网发布：单片机校验位计算编辑：程序博客网时间：2024/05/29 17:41

一. 简单学习

1. WPF的启动项

App.xaml文件的内容大致如下：

<Application x:Class="WpfApplicationLifeCycle.App"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

StartupUri="Window1.xaml">

<Application.Resources>

</Application.Resources>

</Application

或者自己定义一个类

static void Main() {

Application app = new Application();

//调用Run方法，参数为启动的窗体对象

Window2 win = new Window2();

app.Run(win);

}

2. 应用程序关闭

(1)在App.xaml中添加如下属性 ShutdownMode="OnExplicitShutdown"

或者（2）

更改关闭模式必须要在调用app.Run()方法之前

Application app = new Application();

Window2 win = new Window2();

app.ShutdownMode = ShutdownMode.OnExplicitShutdown;

app.Run(win);

3. 应用启动时添加事件

1. 在App.xaml文件中添加如下：

Startup="Application_Startup1"

2. ，在App.xaml.cs文件中添加事件的处理方法

public void Application_Startup1(object sender, StartupEventArgs e)

{

MessageBox.Show("the server begin to run ....");

}

4. 窗体(Windows)上的一些事件

public Window1()

{

InitializeComponent();

this.Loaded += new RoutedEventHandler(window_loaded); --用户初始化一些数据

this.Closing += new System.ComponentModel.CancelEventHandler(windlow_closing); --窗体关闭时的一些操作。

}

private void windlow_closing(object sender, System.ComponentModel.CancelEventArgs e)

{

MessageBox.Show("closing .....");

}

private void window_loaded(object sender, RoutedEventArgs e)

{

textBox1.Text = "hello";

}

5. 媒体操作

eg. 播放音乐

</Canvas>

public MediaWindow()

{

InitializeComponent();

this.Loaded += new RoutedEventHandler(MediaWindow_Loaded); //MediaWindow加载时初始化音乐的路径

this.Closing +=new System.ComponentModel.CancelEventHandler(MediaWindow_Closing); //该方法用户在窗口关闭时，让用户确认是否关闭

}

public void MediaWindow_Loaded(object sender, RoutedEventArgs e)

{

mediaElement1.Source = new Uri(@"C:\Users\Public\Music\Sample Music\Sleep Away.mp3",UriKind.Absolute);

txtMessage.Text = "Sleep Away";

}

private void btnStart_Click(object sender, RoutedEventArgs e)

{

mediaElement1.Play(); //播放事件

}

private void btnPause_Click(object sender, RoutedEventArgs e)

{

mediaElement1.Pause(); //暂停事件

}

public void MediaWindow_Closing(object sender, CancelEventArgs e)

{

MessageBoxButton mbb = MessageBoxButton.OKCancel;

MessageBoxResult result = MessageBox.Show("确认关闭么？", "media Window", mbb);

if(result==MessageBoxResult.Cancel){

e.Cancel = true; //取消退出

}

二. Panel

1. StackPanel

是以堆叠的方式显示其中的控件

（1）.可以使用Orientation属性更改堆叠的顺序 Orientation="Vertical" 从上而下 Orientation="Horizontal" 从左到右

2. WrapPanel

以流的形式由左到右，由上到下显示控件，其功能类似于Java AWT布局中的FlowLayout

3. DockPanel

以上、下、左、右、中为基本结构的布局方式，类似于Java AWT布局中的BorderLayout

三. 容器

1. Grid是以表格形式组织控件的一种布局方式，和html中的table一模一样

Eg. 2行2列的Grid，第一行一列放两个Button。第一行第二列fang一个Button,

第二行的列跨两列

<Window x:Class="WPFPro1.GridWindw2"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="GridWindw2" Height="359" Width="481">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

</Grid>

</Window>

2. 分割线(与列的使用一样，指定Grid的行和列即可)

<GridSplitter Width="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

Grid.Row="0" Grid.Column="1" Grid.RowSpan="3"></GridSplitter>

3. UniformGrid 为控件提供了一种简化的网格布局

单元格的数量取决于放入的控件的数量，且单元格一定是行、列数相同

<UniformGrid>

<Button Content="ButtonA" />

<Button Content="ButtonB" />

<Button Content="ButtonC" />

<Button Content="ButtonD" />

<Button Content="ButtonE" />

<Button Content="ButtonF" />

<Button Content="ButtonG" />

<Button Content="ButtonH" />

</UniformGrid>

四 . Canvas

1. Canvas在WPF中子元素的绝对定位的布局控件

其子元素使用Width、Height定义元素的宽度和高度

使用Convas.Left（Convas.Right）、Convas.Top（Convas.Bottom）定义与Convas容器的相对位置

</Canvas>

2. 在WPF中实现允许使用墨迹的控件

<InkCanvas.DefaultDrawingAttributes>

</InkCanvas.DefaultDrawingAttributes>

<Image Width="155" Height="155" InkCanvas.Left="10" InkCanvas.Top="10"

Source="Logo2.png"/>

</InkCanvas>

五 Header 和Content

1. Header 和 Content 属性的类型为 Object

Eg:设置button的Content属性为Image

</Button>

2. HeaderedContentControl模型

Eg: Expander控件

<Expander.Header>

</Expander.Header>

<Expander.Content>

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

</Grid>

</Expander.Content>

</Expander>

</Canvas>

效果:

六. WPF资源

1. 通常使用 WPF 资源作为重用通常定义的对象和值的简单方法

<Window.Resources>

</Window.Resources>

</StackPanel>

2. WPF资源的定义位置

(1)如上的定义方法

(2)定义在App.xaml文件中，作为整个应用程序共享的资源，使用方法和上面一样

<Application.Resources>

</Application.Resources>

(3)定义在资源字典的XAML文件中

MyResourceDictionary.xaml 定义如下:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</ResourceDictionary>

使用时调用如下:

<Window.Resources>

</Window.Resources>

<Button Margin="5" Background="{StaticResource myWhiteBrush}">Sample Button</Button>

</StackPanel>

(七) 数据绑定

1. 最简单的binding

Eg.一个输入框输入值，另外一个输入框的值和第一个框保持一致

ElementName 为控件的名称，Path为控件的属性名称

如果从后台进行上面的绑定的话代码如下：

Binding b =new Binding();

b.Source = textBox1;

b.Path = newPropertyPath("Text");

textBox2.SetBinding(TextBox.TextProperty, b);

2. TextBox 和 Slider 进行绑定

当Slider进行滑动时TextBox中显示滑动的值，绑定如下

3. 将一个List数组绑定到ListView上

前台xaml中代码：

<ListView.View>

<GridViewColumn.CellTemplate>

</DataTemplate>

</GridViewColumn.CellTemplate>

</GridViewColumn>

</GridView>

</ListView.View>

</ListView>

后台绑定

List<Category> cList =Category.getCategories();

listView1.Items.Clear(); //防止绑定报错

listView1.ItemsSource = Category.getCategories();

4. 将一个DataTable进行绑定

前台：

<ListView.View>

</GridView>

</ListView.View>

</ListView>

后台绑定代码：

DataTable[] dts = getData(1, 5);

listView1.ItemsSource = dts[0].DefaultView; //dts[0] 返回一个DataTable

0 0