GroupBox 分组框

GroupBoxBaseStyle

GroupBox 分组框 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。

用例：

1
2
3
4
5
6
7
<GroupBox Grid.Row="0" Grid.Column="0" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" 
    Padding="10" Margin="16">
    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" 
        Foreground="White"/>
    </Border>
</GroupBox>

GroupBoxBaseStyle

这里提供另外一种样式,供开发者选择

只需要添加扩展属性即可

1
hc:TitleElement.TitlePlacement="Left"

用例：
1
2
3
4
5
6
7
<GroupBox Grid.Row="0" Grid.Column="1" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" 
    Margin="16"  hc:TitleElement.TitlePlacement="Left">
    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" 
        Foreground="White"/>
    </Border>
</GroupBox>

GroupBox_Base_left

GroupBoxTab : GroupBoxTabBaseStyle : GroupBoxBaseStyle

GroupBox 分组框 的另一种样式 GroupBoxTabBaseStyle 不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。

用例：

1
2
3
4
5
6
7
<GroupBox Grid.Row="1" Grid.Column="0" Width="300" Height="200" Header="{x:Static langs:Lang.TitleDemoStr1}" Padding="10" 
    Margin="16" Style="{StaticResource GroupBoxTab}">
    <Border Background="{DynamicResource PrimaryBrush}" CornerRadius="4">
        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" 
        Foreground="White"/>
    </Border>
</GroupBox>
  • 同样可以 使用扩展属性 
    1
    hc:TitleElement.TitlePlacement="Left"

GroupBox_Tab GroupBox_Tab_left

GroupBoxOriginal : GroupBoxOriginalBaseStyle : GroupBoxBaseStyle

GroupBox 分组框 的另一种样式 GroupBoxOriginalBaseStyle 不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。

用例：

1
2
3
4
5
6
7
8
9
<GroupBox Grid.Row="2" Grid.Column="0" Width="300" Header="{x:Static langs:Lang.TitleDemoStr1}" Margin="16" 
    Style="{StaticResource GroupBoxOriginal}" HorizontalContentAlignment="Left">
    <TextBox/>
</GroupBox>
<GroupBox Grid.Row="2" VerticalAlignment="Bottom" Grid.Column="1" Width="300" hc:TitleElement.TitleWidth="100"
    Header="{x:Static langs:Lang.TitleDemoStr1}" Margin="16" Style="{StaticResource GroupBoxOriginal}"
    HorizontalContentAlignment="Left" hc:TitleElement.TitlePlacement="Left">
    <ComboBox DataContext="{Binding ComboBoxDemo,Source={StaticResource Locator}}" ItemsSource="{Binding DataList}"/>
</GroupBox>

GroupBox_Origin GroupBox_Origin_left