正文

WPF 入门笔记之控件内容控件

IP云
IP云V管理员/7 阅读
08/24
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、控件类

在WPF中和用户交互的元素，或者说。能够接受焦点，并且接收键盘鼠标输入的元素所有的控件都继承于Control类。

1. 常用属性：

1.1 Foreground：前景画刷/前景色(文本颜色)

1.2 Background：背景画刷/背景色

//使用RBG设置颜色
Btn_1.Foreground = new SolidColorBrush(Color.FromRgb(, , ));
//使用颜色枚举设置颜色
Btn_1.Foreground = new SolidColorBrush(Colors.DarkGoldenrod);
//使用系统颜色枚举
Btn_1.Background = SystemColors.ActiveCaptionBrush;

1.3 FontFamily：设置字体

当FontFamily设置多个值表示，如果第一个字体不存在则使用第二个字体以此类推

<Button Name="Btn_1" FontFamily="Arial,Calibri,Cambria" >
<Button.Content>
this is button
</Button.Content>
</Button>

系统上安装的字体：Fonts.SystemFontFamilies

foreach (var item in Fonts.SystemFontFamilies)
{
lstBox_Message.Items.Add(item.Source);
}

设置任何元素的字体属性，属性的值会向下继承。如果给Window顶层元素设置字体，那么这个window下的所有元素都会继承这个字体

1.4 FontSize：字体大小

1.5 FontStyle：字体样式(斜体)

1.6 FontWeight：字体粗细

1.7 FontStretch：字体可以拉伸的角度

<StackPanel Orientation="Horizontal">
<Button Name="Btn_1" BorderBrush="Black" BorderThickness="2" Content="Border"></Button>
<Button Name="Btn_2" Content="FontStyle" FontStyle="Oblique" FontWeight="Black"></Button>
<Button Name="Btn_3" Content="FontWeight" FontStyle="Oblique"></Button>
<Button Name="Btn_4" Content="FontSize" FontSize="15"></Button>
<Button Name="Btn_5" Content="Fimaly" FontFamily="Arial"></Button>
</StackPanel>

1.8 BorderThickness：边框的大小

1.9 BorderBrush：边框画刷(边框颜色)

<Button Name="Btn_1" BorderBrush="Black" BorderThickness="2">
this is button
</Button>

1.10 Padding：内边距

1.11 HorizontalContentAlignment：内容水平方向的位置

1.12 VerticalContentAlignment：内容垂直方向的位置

1.13 Template：模板

1.14 IsTabStop：否将某个控件包含在 Tab 导航中

1.15 TabIndex：决定在用户使用 Tab 键在控件中导航时元素接收焦点的顺序

二、内容控件

内容控件，它可以包含显示一块内容。只能包含当个(只能包含的一个子元素)。和布局容器不同，布局容器可以不限制的包含子元素。内容控件都继承于ContentControl类

1. Content属性

Conent 只接收单一的对象(任何类型)

<StackPanel>
<!--直接设置Content属性-->
<Button Content="button" Margin="5"></Button>
<!--嵌套一个子元素-->
<Button Margin="5">
<TextBlock>this is TextBlock</TextBlock>
</Button>
<!--包含一个布局元素来实现嵌套多个子元素-->
<Button Margin="5">
<StackPanel>
<Label BorderBrush="Black" BorderThickness="1">this is Label</Label>
<Label BorderBrush="Aquamarine" BorderThickness="1" >this is Label</Label>
<Label BorderBrush="Beige" BorderThickness="1">this is Label</Label>
</StackPanel>
</Button>
</StackPanel>

2. 设置对齐方式和ToolTip

HorizontalContentAlignment：水平对齐

VerticalContentAlignment：垂直对齐

ToolTip：鼠标移动到该元素时，显示提示内容

<Button Content="button" ToolTip="ToolTip case" Margin="5" HorizontalContentAlignment="Left" ></Button>

<Button Content="button" Margin="5" HorizontalContentAlignment="Right" ></Button>

3. 带标题的内容控件

3.1 GroupBox

<GroupBox Header="GroupBox">
<StackPanel>
<RadioButton Margin="2">RadioButton1</RadioButton>
<RadioButton Margin="2">RadioButton2</RadioButton>
<RadioButton Margin="2">RadioButton3</RadioButton>
</StackPanel>
</GroupBox>

3.2 TabItem

<TabControl>
<TabItem Header="TabItem"></TabItem>
<TabItem Header="GroupBox"></TabItem>
<TabItem Header="Expander"></TabItem>
</TabControl>

3.3 Expander

<StackPanel>
<Expander Header="Expander">
<StackPanel>
<RadioButton Margin="2">RadioButton1</RadioButton>
<RadioButton Margin="2">RadioButton2</RadioButton>
<RadioButton Margin="2">RadioButton3</RadioButton>
</StackPanel>
</Expander>
</StackPanel>