feat: add ThemeVariant demo.
This commit is contained in:
parent
8e10cd774a
commit
5ba21de6bb
@ -7,7 +7,15 @@
|
|||||||
d:DesignHeight="450"
|
d:DesignHeight="450"
|
||||||
d:DesignWidth="800"
|
d:DesignWidth="800"
|
||||||
mc:Ignorable="d">
|
mc:Ignorable="d">
|
||||||
<ThemeVariantScope>
|
<Grid>
|
||||||
<TextBox Width="100" />
|
<ThemeVariantScope Name="scope">
|
||||||
</ThemeVariantScope>
|
<Border Theme="{StaticResource CardBorder}">
|
||||||
|
<StackPanel>
|
||||||
|
<DatePicker />
|
||||||
|
<CalendarDatePicker />
|
||||||
|
<ToggleSwitch Content="Switch Theme" IsCheckedChanged="Switch_OnIsCheckedChanged" />
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
</ThemeVariantScope>
|
||||||
|
</Grid>
|
||||||
</UserControl>
|
</UserControl>
|
||||||
|
@ -1,13 +1,30 @@
|
|||||||
using Avalonia;
|
using Avalonia;
|
||||||
using Avalonia.Controls;
|
using Avalonia.Controls;
|
||||||
|
using Avalonia.Interactivity;
|
||||||
using Avalonia.Markup.Xaml;
|
using Avalonia.Markup.Xaml;
|
||||||
|
using Avalonia.Styling;
|
||||||
|
|
||||||
namespace Semi.Avalonia.Demo.Pages;
|
namespace Semi.Avalonia.Demo.Pages;
|
||||||
|
|
||||||
public partial class ThemeVariantDemo : UserControl
|
public partial class ThemeVariantDemo : UserControl
|
||||||
{
|
{
|
||||||
|
private ThemeVariant _variant = ThemeVariant.Default;
|
||||||
public ThemeVariantDemo()
|
public ThemeVariantDemo()
|
||||||
{
|
{
|
||||||
InitializeComponent();
|
InitializeComponent();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private void Switch_OnIsCheckedChanged(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_variant == ThemeVariant.Dark)
|
||||||
|
{
|
||||||
|
scope.RequestedThemeVariant = ThemeVariant.Default;
|
||||||
|
_variant = ThemeVariant.Default;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
scope.RequestedThemeVariant = ThemeVariant.Dark;
|
||||||
|
_variant = ThemeVariant.Dark;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user