1.GroupBox

注意: GroupBox仍然需要佈局容器來放置元素。如: StackPanel面板

<GroupBox Header="select number?">
       <StackPanel>
           <RadioButton>one</RadioButton>
           <RadioButton>two</RadioButton>
           <RadioButton>three</RadioButtohttp://www.cppcns.comn>
       </StackPanel>
   </GroupBox>

2.TabControl

像這種標籤頁控制元件,在winform種非常常見,Tabpge子頁面,而在WPF種,對應的則是TabItem類。

所示的程式碼示意圖：

<TabControl>
  www.cppcns.com      <TabItem Header="首頁">
            <StackPanel>
                <Button>button1</Button>
                <Button>button2</Button>
                <Button>button3</Button>
            </StackPanel>
        </TabItem>
 
        <TabItem Header="第二頁">
            <StackPanel>
                <Button>button4</Button>
                <Button>button5</Button>
                <Button>button6</Button>
            </StackPanel>
        </TabItem>
         
    </TabControl>

與Content屬性相同,TabItem的Header同樣可以接收任何型別的物件。這意味著可以建立一個組合框或選項卡。在他們的頁標題中包含任意圖形和任意元素。如下所示：

<TabControl>
        <TabItem >
            <TabItem.Header>
                <StackPanel Orientation="Horizontal">
                    <Button Background="Transparent" BorderBrush="Transparent">♥</Button>
                    <TextBox BorderBrush="Transparent">首頁</TextBox>
                </StackPanel>
            </TabItem.Header>
 
            <StackPanel>
                <Button>button1</Button>
                <Button>button2</Button>
                <Button>button3</Button>
            </StackPanel>
 
        <CNMoY
 
/TabItem>
    </TabControl>

3.Expander選單控制元件

具備標題的內容收縮控制元件,在web中很普遍,用於左側選單。

程式碼如下所示：

<StackPanel>
    <Expander Header="One" Margin="5" Padding="5">
        <TextBlock TextWrapping="Wrap">Ofo has been favoredwww.cppcns.com by the public,even the foreign people speak highly of it. These yellow
            bikes can be found everywhere,so the people who are in a hurry can
            use it and then reached the destination in time.</TextBlock>
    </Expander>
 
    <Expander Header="Two" Margin="5" Padding="5">
        <TextBlock TextWrapping="Wrap">Especially for the visitors,they can ride these bikes and then have a look at the scenery around.</TextBlock>
    </Expander>
 
    <Expander Header="Three" Margin="5" Padding="5">
        <TextBlock TextWrapping="Wrap">It can saves them a lot of money and the most important thing is the convenience it brings.</TextBlock>
    </Expander>
 
</StackPanel>

4.ListBox控制元件

ListBox控制元件是一個非常靈活的控制元件,它不僅包含子元素ListBoxItem物件。而且也可以駐留其他元素,這也就是ListBoxItem類繼承於ContentControl類,從而ListBoxItem能夠包含一段巢狀的內容。

例如,建立一個包含普通按鈕的列表。如下所示：

<StackPanel>
       <ListBox>
           <ListBoxItem>
               <Button>♥ button1</Button>
           </ListBoxItem>
       </ListBox>
 
       <ListBox>
           <ListBoxItem>
               <Button>♥ button2</Button>
           </ListBoxItem>
       </ListBox>
 
       <ListBox>
           <ListBoxItem>
               <Button>♥ button3</Button>
           </ListBoxItem>
       </ListBox>
   </StackPanel>

5. ProgressBar進度條

IsIndeterminate屬性設定為True,控制元件則會週期性的顯示一個綠色(預設)從左到右的脈衝。

<Grid>
    <ProgressBar IsIndeterminate="True" Height="30"></ProgressBar>
</Grid>

當然,我們也可以通過修改Foreground 屬性,修改其滾動的顏色。如下所示

<StackPanel>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="Green" ></ProgressBar>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="Red" ></ProgressBar>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="Chocolate" ></ProgressBar>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="DarkSalmon" ></ProgressBar>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="Pink" ></ProgressBar>
    <ProgressBar Margin="2" IsIndeterminate="True" Height="30" Foreground="DodgerBlue" ></ProgressBar>
</StackPanel>

6.日期控制元件

WPF中有兩個日期控制元件,Calendar和DatePicker,前者是以一個日曆的形式,後者則像是一個文字框的形式。

<StackPanel>
      <DatePicker></DatePicker>
      <Calendar></Calendar>
  </StackPanel>

同時,控制元件還具備眾多屬性。

到此這篇關於WPF常用控制元件用法及介紹的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支援我們。