WPF快速入门系列_WPF学习路径资源-CSDN文库

需积分: 25 33 浏览量 2016-08-27 00:24:37 上传评论收藏 1.94MB PDF 举报

资源推荐

资源详情

资源评论

WPF 快速入门系列(1)——WPF 布局概览

一、引言

关于 WPF 早在一年前就已经看过《深入浅出 WPF》这本书，当时看完之后由于没有做笔记，以至于我现在又重新捡起来并记录下

学习的过程，本系列将是一个 WPF 快速入门系列，主要介绍 WPF 中主要的几个不同的特性，如依赖属性、命令、路由事件等。

在正式介绍之前，我还想分享下为什么我又要重新捡起来 WPF 呢？之前没有记录下来的原来主要是打算走互联网方向的，后面发现

互联网方向经常加班，又累，有时候忙的连自己写了什么都不知道的，所以后面机缘巧合地进了一家外企，在外企不像互联网行业那

样，比较清楚，有更多的时间去理清楚自己所学习到的知识，其中同时也发现了 WPF 的重要性和应用场景，在一些美资企业和印度的公

司，客户端都非常喜欢用 WPF 来做演示的客户端，所以，自然走上外企这条路，所以就打算好好研究下 WPF 了，所以也就有了这个系

列。

二、WPF 的自我介绍

Windows Presentation Foudation,WPF 是下一代显示系统，用来生成能带给用户震撼视觉体验的 Windows 客户端应用程序。

WPF 的核心是一个与分辨率无关并且基于向量的程序引擎，目的在于利用现代图形硬件的优势。WPF 在.NET Framework 3.0 中被微

软引入到.NET Framework 类库中，并且在.NET 3.5、4.0 和 4.5 都有所更新。WPF 可以理解为是实现下一代 Windows 桌面应用程

序的技术，在之前我们通常会使用 MFC 或 Winform 来实现 Windows 桌面程序。

WPF 除了引入了新的 API 之前，还引入了一些新的概念，这些新的概念会在本系列中一一介绍。众所周知，在实现桌面应用程序之

前，第一步必然是对窗体进行布局，WPF 为了更好地实现布局，提供了很多布局控件，下面就让我们一起去看看 WPF 布局组件。

三、WPF 布局详解

WPF 的布局控件都继承于 System.Windows.Controls.Panel 这个类，本文主要介绍在 Panel 基类下的几个常用的布局控件。下

图是布局控件的继承关系：

3.1 WPF 布局过程

WPF 布局包括两个阶段：一个测量（measure）阶段和一个排列(arrange)阶段。在测量阶段，容器遍历所有子元素，并询问子

元素它们所期望的大小。在排列阶段，容器在合适的位置放置子元素。WPF 布局可以理解为一个递归过程，它会递归对布局控件内的每

个子元素进行大小调整，定位和绘制，最后进行呈现，直到递归所有子元素为止，这样也就完成了整个布局过程。

5 InitializeComponent();

6

7 Canvas canv = new Canvas();

8 canv.Margin = new Thickness(10, 10, 10, 10);

9 canv.Background = new SolidColorBrush(Colors.White);

10

11 // 把 canv 添加为窗体的子控件

12 this.Content = canv;

13

14 // Rectangle

15 Rectangle rect = new Rectangle();

16 rect.Fill = new SolidColorBrush(Colors.Black);

17 rect.Stroke = new SolidColorBrush(Colors.Red);

18 rect.Width = 200;

19 rect.Height = 200;

20 rect.SetValue(Canvas.LeftProperty, (double)300);

21 rect.SetValue(Canvas.TopProperty, (double)180);

22 canv.Children.Add(rect);

23

24 // Ellipse

25 Ellipse el = new Ellipse();

26 el.Fill = new SolidColorBrush(Colors.Azure);

27 el.Stroke = new SolidColorBrush(Colors.Green);

28 el.Width = 180;

29 el.Height = 180;

30 el.SetValue(Canvas.LeftProperty, (double)160);

31 // 必须转换为 double，否则执行会出现异常

32 // 详细介绍见：http://msdn.microsoft.com/zh-

cn/library/system.windows.controls.canvas.top(v=vs.110).aspx

33 el.SetValue(Canvas.TopProperty, (double)150);

34 el.SetValue(Panel.ZIndexProperty, -1);

35 canv.Children.Add(el);

36

37 // Print Zindex Value

38 int zRectIndex = (int)rect.GetValue(Panel.ZIndexProperty);

39 int zelIndex = (int)el.GetValue(Panel.ZIndexProperty);

40 Debug.WriteLine("Rect ZIndex is: {0}", zRectIndex);

41 Debug.WriteLine("Ellipse ZIndex is: {0}", zelIndex);

42 }

43 }

从上面可以看出，即使 C#代码可以实现完全一样的效果，但是需要书写更多的代码，所以，在平时开发中，对于控件的布局，一般

采用 XAML 的方式，C#代码一般用于在运行时加载某个控件到界面中的实现。

3.3 StackPanel 布局控件

StackPanel 就是将子元素按照堆栈的形式一一排列，可以通过设置 StackPanel 的 Orientation 属性设置两种排列方式：横排

（Horizontal，该值为默认值）和竖排（Vertical）。纵向的 StackPanel 每个元素默认宽度与面板一样宽，反之横向是高度和面板一

剩余73页未读，继续阅读

内容反馈

tukkuzsaray

粉丝: 2
资源: 29

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip