Avalonia常用小控件Slider

1.项目下载地址:https://gitee.com/confusedkitten/avalonia-demo
2.UI库Semi.Avalonia,项目地址 https://github.com/irihitech/Semi.Avalonia\

样式预览:

axaml代码 :

复制代码
<UserControl 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"
			 xmlns:vm="using:AvaloniaDemo.ViewModels"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="AvaloniaDemo.Pages.Slider"
			 x:DataType="vm:SliderViewModel">
	<Grid VerticalAlignment="Center" Background="Transparent">
		<StackPanel>
			<Slider TickFrequency="1" Background="LightGray"  Height="40"  Minimum="0" Maximum="100" Value="0" Margin="0 3 0 0"
                    x:Name="SliderProgress" ValueChanged="SliderValueChanged"
					PointerPressed="SliderPreviewMouseDown"
                    PointerReleased="SliderPreviewMouseUp"
                    PointerMoved="SliderProgress_MouseMove"
                    PointerCaptureLost="SliderProgress_LostMouseCapture"
					ToolTip.Placement="Bottom"
					ToolTip.VerticalOffset="{Binding VerticalOffset}"
					ToolTip.HorizontalOffset="{Binding HorizontalOffset}">
				<ToolTip.Tip>
					<ToolTip>
						<TextBlock Text="{Binding ToolTip}" Foreground="Black"></TextBlock>
					</ToolTip>
				</ToolTip.Tip>
			</Slider>
		</StackPanel>
	</Grid>
</UserControl>

后台代码:

复制代码
using Avalonia;
using Avalonia.Controls;
using Avalonia.Controls.Primitives;
using Avalonia.Input;
using Avalonia.Markup.Xaml;
using AvaloniaDemo.ViewModels;
using System.Threading;

namespace AvaloniaDemo.Pages;

public partial class Slider : UserControl
{
    public SliderViewModel repeatModel = new SliderViewModel();

    public Slider()
    {
        InitializeComponent();
        this.DataContext = repeatModel;
    }
    /// <summary>
    /// 进度条的值发生改变触发事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void SliderValueChanged(object sender, RangeBaseValueChangedEventArgs e)
    {
    }

    /// <summary>
    /// 鼠标开始拖拽进度条
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void SliderPreviewMouseDown(object sender, PointerPressedEventArgs e)
    {

    }

    /// <summary>
    /// 鼠标结束拖拽进度条
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void SliderPreviewMouseUp(object sender, PointerReleasedEventArgs e)
    {


    }

    /// <summary>
    /// 提示
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void SliderProgress_MouseMove(object sender, PointerEventArgs e)
    {
        repeatModel.ToolTip = SliderProgress.Value.ToString("F2");

        var position = e.GetPosition(SliderProgress);
        repeatModel.VerticalOffset = position.Y - 80;
        repeatModel.HorizontalOffset = position.X - 600;
    }

    private void SliderProgress_LostMouseCapture(object sender, PointerCaptureLostEventArgs e)
    {
    }
}
相关推荐
狼性法则10 天前
基于C#+avalonia ui实现的点胶机给传感器灌胶操作的上位机控制软件,使用RS485 Modbus通讯,跨平台可运行在Linux系统及windows系统
跨平台·modbus·avalonia·.net 跨平台
Nukepayload214 天前
演练:使用VB开发多智能体协作的荣格八维分析器
ai·avalonia·vb·智能体·工具调用·实时反馈·智能体协同
SQWH_SSGS25 天前
一些Avalonia与WPF内容的对应关系和不同用法
avalonia
Oberon1 个月前
Avalonia硬配.NET Framework 4.8
c#·.net·avalonia·.net framework
程序设计实验室2 个月前
提升Avalonia UI质感,跨平台图标库选型实践
c#·avalonia
程序设计实验室3 个月前
基于.NetCore开发 StarBlog 番外篇 (4) 文章一键发布工具Publisher大升级,AI功能增强与界面优化
avalonia·starblog博客开发笔记·starblog番外
程序设计实验室5 个月前
AOT编译Avalonia应用:StarBlog Publisher项目实践与挑战
c#·avalonia
程序设计实验室5 个月前
基于.NetCore开发 StarBlog 番外篇 (3) StarBlog Publisher,跨平台一键发布,DeepSeek加持的文章创作神器
c#·avalonia·starblog博客开发笔记
布布(CeSun)6 个月前
.NET适配HarmonyOS进展
.net·鸿蒙系统·harmonyos next·avalonia
下一秒_待续7 个月前
.Net8 Avalonia跨平台UI框架——<vlc:VideoView>控件播放海康监控、摄像机视频(Windows / Linux)
跨平台·.net core·avalonia