精通WPF：Stack Overflow大神实战经验分享

需积分: 6 28 浏览量更新于2024-07-17 收藏 1.56MB PDF 举报

"Learning wpf eBook.pdf 是一本关于Windows Presentation Foundation (WPF) 编程的书籍，由国外知名专家根据在实际编程中遇到的问题进行总结和提炼而成。书中部分内容来源于Stack Overflow Documentation，对WPF的学习和实际开发工作具有很高的参考价值。这本书详细介绍了WPF的基础知识、设计原则、样式、自定义用户控件、启动屏幕以及依赖属性等多个方面，旨在帮助读者深入理解和熟练运用WPF技术。" 本书分为多个章节，涵盖的内容包括： 1. **第一章：开始使用WPF** - 这一章简要介绍如何开始WPF的编程旅程，包括一些基本的设置和配置，如创建HelloWorld应用，让初学者快速入门。 2. **第二章：“半空间”设计原则** - 这部分讨论了在UI设计中节约空间的重要性，通过实例展示问题及解决方案，帮助开发者优化界面布局。 3. **第三章：WPF样式简介** - 介绍了如何使用WPF的样式系统来美化应用程序，例如为按钮和组合框设置样式，并讲解了资源字典的创建和使用，以实现样式复用。 4. **第四章：创建带有数据绑定的自定义用户控件** - 讲解了如何创建自定义控件并结合数据绑定，如带有默认文本的组合框，增强了控件的功能和灵活性。 5. **第五章：创建WPF启动屏幕** - 教程涵盖了如何添加简单的启动屏幕，以及如何创建显示进度报告的高级启动屏幕，提升用户体验。 6. **第六章：依赖属性** - 详细阐述了依赖属性的概念、语法、参数及其用途。包括标准依赖属性的定义、何时使用依赖属性、定义依赖属性的规则，以及绑定模式。此外，还讨论了附加依赖属性及其应用场景。每章都包含介绍、示例代码和实践指导，确保读者能够逐步掌握WPF的核心概念和技术。这本书对于想要深入了解和提升WPF编程技能的开发者来说，是一份非常宝贵的资源。通过学习，读者可以构建出更高效、更美观且易于维护的WPF应用程序。

<UserControl x:Class="WpfApplication5.UserControl3HardCoded"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Column="1" Grid.Row="1" Margin="4,0,4,4" Background="DodgerBlue"

BorderBrush="DarkBlue" BorderThickness="5"/>

<Border Grid.Column="0" Grid.Row="1" Margin="4,0,0,4" Background="Green"

BorderBrush="DarkGreen" BorderThickness="5"/>

<Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Margin="4,4,4,4"

Background="MediumPurple" BorderBrush="Purple" BorderThickness="5"/>

</Grid>

</UserControl>

Wouldn’t it be nice if we could move things around so that we didn’t need to adjust these values at

all. This can be achieved by just thinking about the whitespace in a different way. Rather than

allocating all the whitespace to one control or the other, imagine half the whitespace being

allocated to each box: (my drawing is not quite to scale - the dotted lines should be half-way

between the edge of the box and its neighbour).

https://riptutorial.com/ 9

So the blue box has margins of 2,2,2,2; the green box has margins of 2,2,2,2; the purple box has

margins of 2,2,2,2. And the container in which they are housed is given a padding (not margin) of

2,2,2,2. Here's the XAML:

<UserControl x:Class="WpfApplication5.UserControl1HalfTheWhitespace"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300"

Padding="2,2,2,2">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Column="0" Grid.Row="0" Margin="2,2,2,2" Background="DodgerBlue"

BorderBrush="DarkBlue" BorderThickness="5"/>

<Border Grid.Column="1" Grid.Row="0" Margin="2,2,2,2" Background="Green"

BorderBrush="DarkGreen" BorderThickness="5"/>

<Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Margin="2,2,2,2"

