feat: add Slider infra, add horizontal styles. Add tooltip as variation.

This commit is contained in:
rabbitism
2023-01-25 01:06:37 +08:00
parent 3b5cf24c98
commit 75a6f57f0f
7 changed files with 435 additions and 0 deletions

View File

@@ -0,0 +1,38 @@
<UserControl
x:Class="Semi.Avalonia.Demo.Pages.SliderDemo"
xmlns="https://github.com/avaloniaui"
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"
d:DesignHeight="450"
d:DesignWidth="800"
mc:Ignorable="d">
<StackPanel
Margin="20"
HorizontalAlignment="Left"
Spacing="20">
<Slider
Width="300"
Maximum="100"
Minimum="0"
TickFrequency="10"
Value="0" />
<Slider
Width="300"
IsSnapToTickEnabled="True"
Maximum="100"
Minimum="0"
TickFrequency="10"
TickPlacement="Outside"
Value="0" />
<Slider
Width="300"
Classes="ToolTip"
IsSnapToTickEnabled="True"
Maximum="100"
Minimum="0"
TickFrequency="10"
TickPlacement="Outside"
Value="0" />
</StackPanel>
</UserControl>

View File

@@ -0,0 +1,18 @@
using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;
namespace Semi.Avalonia.Demo.Pages;
public partial class SliderDemo : UserControl
{
public SliderDemo()
{
InitializeComponent();
}
private void InitializeComponent()
{
AvaloniaXamlLoader.Load(this);
}
}

View File

@@ -63,6 +63,9 @@
<TabItem Header="RepeatButton">
<pages:RepeatButtonDemo />
</TabItem>
<TabItem Header="Slider">
<pages:SliderDemo />
</TabItem>
<TabItem Header="TabControl">
<pages:TabControlDemo />
</TabItem>