Chapter4：Using Standard Control（学习）

ContentControl

<Button>,<ScrollViewer>,<Label>,<CheckBox>,<RadioButton>,<ToolTip>

1：ContentControl class 有一个类型是object的Content属性，可以是任何东西。eg：button控件的content可以是任何形式的element：（text，text+image， image)和一个ContentTemplate属性可以接收DataTemplate类型的控件。

2：ContentControl的Content属性可以隐式的表达

<Button Margin="4" HorizontalAlignment="Left" Padding="4">
            <StackPanel Orientation="Horizontal">
                <Image Source="copy.png" Width="16" Height="16"/>
                <TextBlock Text="Copy" Margin="10,0,0,0"
                           VerticalAlignment="Center" FontSize="16"/>                       
            </StackPanel>
        </Button>

也可以显式的表达

<Button Content="{StaticResource p1}" FontSize="16"
                Margin="4" Padding="4" HorizontalAlignment="Left"/>

3：有关ContentControl的Content属性设置规则

• Content属性如果是string，textblock会被render，textblock的text属性为这个string
• Content属性如果隐式表达(不写Content属性直接夹在<Button>...</Button>中间)的是一个UIElement object，则该UIElement被render，如果是一行的UIElement(<Image>)则外面什么都不加，如果是多行(<Image>+<TextBlock>)则外面要加一个panel(<Grid>,<StackPanel>,<Border>)
• 如果ContentTemplate属性是null的话，Content属性是自定义Object的话，则被渲染成TextBlock with its Text属性 set to the ToString方法 of the Content属性值（object类型）, otherwise DataTempate被应用

• 注意：各类属性不一定只在xaml中才可以设置，也可以在后台.cs中设置，具体在哪里要灵活使用。但如果是在后台设置一个ContentControl的Content属性，则首先要给ContentControl定义一个x:Name="?"，然后后台便可以

 

Headered ContentControl:<GroupBox>

1：继承自ContentControl，除了已有的Content和ContentTemplate属性外，还多了两个属性（Header type of object， HeaderTemplate type of DataTemplate）,4个属性都遵从上面的属性设置规则。

？.Content = ？.Header = new Book {
                Name = "Windows Internals",
                Author = "Mark Russinovich",
                YearPublished = 2009
            };
        }

---

ItemsControl

这里包括了很多类，我们着重看Selector类

Selector类

1：Items属性：一组object，比较ContentControl的Content属性(一个Object)

2：一些重要的属性：SelectedIndex, SelectedItem, SelectionChanged, SelectedValue & SlectedValuePath

3:SelectedValue & SlectedValuePath: 如果Selector当前hold的是person objects并且SlectedValuePath=Name， SelectedValue是当前选中的Person的Name

 

ListBox: 继承自Selector类

1：另外有的属性包括：

SelectionMode = Single, Multiple, Extended

SelectedItems

SelectionChanged

2：ListBox的Wrapper<ListBoxItem>(ContentControl)

ComboBox: 继承自Selector类

1：ComboBox的Wrapper<ComboBoxItem>(ContentControl):对于each object added into ListBox/ComboBox时这些wrapper会自动加载

2：<ComboBoxItem>是ContentControl类型，代表可以使用DataTemplate类型创建任意类型的ContentControl

两种方法实现：

• 手动增加每一行ComboBoxItem

