WPF and Silverlight 学习笔记(十二):WPF Panel内容模型、Decorator内容模型及其他
由于园子里昨天使用Live Writer上传出现问题,昨天只能使用Web上的文本编辑器上传本文,造成代码、内容等格式的错误,现重发本文。
一、Panel内容模型
Panel内容模型指从System.Windows.Controls.Panel继承的控件,这些控件都是容器,可以在内部承载其他的控件和子容器。Panel内容模型包含的容器有:
-
Canvas
-
DockPanel
-
Grid
-
TabPanel
-
ToolBarOverflowPanel
-
UniformGrid
-
StackPanel
-
ToolBarPanel
-
VirtualizingPanel
-
VirtualizingStackPanel
-
WrapPanel
对于Panel模型,其包含一个Children属性,表示其所有的子控件和子容器的集合,在XAML代码中可以省略<XXX.Children>标记,如:
1: <StackPanel x:Name="mainPanel">
2: <StackPanel x:Name="panelA">
3: <StackPanel.Children>
4: <Button>Button A</Button>
5: </StackPanel.Children>
6: </StackPanel>
7: <Button>Button B</Button>
8: <StackPanel x:Name="panelB">
9: </StackPanel>
10: </StackPanel>
也可以通过代码,动态添加Children中的对象
1: // 定义一个Button
2: Button btn = new Button();
3: btn.Content = "Button C";
4:
5: // 将Button添加到StackPanel中
6: panelB.Children.Add(btn);
二、Decorator内容模型
Decorator内容模型指的是从System.Windows.Controls.Decorator类继承的控件,主要是对其中的一个子元素的边缘进行修饰。Decorator模型的主要控件包含:
-
AdornerDecorator
-
Border
-
BulletDecorator
-
ButtonChrome
-
ClassicBorderDecorator
-
InkPresenter
-
ListBoxChrome
-
SystemDropShadowChrome
-
Viewbox
Decorator模型包含一个Child属性,表示其包含的一个子元素(注意,只能是一个子元素(控件或容器,在容器中可以再添加其他的控件)),Child属性的XAML标记可以省略。
例如,对于一个TextBox添加一个边框,使用XAML语言定义:
1: <StackPanel x:Name="mainPanel">
2: <Border BorderThickness="5" BorderBrush="DarkBlue" Margin="5">
3: <Border.Child>
4: <TextBox Text="TextBox Content"/>
5: </Border.Child>
6: </Border>
7: </StackPanel>
也可以使用代码完成上述功能:
1: // 定义一个Border对象,并设置其边框的大小,颜色,外边距
2: Border border = new Border();
3: border.BorderThickness = new Thickness(5);
4: border.BorderBrush = new SolidColorBrush(Colors.DarkRed);
5: border.Margin = new Thickness(5);
6:
7: // 定义一个TextBox对象
8: TextBox textBox = new TextBox();
9: textBox.Text = "TextBox Content Text";
10:
11: // 使用Border修饰TextBox的边框
12: border.Child = textBox;
13:
14: // 将Border添加到StackPanel中
15: mainPanel.Children.Add(border);
三、TextBlock模型
TextBlock模型实际上指的就是System.Windows.Controls.TextBlock类,它是一个用于显示少量流内容的轻量控件。其中包含一个InLines属性,支持 Inline 流内容元素的承载和显示。 支持的元素包括 AnchoredBlock、Bold(粗体字符串)、Hyperlink(超链接,在浏览器支持的模式下有效)、InlineUIContainer(承载其他控件的容器)、Italic(斜体字符串)、LineBreak(换行符)、Run(普通字符串)、Span(可以设置字体、颜色等的Span) 和 Underline(下划线)。
例如:
1: <StackPanel Orientation="Horizontal">
2: <Border BorderThickness="2" Margin="5" BorderBrush="Black">
3: <TextBlock Margin="5" TextWrapping="WrapWithOverflow">
4: <TextBlock.Inlines>
5: <Bold>
6: <Run>BlockText 控件XAML示例</Run>
7: </Bold>
8: <LineBreak/>
9: <Run>TextBlock支持以下的几种流显示样式:</Run>
10: <LineBreak/>
11: <Bold>粗体(Bold)</Bold>
12: <LineBreak/>
13: <Italic>斜体(Italic)</Italic>
14: <LineBreak/>
15: <Underline>下划线(Underline)</Underline>
16: <LineBreak/>
17: <Hyperlink NavigateUri="http://www.microsoft.com">超链接</Hyperlink>
18: <LineBreak/>
19: <Span Foreground="Red" FontSize="18">Span设置字体、颜色等</Span>
20: <LineBreak />
21: <InlineUIContainer>
22: <StackPanel Background="AntiqueWhite" Margin="5">
23: <TextBlock>Inline UI 容器</TextBlock>
24: <Button Content="按钮" Width="80" />
25: </StackPanel>
26: </InlineUIContainer>
27: </TextBlock.Inlines>
28: </TextBlock>
29: </Border>
30: <Border BorderThickness="2" Margin="5" BorderBrush="Black">
31: <TextBlock Margin="5" TextWrapping="WrapWithOverflow" x:Name="textBlock">
32: <TextBlock.Inlines>
33: <Bold>
34: <Run x:Name="title"></Run>
35: </Bold>
36: <LineBreak x:Name="line"/>
37: <InlineUIContainer x:Name="container">
38: <StackPanel Background="AntiqueWhite" Margin="5" x:Name="panel">
39: </StackPanel>
40: </InlineUIContainer>
41: </TextBlock.Inlines>
42: </TextBlock>
43: </Border>
44: </StackPanel>
使用代码操作Inlines:
1: // 设置Inline对象的属性值
2: title.Text = "TextBlock 控件代码示例";
3:
4: // 添加Inline对象
5: Run content = new Run("TextBlock支持以下的几种流显示样式:");
6: Bold bold = new Bold(new Run("粗体"));
7: Italic italic = new Italic(new Run("斜体"));
8: Underline underline = new Underline(new Run("下划线"));
9: Hyperlink hyperlink = new Hyperlink(new Run("超链接"));
10: hyperlink.NavigateUri = new Uri("http://www.microsoft.com");
11: Span span = new Span(new Run("Span设置字体、颜色等"));
12: span.Foreground = new SolidColorBrush(Colors.Green);
13: span.FontSize = 18;
14:
15: textBlock.Inlines.InsertBefore(container, content);
16: textBlock.Inlines.InsertBefore(container, new LineBreak());
17: textBlock.Inlines.InsertBefore(container, bold);
18: textBlock.Inlines.InsertBefore(container, new LineBreak());
19: textBlock.Inlines.InsertBefore(container, italic);
20: textBlock.Inlines.InsertBefore(container, new LineBreak());
21: textBlock.Inlines.InsertBefore(container, underline);
22: textBlock.Inlines.InsertBefore(container, new LineBreak());
23: textBlock.Inlines.InsertBefore(container, hyperlink);
24: textBlock.Inlines.InsertBefore(container, new LineBreak());
25: textBlock.Inlines.InsertBefore(container, span);
26: textBlock.Inlines.InsertBefore(container, new LineBreak());
27:
28: // 设置InlineUIContainer的成员
29: panel.Children.Add(new TextBlock(new Run("InlineUIContainer")));
30: Button button = new Button();
31: button.Content = "Button";
32: button.Width = 80;
33: panel.Children.Add(button);
执行结果:
四、TextBox模型
System.Windows.Controls.TextBox类,实现的是可编辑的文本框,文本框的内容由字符串类型的Text属性指定,并且整个TextBox的内容使用共同的(即TextBox指定的)样式。