WPF控件内容模型
WPF控件内容模型主要指派生于System.Windows.Controls.Control类的各种控件,其主要分为四部分:
ContentControl
HeaderedContendControl
ItemsControl
HeaderedItemsControl
一、ContentControl
ContentControl模型的类型具有一个 Content 属性。Content 属性的类型为 Object,因此,对于您在 ContentControl 中可以放置的内容没有任何限制。可以使用可扩展应用程序标记语言 (XAML) 或代码来设置 Content。 以下控件使用 ContentControl 内容模型: Button、ButtonBase、CheckBox、ComboBoxItem、ContentControl、Frame、GridViewColumnHeader、GroupItem、Label、ListBoxItem、ListViewItem、NavigationWindow、RadioButton、RepeatButton、ScrollViewer、StatusBarItem、ToggleButton、ToolTip、UserControl、Window
简单的说就是主要有Content属性的都具有这个模型,简单看个例子
<!--只能放置一个控件--> <Button Height="23" HorizontalAlignment="Left" Margin="12,45,0,0" Name="button1" VerticalAlignment="Top" Width="75"> <Button.Content> <Image Source="Images/main1.jpg" Width="50"></Image> </Button.Content> </Button>
这样我们就可以把一个Image控件放到Button中了
像上面的情况,我们只能放置一个控件到Content中,如果想放置多个,我们需要加一个panel容易才可以
<!--加一个容器就可以放置多个控件了--> <Button Height="34" HorizontalAlignment="Left" Margin="10,98,0,0" Name="button2" VerticalAlignment="Top" Width="107"> <Button.Content> <StackPanel Orientation="Horizontal" Width="104"> <TextBlock Text="名字" HorizontalAlignment="Center" ></TextBlock> <Image Source="Images/main1.jpg" Width="50"></Image> </StackPanel> </Button.Content> </Button>
这样就可以了
我们也可以通过代码添加Content
private void Window_Loaded(object sender, RoutedEventArgs e)
{
TextBlock tblock = new TextBlock();
tblock.Text = "代码";
TextBlock time = new TextBlock();
time.Text = DateTime.Now.ToString("hh:mm:ss");
StackPanel panel = new StackPanel();
panel.Children.Add(time);
panel.Children.Add(tblock);
button4.Content = panel;
}
二、、HeaderedContentControl模型
HeaderedContentControl类继承ContentControl类,表示带有Header的ContentControl,其除了具有ContentControl的Content属性外,还具有一个Header属性,Header的类型也是Object对象,与Content属性的用法类似。 从 HeaderedContentControl 继承的控件有:Expander、GroupBox、TabItem。
同样具有header和content的都具有这个模型
看一个例子:
<GroupBox Height="118" HorizontalAlignment="Left" Margin="10,10,0,0" Name="groupBox1" VerticalAlignment="Top" Width="215"> <GroupBox.Header> <TextBlock Text="头部"></TextBlock> </GroupBox.Header> <GroupBox.Content> <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center"> <Image Source="Images/main1.jpg" Width="48" Height="48" /> <TextBlock Text="DVD" HorizontalAlignment="Center" /> </StackPanel> </GroupBox.Content> </GroupBox>
同样也可以使用代码添加
private void Window_Loaded(object sender, RoutedEventArgs e) { GroupBox groupBox = new GroupBox(); groupBox.Header = "头部"; TextBlock tblock = new TextBlock(); tblock.Text = "代码"; TextBlock time = new TextBlock(); time.Text = DateTime.Now.ToString("hh:mm:ss"); StackPanel panel = new StackPanel(); panel.Children.Add(time); panel.Children.Add(tblock); groupBox.Content=panel }
三、ItemsControl模型
<ListBox Height="100" HorizontalAlignment="Left" Margin="12,53,0,0" Name="listBox1" VerticalAlignment="Top" Width="120"> <ListBox.Items> <CheckBox Content="CheckBox" Height="16" HorizontalAlignment="Left" Margin="10,10,0,0" Name="checkBox2" VerticalAlignment="Top" /> <TextBlock Text="ComboBox ItemA"></TextBlock> <TextBlock Text="ComboBox ItemB"></TextBlock> <Image Source="Images/main1.jpg"></Image> </ListBox.Items> </ListBox>
从 ItemsControl 继承的控件包含一个对象集合。可以使用 ItemsSource 属性或 Items 属性来填充一个 ItemsControl。只要具体有Items属性的空间都具有这个模型
1、ItemsSource
使用ItemSource属性,需将其绑定到一个实现IEnumerable接口的类型的实例上,系统会枚举其成员做为ItemsControl的Item
private void BindListBoxByItemSource() { IList<TextBlock> txtblocks = new List<TextBlock>(); TextBlock tb1 = new TextBlock() { Text="文字一" }; TextBlock tb2 = new TextBlock() { Text = "文字二" }; TextBlock tb3 = new TextBlock() { Text = "文字三" }; TextBlock tb4 = new TextBlock() { Text = "文字四" }; txtblocks.Add(tb1); txtblocks.Add(tb2); txtblocks.Add(tb3); txtblocks.Add(tb4); listBox2.ItemsSource = txtblocks; }
2、Items
随 WPF 附带的每个 ItemsControl 具有一个对应的类,该类代表 ItemsControl 中的一个项。下表列出了随 WPF 附带的 ItemsControl 对象及其相应的项容器。
ItemsControl项容器
ComboBox ComboBoxItem
ContextMenu MenuItem
ListBox ListBoxItem
ListView ListViewItem
Menu MenuItem
StatusBar StatusBarItem
TabControl TabItem
TreeView TreeViewItem
<ListBox Height="100" HorizontalAlignment="Left" Margin="197,169,0,0" Name="listBox3" VerticalAlignment="Top" Width="120"> <ListBoxItem> ddddd aaaaa </ListBoxItem> <ListBoxItem> aaaa </ListBoxItem> <ListBoxItem> ggggg </ListBoxItem> </ListBox>
一个Items下面有很多的Item
本来应该这样写
<ListBox Height="100" HorizontalAlignment="Left" Margin="197,169,0,0" Name="listBox3" VerticalAlignment="Top" Width="120"> <ListBox.Items> <ListBoxItem> ddddd aaaaa </ListBoxItem> <ListBoxItem> aaaa </ListBoxItem> <ListBoxItem> ggggg </ListBoxItem> </ListBox.Items> </ListBox>
在这里也可以省略ListBox.Items,写成上面的形式
同样我们也可以通过代码添加进去
private void bindCombobox() { ComboBoxItem item = new ComboBoxItem(); item.Content = "ddfdfdfdf"; ComboBoxItem item1 = new ComboBoxItem(); item1.Content = "aaaaaaa"; ComboBoxItem item2 = new ComboBoxItem(); item2.Content = "bbbbbbb"; ComboBoxItem item3 = new ComboBoxItem(); item3.Content = "ccccccc"; comboBox2.Items.Add(item); }
四、HeaderedItemsControl模型
HeaderedItemsControl 从 ItemsControl 类继承。HeaderedItemsControl 定义 Header 属性,该属性遵从相同的规则,因为 HeaderedContentControl. WPF 的 Header 属性附带三个从 HeaderedItemsControl 继承的控件:MenuItem、ToolBar、TreeViewItem HeaderedItemsControl模型可以理解为如下结构:一个HeaderedItemsControl包含一个Items集合,每一个Item包含一个Header属性,一个子Items集合,以TreeView和TreeViewItem为例:
<Grid> <TreeView Height="233" HorizontalAlignment="Left" Margin="420,12,0,0" Name="treeView1" VerticalAlignment="Top" Width="204"> <TreeViewItem IsExpanded="True"> <TreeViewItem.Header> Tree Node A </TreeViewItem.Header> <TreeViewItem.Items> <TextBlock Text="Node A - 1" /> <Button Content="Node A - 2" /> </TreeViewItem.Items> </TreeViewItem> <TreeViewItem> <TreeViewItem.Header> Tree Node B </TreeViewItem.Header> <TreeViewItem.Items> <TextBlock Text="Node B - 1" /> <Button Content="Node B - 2" /> </TreeViewItem.Items> </TreeViewItem> </TreeView>
也可以通过代码完成
//代码绑定TreeView2 private void BindTreeView2() { TreeViewItem item1 = new TreeViewItem() { Header = "节点一" }; TreeViewItem item11 = new TreeViewItem() { Header = "节点1-1" }; item11.Items.Add("aaaa"); item11.Items.Add("bbbb"); item11.Items.Add("cccc"); item11.Items.Add("dddd"); item1.Items.Add(item11); item1.Items.Add("cccc"); item1.Items.Add("dddd"); TreeViewItem item2 = new TreeViewItem() { Header = "节点二" }; item2.Items.Add("aaaa"); item2.Items.Add("bbbb"); item2.Items.Add("cccc"); item2.Items.Add("dddd"); treeView2.Items.Add(item1); treeView2.Items.Add(item2); } private void treeView2_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e) { string dd = treeView2.SelectedItem as string; MessageBox.Show(dd); }
上面就是wpf的四个控件模型