GroupBox.Avalonia

Another attempt to recreate the GroupBox control for AvaloniaUI.

Based on @derekantrican's Classic and Modern GroupBox examples at [GroupBox] Missing · Issue #823 · AvaloniaUI/Avalonia.

When this library is production-ready, its themes/styles may be pull-requested to teast/Avalonia.GroupBox. Otherwise, someone else will need to maintain this project.

Known Issues

• Sample app re-distributes the checkbox labels...weirdly.

Usage

1. Add the package: https://www.nuget.org/packages/BinToss.GroupBox.Avalonia/

dotnet add package BinToss.GroupBox.Avalonia

2. In an AXAML/XAML file, add the following xmlns statement: xmlns:gb="using:GroupBox.Avalonia.Controls". I used ctrl in the sample project, but other projects should use gb.

   GroupBox.Avalonia/GroupBox.Avalonia.Sample/Views/MainView.axaml

   Lines 1 to 5 in 5515704

   	<UserControl x:Class="GroupBox.Avalonia.Sample.Views.MainView"
   	xmlns="https://github.com/avaloniaui"
   	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   	xmlns:ctrl="using:GroupBox.Avalonia.Controls"
   	xmlns:themes="using:GroupBox.Avalonia.Themes">

3. Add a basic GroupBox via <gb:GroupBox/>

   GroupBox.Avalonia/GroupBox.Avalonia.Sample/Views/MainView.axaml

   Lines 25 to 31 in 5515704

   	<ctrl:GroupBox Header="Basic (default)"
   	Grid.Row="0" Grid.Column="1">
   	<StackPanel>
   	<CheckBox>CheckBox0</CheckBox>
   	<CheckBox>CheckBox1</CheckBox>
   	</StackPanel>
   	</ctrl:GroupBox>

   For its contents, you should use a Panel-based Control such as Grid or StackPanel. It's a GroupBox, after all.

4. (Optional) To use the "classic" theme replicating Windows' classic GroupBox, use Theme="{StaticResource GroupBoxClassic}"

   GroupBox.Avalonia/GroupBox.Avalonia.Sample/Views/MainView.axaml

   Lines 16 to 18 in 5515704

   	<ctrl:GroupBox Header="Classic"
   	Theme="{StaticResource GroupBoxClassic}"
   	Grid.Row="0" Grid.Column="0">

---

For more info, see GroupBox.Avalonia.Sample.