Skip to content

Commit

Permalink
chore: add avalonia TabControl demo.
Browse files Browse the repository at this point in the history
  • Loading branch information
@NaBian
NaBian committed Feb 9, 2025
1 parent bbb2db1 commit 045ced1
Show file tree
Hide file tree
Showing 12 changed files with 682 additions and 84 deletions.
2 changes: 1 addition & 1 deletion src/Avalonia/HandyControlDemo_Avalonia/UserControl/Main/LeftMainContent.axaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
BorderThickness="0"
Background="{DynamicResource SecondaryRegionBrush}" />
<TabControl BorderThickness="0 1 0 0"
Classes="inline"
Theme="{StaticResource TabControlInLine}"
SelectionChanged="TabControl_OnSelectionChanged"
ItemsSource="{Binding DemoInfoCollection}"
Background="Transparent"
Expand Down
189 changes: 189 additions & 0 deletions src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/NativeTabControlDemo.axaml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,189 @@
<UserControl xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="HandyControlDemo.UserControl.NativeTabControlDemo"
xmlns:hc="https://handyorg.github.io/handycontrol">
<ScrollViewer>
<hc:UniformSpacingPanel Margin="32"
Spacing="32"
ItemWidth="400"
ItemHeight="200"
MaxWidth="832"
ChildWrapping="Wrap">
<TabControl TabStripPlacement="Right">
<TabItem Header="Title1">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="1" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title2"
IsEnabled="False">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="2" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title3">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="3" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title4">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="4" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title5">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="5" />
</TextBlock>
</Border>
</TabItem>
</TabControl>
<TabControl Theme="{StaticResource TabControlInLine}">
<TabItem Header="Title1">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="1" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title2">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="2" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title3">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="3" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title4">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="4" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title5"
IsSelected="True">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="5" />
</TextBlock>
</Border>
</TabItem>
</TabControl>
<TabControl TabStripPlacement="Left"
Theme="{StaticResource TabControlCapsule}">
<TabItem Header="Title1">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="1" />
</TextBlock>
</Border>
</TabItem>
<TabItem IsSelected="True"
Header="Title2">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="2" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title3">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="3" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title4">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="4" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title5">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="5" />
</TextBlock>
</Border>
</TabItem>
</TabControl>
<TabControl TabStripPlacement="Bottom"
Theme="{StaticResource TabControlCapsuleSolid}">
<TabItem Header="Title1">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="1" />
</TextBlock>
</Border>
</TabItem>
<TabItem IsEnabled="False"
Header="Title2">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="2" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title3">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="3" />
</TextBlock>
</Border>
</TabItem>
<TabItem IsSelected="True"
Header="Title4">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="4" />
</TextBlock>
</Border>
</TabItem>
<TabItem Header="Title5">
<Border>
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
<Run Text="Text" />
<Run Text="5" />
</TextBlock>
</Border>
</TabItem>
</TabControl>
</hc:UniformSpacingPanel>
</ScrollViewer>
</UserControl>
10 changes: 10 additions & 0 deletions src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/NativeTabControlDemo.axaml.cs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
namespace HandyControlDemo.UserControl;

public partial class NativeTabControlDemo : Avalonia.Controls.UserControl
{
public NativeTabControlDemo()
{
InitializeComponent();
}
}

71 changes: 71 additions & 0 deletions src/Avalonia/HandyControl_Avalonia/Controls/Attach/ItemsControlAttach.cs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
using Avalonia;
using Avalonia.Controls;
using HandyControl.Tools;

namespace HandyControl.Controls;

public class ItemsControlAttach
{
public static readonly AttachedProperty<ThemeSelector?> ItemsContainerThemeSelectorProperty =
AvaloniaProperty.RegisterAttached<ItemsControlAttach, AvaloniaObject, ThemeSelector?>(
"ItemsContainerThemeSelector");

public static void SetItemsContainerThemeSelector(AvaloniaObject element, ThemeSelector? value) =>
element.SetValue(ItemsContainerThemeSelectorProperty, value);

public static ThemeSelector? GetItemsContainerThemeSelector(AvaloniaObject element) =>
element.GetValue(ItemsContainerThemeSelectorProperty);

static ItemsControlAttach()
{
ItemsContainerThemeSelectorProperty.Changed.AddClassHandler<AvaloniaObject>(
OnItemsContainerThemeSelectorChanged);
}

private static void OnItemsContainerThemeSelectorChanged(AvaloniaObject element, AvaloniaPropertyChangedEventArgs e)
{
if (element is not ItemsControl itemsControl)
{
return;
}

itemsControl.ContainerPrepared -= OnContainerPrepared;
var themeSelector = e.GetNewValue<ThemeSelector?>();

if (themeSelector is null)
{
return;
}

itemsControl.ContainerPrepared += OnContainerPrepared;
ApplyTheme(itemsControl, themeSelector);
}

private static void OnContainerPrepared(object? sender, ContainerPreparedEventArgs e)
{
if (sender is not ItemsControl itemsControl)
{
return;
}

var themeSelector = GetItemsContainerThemeSelector(itemsControl);
if (themeSelector is null)
{
return;
}

ApplyTheme(itemsControl, themeSelector);
}

private static void ApplyTheme(ItemsControl itemsControl, ThemeSelector themeSelector)
{
for (int i = 0; i < itemsControl.ItemCount; i++)
{
var container = itemsControl.ContainerFromIndex(i);
if (container != null)
{
container.Theme = themeSelector.SelectTheme(itemsControl.Items[i], container);
}
}
}
}
8 changes: 8 additions & 0 deletions src/Avalonia/HandyControl_Avalonia/Controls/Attach/TitleElement.cs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,14 @@ namespace HandyControl.Controls;

public class TitleElement
{
public static readonly AttachedProperty<IBrush?> BorderBrushProperty =
AvaloniaProperty.RegisterAttached<TitleElement, AvaloniaObject, IBrush?>("BorderBrush", inherits: true);

public static void SetBorderBrush(AvaloniaObject element, IBrush? value) =>
element.SetValue(BorderBrushProperty, value);

public static IBrush? GetBorderBrush(AvaloniaObject element) => element.GetValue(BorderBrushProperty);

public static readonly AttachedProperty<IBrush?> BackgroundProperty =
AvaloniaProperty.RegisterAttached<TitleElement, AvaloniaObject, IBrush?>("Background", inherits: true);

Expand Down
Loading

0 comments on commit 045ced1

Please sign in to comment.