XAML WPF项目groupBox控件

最新推荐文章于 2024-09-04 19:11:07 发布

济南医疗小程序状元

最新推荐文章于 2024-09-04 19:11:07 发布

阅读量409

点赞数

分类专栏： CS程序-WPF项目入门必知-GS7 文章标签： wpf

本文链接：https://blog.csdn.net/chenggong9527/article/details/126104458

版权

CS程序-WPF项目入门必知-GS7 专栏收录该内容

136 篇文章

订阅专栏

这篇博客展示了如何在WPF中自定义GroupBox控件，并结合TabItem创建一个业务窗口。通过使用ControlTemplate，作者详细解释了如何设置groupBox的标题和内容，以及如何在groupBox内部嵌套TabItem来展示不同的信息板块，如JobInfo和PersonalInfo等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Window x:Class="WpfHello.Number.One.MTL.Demo.WindowGroupBox"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfHello.Number.One.MTL.Demo"
        mc:Ignorable="d"
        Title="WindowGroupBox" Height="450" Width="800">

    
    
     <!--
    1 需要注意 heard属性的使用
    2 groupbox 的内容可以自由组合
    3 我们使用了自定义模板 ==》  Window.Resources 里面使用 ControlTemplate 自定义模板 需要制定Key 需要指定作用目标.
    
    
    
    -->
    <!--自定义 GroupBox 控件-->
    <Window.Resources>
        <ControlTemplate x:Key="myGroupBox" TargetType="GroupBox">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40">     </RowDefinition>
                    <RowDefinition Height="*"></RowDefinition>
                </Grid.RowDefinitions>

                <Border Grid.Row="0" Background="Orange">
                    <Label Foreground="red" FontWeight="Bold" FontSize="18">
                        这是个业务标题 
                    </Label>
                </Border>

                <Border Grid.Row="0" Background="AliceBlue">

                    <TabItem>
                        <TabItem.Header>_Job Info</TabItem.Header>
                        <StackPanel>
                            <TextBlock>Select a job</TextBlock>
                            <ListBox Name ="job" >
                                <ListBoxItem IsSelected="true">Programmer</ListBoxItem>
                                <ListBoxItem>Tester</ListBoxItem>
                                <ListBoxItem>Writer</ListBoxItem>
                                <ListBoxItem>Manager</ListBoxItem>
                            </ListBox>
                        </StackPanel>
                    </TabItem>
                </Border>
            </Grid>
            
        </ControlTemplate>
    </Window.Resources>
    
    
    
    
    <Grid>

        <GroupBox Template="{StaticResource myGroupBox}">
            
        </GroupBox>

        <GroupBox Template="{StaticResource myGroupBox}">

        </GroupBox>
        
        






        <!--<GroupBox Header="GroupBox"/> Header="这个是groupbox的业务标题 "-->

        <!--<GroupBox >
            --><!--  栈面板  <StackPanel>
                
            </StackPanel>--><!--
            <GroupBox.Header>
                <Label Foreground="blue">这个是groupbox的业务标题 </Label>   
            </GroupBox.Header>
            <StackPanel>
                <TabControl Name="myTabControl" 
     TabStripPlacement="Top" 
         Margin="0, 0, 0, 10" Height="350"
     >
                    <TabItem Name="PersonalInfo">
                        <TabItem.Header>_Personal Info</TabItem.Header>
                        <StackPanel>
                            <TextBlock>Employee</TextBlock>
                            <TextBlock>Select your name</TextBlock>
                            <ListBox Name="empName" >
                                <ListBoxItem IsSelected="true">Esther</ListBoxItem>
                                <ListBoxItem>George</ListBoxItem>
                                <ListBoxItem>Alan</ListBoxItem>
                                <ListBoxItem>Eric</ListBoxItem>
                            </ListBox>
                        </StackPanel>
                    </TabItem>
                    <TabItem>
                        <TabItem.Header>_Job Info</TabItem.Header>
                        <StackPanel>
                            <TextBlock>Select a job</TextBlock>
                            <ListBox Name ="job" >
                                <ListBoxItem IsSelected="true">Programmer</ListBoxItem>
                                <ListBoxItem>Tester</ListBoxItem>
                                <ListBoxItem>Writer</ListBoxItem>
                                <ListBoxItem>Manager</ListBoxItem>
                            </ListBox>
                        </StackPanel>
                    </TabItem>
                    <TabItem Name="Skill">
                        <TabItem.Header>_Skill</TabItem.Header>
                        <StackPanel>
                            <TextBlock>
                Select your strongest skill
                            </TextBlock>
                            <ListBox Name="skills" >
                                <ListBoxItem IsSelected="true">C#</ListBoxItem>
                                <ListBoxItem>Visual Basic</ListBoxItem>
                                <ListBoxItem>.NET</ListBoxItem>
                                <ListBoxItem>JScript</ListBoxItem>
                            </ListBox>
                        </StackPanel>
                    </TabItem>
                    <TabItem Name="Summary" >
                        <TabItem.Header>Su_mmary</TabItem.Header>
                        <StackPanel>
                            <TextBlock Name="emp"/>
                            <TextBlock Name="ejob"/>
                            <TextBlock Name="eskill"/>
                        </StackPanel>
                    </TabItem>
                </TabControl>
                <Button Content="Show Summary" />
            </StackPanel>
        </GroupBox>-->

    </Grid>
</Window>

效果