<Window x:Class="CH04.Lists2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <ComboBox Margin="4" x:Name="_langCombo" HorizontalContentAlignment="Stretch" 
                  SelectionChanged="OnLanguageChanged">
            <ComboBoxItem Padding="4">
                <StackPanel Orientation="Horizontal">
                    <Image Source="Images/C++2.jpg" Width="32" Stretch="Uniform" />
                    <TextBlock Text="C++" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" />
                </StackPanel>
            </ComboBoxItem>
            <ComboBoxItem Padding="4">
                <StackPanel Orientation="Horizontal" >
                    <Image Source="Images/CS.jpg" Width="32" Stretch="Uniform" />
                    <TextBlock Text="C#" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" />
                </StackPanel>
            </ComboBoxItem>
            <ComboBoxItem Padding="4">
                <StackPanel Orientation="Horizontal" >
                    <Image Source="Images/VB2.jpg" Width="32" Stretch="Uniform" />
                    <TextBlock Text="Visual Basic" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" />
                </StackPanel>
            </ComboBoxItem>
            <ComboBoxItem Padding="4">
                <StackPanel Orientation="Horizontal" >
                    <Image Source="Images/FS.jpg" Width="32" Stretch="Uniform" />
                    <TextBlock Text="F#" VerticalAlignment="Center" FontSize="20" Margin="10,0,0,0" />
                </StackPanel>
            </ComboBoxItem>
        </ComboBox>
        <GroupBox Header="Some Keywords" Grid.Row="1" Margin="4">
            <ListBox x:Name="_keywordList" Margin="4">
            </ListBox>
        </GroupBox>
    </Grid>
</Window>

• 自动增加具有一定DataTemplate格式的data objects

 

 

---

 

Display Image

1：<Image>Tag需要Source属性(ImageSource类型，是Image的具体Data)指定一个url(string类型：xxx.png)文件，能从一个string类型变为ImageSource类型(Image的具体Data)，原因是type converter从这段string类型转变成一个BitmapImage(派生自ImageSource类)

2：Stretch属性：

Stretch=Uniform(Default):保持图像比例，但是会缩小在<Image>所设置的width，height里

Stretch=UniformToFill：保持图像比例并且尽量多的占据生育空间，但是多余<Image>所设置的width，height的图像会被切掉

Stretch=None：保留原图像大小多余被切掉，用ScrollViewer可以Scroll着看

Stretch=Fill：改变尺寸比例，只是为了把图像充满<Image>所设置的width，height里

3： ImageSource类有三种派生类可以用(D3DImage，DrawingImage(一些2d drawing实例：<GeometryDrawing>)，BitmapSource)

Drawing：

如何创建一个Drawing

 

<Window x:Class="CH04.ImageSources.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Image Sources" Height="350" Width="525">
    <Window.Resources>
        <CombinedGeometry x:Key="ringGeometry" GeometryCombineMode="Exclude">
            <CombinedGeometry.Geometry1>
                <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="100" />
            </CombinedGeometry.Geometry1>
            <CombinedGeometry.Geometry2>
                <EllipseGeometry Center="100,100" RadiusX="80" RadiusY="80" />
            </CombinedGeometry.Geometry2>
        </CombinedGeometry>
        <GeometryDrawing x:Key="ringDrawing"
            Geometry="{StaticResource ringGeometry}"
            Brush="LightBlue">
            <GeometryDrawing.Pen>
                <Pen Brush="Black" Thickness="3" />
            </GeometryDrawing.Pen>
        </GeometryDrawing>
    </Window.Resources>
    <UniformGrid Rows="1" Columns="2">
        <Image>
            <Image.Source>
                <DrawingImage Drawing="{StaticResource ringDrawing}" />
            </Image.Source>
        </Image>
        <Image x:Name="_image">
        </Image>
    </UniformGrid>
</Window>

 

 

Drawing不是element，不可以直接放在visual tree里，但是可以放在<Image>的Source属性里

BitmapSource：

其本身就是一个抽象类，里面又包含很多类，其中一个是WriteableBitmap

 

 

---

ToolTip

ToolTip可以custmoze

---

 

 

 

WPF中.cs file中定义的类没有加public可以被同一个porject下的其他.cs或者 .xaml调用，但是记得xaml下要加入project的ns。

xaml可以简单的创建类的实例并赋值属性，一边xaml里随意使用创建好的实例

class Person
    {
        public int Age { get; set; }
        public string Name { get; set; }
        public override string ToString()
        {
            return string.Format("{0} is {1} years old", Name, Age);
        }
    }

<local:Person Age="10" Name="Bart" x:Key="p1"/>

 xaml中如何StringFormat

<TextBlock Text="{Binding Name, StringFormat=Name: {0}}" />
                            <TextBlock Text="{Binding Author, StringFormat=Author: {0}}" />
                            <TextBlock Text="{Binding YearPublished, StringFormat=Published: {0}}" />