深入浅出WPF（1）——什么是WPF[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

WPF是怎样做到的

 

使用WPF技术开发产品，程序的“皮”，也就是UI，是使用XAML语言来“画”出来的；而程序的“瓤”，也就是功能逻辑，可以由程序员来选择使用C#/VB.NET/C++.NET等托管语言来实现。

 

对于程序员们来说，C#/VB.NET/C++什么的已经是耳熟能详。XAML是什么呢？简言之，XAML（读音为“zamel”，近似于“咋没有”）是XML语言的一个衍生物，它的语法基本上与XML语言完全一致；它的功能就是专门用来设计和实现程序的UI；它看起来和HTML语言非常像，无论你是程序员还是美工人员，只要你设计过网页，那学习XAML对你来说都是小菜一碟儿。而且，XAML可不像HTML和XHTML那样只能呆在Web开发领域——XAML对于Web开发和桌面开发是“通吃”的，从Web程序改成桌面程序或者反过来，所付出的工作量惊人的小，而且由于UI与逻辑完全分离，逻辑代码几乎不用改动——这意味着两种开发的边界渐渐消失，两类设计人员和程序员将会染指“彼岸”、拿到更多的项目、挣更多的钱。

 

WPF之前，无论是Win32 API编程、使用MFC编程还是Windows Form编程，美工（设计人员）设计出来的界面都需要由程序员使用Visual Studio来实现。程序员不是美工，VS也干不过PS……越俎代庖永远是高效分工的大敌。如今，为了支持WPF程序设计，微软推出了专门的、使用XAML语言进行UI设计工具——Expression Studio，使用它就像使用PhotoShop和Dreamweaver一样，设计出来的结果保存为XAML文件，程序员可以直接拿来用；当UI有变更时，程序员只消用新版XAML文件替换旧版即可。

 

XAML小试牛刀

 

让我们实现这样一个小小的需求，完全使用XAML代码而不需要C#来参与。用户需要一个窗口，里面有一个TextBox和一个Button，并且窗口的背景是蓝色的过渡色。

 

 

 

我保证：真的一行C#代码都没写！是不是足以让Windows Form程序员艳羡不已？！

 

一切实现都是使用XAML语言完成的——你可以使用Visual Studio 2008的XAML设计器来完成，也可以使用Expression Studio来更专业地完成设计。下面是它的XAML代码，你现在只需要看个大概，后面的文章里，我会一个词一个词为你解释。

 

<Window x:Class=”WpfApplication1.Window1″

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

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

    Title=”Window1″ Height=”300″ Width=”300″>

    <Grid>

        <Grid.Background>

            <LinearGradientBrush>

                <GradientStop Offset=”0″ Color=”Blue”></GradientStop>

                <GradientStop Offset=”0.5″ Color=”LightBlue”></GradientStop>

            </LinearGradientBrush>

        </Grid.Background>

        <TextBox Height=”23″ Margin=”10,10,10,0″ Name=”textBox1″ VerticalAlignment=”Top” Text=”Hello WPF!” />

        <Button Height=”23″ HorizontalAlignment=”Right” Margin=”0,40,10,0″ Name=”button1″ VerticalAlignment=”Top” Width=”75″>WPF</Button>

    </Grid>

</Window>

咱们再来一个例子：这回的需求是这样的——UI上有一个TextBox和一个Slider，要求Slider的滑块滑动时TextBox的文本显示Slider的值；当TextBox里的文本改变时，就让Slider的滑块与之同步。

1.  在UI上拖放控件
2.  为Slider的ValueChanged事件添加响应函数（事件处理函数），函数中将Slider的Value属性（double类型）转换成一个string类型的值并赋给TextBox的Text属性。
3.  为TextBox的TextChanged事件添加响应函数，对TextBox的Text属性进行检验，看看它是否能解析为一个double值（新手常常忘记这一点而导致bug）并且落在Slider的取值范围内，如果一切顺利，就把它赋给Slider的Value属性。

<Window x:Class=”WpfApplication1.Window1″

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

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

    Title=”Window1″ Height=”300″ Width=”300″>

    <Grid>

        <Grid.Background>

            <LinearGradientBrush>

                <GradientStop Offset=”0″ Color=”Blue”></GradientStop>

                <GradientStop Offset=”0.5″ Color=”LightBlue”></GradientStop>

            </LinearGradientBrush>

        </Grid.Background>

        <TextBox Height=”23″ Margin=”10,10,10,0″ Name=”textBox1″ VerticalAlignment=”Top” Text=”{
Binding ElementName=slider1, Path=Value, UpdateSourceTrigger=PropertyChanged}” />

        <Slider Height=”21″ Margin=”10,40,10,0″ Name=”slider1″ VerticalAlignment=”Top” Maximum=”100″ />

    </Grid>

</Window>