java groupbox_WPF之控件布局

控件概述

程序的本质是“数据+算法”——用户输入原始数据，算法处理原始数据并得到结果数据。程序可以使用LED阵列、格式字符串、图形化用户界面(Graphic User Interface，GUI)将结果数据显示给用户，其中图形化用户界面最方便、直观。

在Windows上实现图形化的界面有多种方法，每种方法又拥有自己的一套开发理念和工具并组成一种方法论，常见的有：

Windows APl(Win APl)：调用Windows底层绘图函数，使用C语言，最原始也最基础。

Microsoft Foundation Class(MFC)：使用C++语法将原始的Win32API函数封装成控件类。

Visual Component Library(VCL)：Delphi和C++Builder使用的与MFC相近的控件类库。

Visual Basic+ActiveX控件(VB6)：使用组件化的思想把WinAPI封装成UI控件，以期多语言共用。

Java Swing/AWT：Java SDK中用于跨平台开发GUI程序的控件类库。

Windows Form：.NET平台上进行GUl开发的老牌劲旅，完全组件化但需要.NET运行时支持。

Windows Presentation Foundation(WPF)：后起之秀，使用全新的数据驱动UI的理念。

可以把上述这些方法论分为四代：

WinAPI时代：函数调用+Windows消息处理。

封装时代：使用面向对象理念把WinAPI封装成类；由来自UI的消息驱动程序处理数据。

组件化时代：使用面向组件理念在类的基础上封装成组件；消息被封装成事件，变成事件驱动。

WPF时代：在组件化的基础上，使用专门的UI设计语言并引入由数据驱动UI的理念。

注：目前流行使用前端的方式实现GUI，如Electron、NanUI等。

WPF中是数据驱动UI，数据是核心、是主动的；UI从属于数据并表达数据、是被动的。WPF把那些能够展示数据、响应用户操作的UI元素称为控件(Control)，控件所展示的数据称之为控件的“数据内容”，控件在响应用户的操作后会执行自己的一些方法或以事件(Event)的形式通知应用程序称之为控件的“行为”或“算法内容”。

WPF中的控件是个非常抽象的概念——Control是数据和行为的载体，而无需具有固定的形象，如只要是用来显示一个bool类型值并允许用户通过单击来切换true/false/null的UI元素就是一个CheckBox(关注抽象的数据和行为而不是控件具体的形象)。

日常工作中打交道最多的控件无外乎6类，即：

布局控件：可以容纳多个控件或嵌套其他布局控件，用于在UI上组织和排列控件，如Grid、StackPanel、DockPanel 等控件(共同的父类是Panel)。

内容控件：只能容纳一个其他控件或布局控件作为它的内容，如Window、Button等控件(经常需要借助布局控件来规划其内容，共同父类是ContentControl)。

带标题内容控件：相当于一个内容控件，但可以加一个标题(Header)，标题部分亦可容纳一个控件或布局，GroupBox、Tabltem等是这类控件的典型代表(共同父类是HeaderedContentControl)。

条目控件：可以显示一列数据，一般情况下这列数据的类型相同，此类控件包括ListBox、ComboBox等(共同基类是ltemsControl，在显示集合类型数据方面功能非常强大)。

带标题条目控件：相当于一个条目控件加上一个标题显示区，Tree Viewltem、Menultem都属于此类控件(往往用于显示层级关系数据，结点显示在其Header区域，子级结点则显示在其条目控件区域，共同基类是HeaderedltemsControl)。

特殊内容控件：这类控件相对比较独立，比如TextBox容纳的是字符串、TextBlock可以容纳可自由控制格式的文本、Image容纳图片类型数据。

6类控件的派生关系如下图所示：

WPF是构建在.NET Framework上的一个子系统，它也是一个用于开发应用程序的框架(Framework)，FrameworkElement的Framework指的就是WPF Framework。而FrameworkElement类在UIElement类的基础上添加了很多专门用于WPF开发的API(比如SetBinding方法)，所以从这个类开始才算是进入WPF开发柜架。

WPF的内容模型

根据是否可以装载内容、能够装载什么样的内容，WPF的UI元素可以分为如下类型：

名称

注释

ContentControl

单一内容控件

HeaderedContentControl

带标题的单一内容控件

ltemsControl

以条目集合为内容的控件

HeaderedltemsControl

带标题的以条目集合为内容的控件

Decorator

控件装饰元素

Panel

面板类元素

Adorner

文字点缀元素

Flow Text

流式文本元素

TextBox

文本输入框

TextBlock

静态文字

Shape

图形元素

控件的内容可以直接是数据，也可以是控件。当控件的内容还是控件的时候就形成了控件的嵌套(UI布局时尤为常见)，被嵌套的控件称为子级控件，所以WPF的UI会形成一个树形结构。

逻辑树(Logical Tree)：不考虑控件内部的组成结构，只观察由控件组成的“树”。

可视元素树(Visual Tree)：WPF控件往往是由更基本的控件构成的(控件本身就是一棵树)，连控件本身的树也考虑在内，比逻辑树更“繁茂”的树。

控件是内存中的对象，控件的内容也是内存中的对象。控件通过自己的某个属性引用着作为其内容的对象，这个属性称为内容属性(Content Property)。“内容属性”是个统称，具体到每种控件上，内容属性都有自己确切的名字——Content、Child、Items或Children。

控件的内容属性与XAML标签的内容存在一定的对应关系，XAML标签的内容区域专门映射了控件的内容属性，下面从语法和常理来解释一下：

严格按照语法来说，控件有内容属性，在XAML里就应该能够使用Atribute=Value 或者属性标签的形式来为内容赋值，如：

<Button Content="OK"/>

<!--或-->

<Butt