Background="MediumPurple" BorderBrush="Purple" BorderThickness="5"/>

</Grid>

</UserControl>

Now let’s try moving the boxes around, the same way as before...Let’s put the green box on the

left of the blue box. OK, done. And there was no need to change any padding or margins. Here's

the XAML:

<UserControl x:Class="WpfApplication5.UserControl2HalfTheWhitespace"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300"

Padding="2,2,2,2">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Column="1" Grid.Row="0" Margin="2,2,2,2" Background="DodgerBlue"

BorderBrush="DarkBlue" BorderThickness="5"/>

<Border Grid.Column="0" Grid.Row="0" Margin="2,2,2,2" Background="Green"

BorderBrush="DarkGreen" BorderThickness="5"/>

<Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Margin="2,2,2,2"

https://riptutorial.com/ 10

Background="MediumPurple" BorderBrush="Purple" BorderThickness="5"/>

</Grid>

</UserControl>

Now let’s put the purple box at the top. OK, done. And there was no need to change any padding

or margins. Here's the XAML:

<UserControl x:Class="WpfApplication5.UserControl3HalfTheWhitespace"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300"

Padding="2,2,2,2">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Column="1" Grid.Row="1" Margin="2,2,2,2" Background="DodgerBlue"

BorderBrush="DarkBlue" BorderThickness="5"/>

<Border Grid.Column="0" Grid.Row="1" Margin="2,2,2,2" Background="Green"

BorderBrush="DarkGreen" BorderThickness="5"/>

<Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Margin="2,2,2,2"

Background="MediumPurple" BorderBrush="Purple" BorderThickness="5"/>

</Grid>

</UserControl>

How to use this in real code

To generalise what we've demonstrated above: individual things contain a fixed margin of "half-

the-whitespace", and the container they are held in should have a padding of "half-the-

whitespace". You can apply these styles in your application resource dictionary, and then you

won't even need to mention them on the individual items. Here's how you could define

"HalfTheWhiteSpace":

<system:Double x:Key="DefaultMarginSize">2</system:Double>

<Thickness x:Key="HalfTheWhiteSpace" Left="{StaticResource DefaultMarginSize}"

Top="{StaticResource DefaultMarginSize}" Right="{StaticResource DefaultMarginSize}"

Bottom="{StaticResource DefaultMarginSize}"/>

Then I can define a base style to base my other controls styles on: (this could also contain your

default FontFamily, FontSize, etc, etc)

</Style>

https://riptutorial.com/ 11

Chapter 3: An Introduction to WPF Styles

Introduction

A style allows the complete modification of the visual appearance of a WPF control. Here are

some examples of some basic styling, and an introduction to resource dictionaries and animation.

Examples

Styling a Button

The easiest way to create a style is to copy an existing one and edit it.

Create a simple window with two buttons:

<Window x:Class="WPF_Style_Example.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"

mc:Ignorable="d" ResizeMode="NoResize"

Title="MainWindow"

Height="150" Width="200">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</Grid>

In Visual Studio, copying can be done by right-clicking on the first button in the editor and

choosing "Edit a Copy..." under the "Edit Template" menu.

Define in "Application".

The following example shows a modified template to create an ellipse button:

<Setter Property="Foreground" Value="{DynamicResource {x:Static

SystemColors.ControlTextBrushKey}}"/>

<Setter.Value>

https://riptutorial.com/ 13

剩余110页未读，继续阅读

fashion1982

粉丝: 0
资源: 9

精通WPF：Stack Overflow大神实战经验分享

WPF深入浅出电子书

Wpf电子书阅读器

WPF电子书 国外大神写的

葵花宝典wpf自学手册.pdf 脚本

wpf经典教程.pdf

wpf初级教程.pdf

wpf caliburn.micro框架编写案例

WPF 生成.fit文件代码

WPF StackPanel.Effect的用途

wpf DateTimeUtility.strtodate参数

最新资源

WPF电子书国外大神写的