Avalonia跨平台入门第八篇之控件的拖放

最新推荐文章于 2025-02-15 22:38:41 发布
最新推荐文章于 2025-02-15 22:38:41 发布
阅读量2.2k 收藏 2
点赞数 1
文章标签： javascript c++ js 人工智能 canvas
原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654088249&idx=4&sn=756ea6b71ddc24e02bac61085ce23ded&chksm=80d8086cb7af817aea96a8b4a11453a9b873cc78834993b643d684ae2cbe98b8c43d160ec2fc&scene=126&&sessionid=0
版权

在前面分享的几篇中咱已经玩耍了Popup、ListBox多选、Grid动态分、RadioButton模板,过程还算顺利;今天接着把把ListBox中的Item拖放到Cavans中(基于官方的Samples实现的);直接看效果吧:

5ca614a6b33e17b16e5c888ff85df6c0.gif

1、ListBox中PointerPressed、DragOver事件:

e6feacff93bc9cbe3b8a90e4765ce69d.png

2、Canvas中的Drop事件:

425c823ad48892567e5a7f2a6a3971fb.png

3、控件的移除无非就是通过委托来做处理:

387b4b6ba4cbbcc89f7c2c737a2efeb9.png

接下来分享控件在Canvas范围内拖拽和修改大小的效果;最终简单的效果先这样吧d63959a9f0ede767ce81c092b653ea61.png;以后有时间的话,可以再去摸索一下更复杂的效果bdf3813e1871e184aaa56bc03023936a.png;编程不息、Bug不止、无Bug、无生活d6215212eaa10ebe70004f9063c762fc.png;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动 、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下,多谢您的支持！

Avalonia中的路由事件
仰望星空的博客
07-29 588
路由事件的定义通常在控件类中进行。可以使用RoutedEvent.Register方法来注册事件，并指定事件的名称、路由策略、事件类型和所有者类型。// 定义路由事件。
Avalonia 实现平滑拖动特定控件的.NET应用
Tnp____的博客
09-22 491
我们将以一个简单的示例应用程序为例，展示如何实现这一功能，并提供相应的源代码。接下来，在 PointerMoved 事件中，我们将计算鼠标指针的偏移量，并根据偏移量更新按钮的位置。在代码文件中，我们需要处理按钮的三个事件：PointerPressed、PointerReleased 和 PointerMoved。在本示例中，我们将创建一个简单的 Avalonia 窗口，并添加一个可拖动的按钮。在 PointerPressed 事件中，我们需要记录鼠标指针的初始位置和按钮的初始位置。
Avalonia桌面程序，简约可用，整合LiveChart2，SukiUI，已解决默认字体问题
03-29
Avalonia桌面程序，简约可用，整合 LiveChart2，SukiUI；已解决默认字体问题，Ubuntu20.04已验证正常运行
一款开源、免费、美观的 Avalonia UI 原生控件库 - Semi Avalonia
专注于C#/.NET/.NET Core学习、工作、面试干货和实战教程分享。这里聚焦了大量的C#/.NET/.NET Core优质文章、开源项目、实用工具和学习、工作、面试心得。
02-15 726
最近发现DotNetGuide技术社区交流群有不少小伙伴在学习Avalonia，今天大姚给大家分享一款开源、免费、美观的 Avalonia UI 原生控件库：Semi Avalonia。Avalonia是一个强大的框架，使开发人员能够使用.NET创建跨平台应用程序。它使用自己的渲染引擎绘制UI控件，确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。这意味着开发人员可以共享他们的UI代码，并在不同的目标平台上保持统一的外观和感觉。
c# Avalonia 架构开发跨平台应用
babytiger的专栏
09-04 3279
下面写出界面代码 ，文件名 MainWindow.axaml，其后缀为axaml与wpf中常用的xaml多个a表示使用的是Avalonia架构。AvaloniaCalculatorApp: 一个基于Avalonia架构的c#简单的计算器应用，支持windows ,linux(ubuntu,kylin,uos),visual 2022开发 (gitee.com)通过判断用户按下的键来触发计算器的相应操作，例如输入数字、执行加减乘除等操作，并通过 ViewModel 中的命令绑定来更新界面和执行计算逻辑。
Avalonia跨平台入门第九篇之控件置顶和置底
dotNET跨平台
03-07 793
在前面分享的几篇中咱已经玩耍了Popup、ListBox多选、Grid动态分、RadioButton模板、控件的拖放效果;今天趁着有时间接着对拖放到Canvas上的控件进行置顶和置底切换的...
Net跨平台UI框架Avalonia入门-安装和使用
热门推荐
海盗Sharp的博客
05-18 1万+
Avalonia UI是是Net的跨平台UI框架，支持 Windows、Linux、iOS 和 Android，与Net其他UI框架相比，主要是支持Linux。在国产化的需求下，对于C#开发的程序员，Avalonia适合用来开发Linux的桌面客户端。
Avalonia 舞台内组件拖动
qq_33853332的博客
11-05 245
【代码】Avalonia 舞台内组件拖动。
Avalonia 实现平滑拖动指定控件
dotNET跨平台
03-01 616
Avalonia 实现平滑拖动指定控件1.创建一个UserControl控件，并且添加以下代码usingSystem; usingAvalonia; usingAvalonia.Controls; usingAvalonia.Input; usingAvalonia.Markup.Xaml; usingAvalonia.Media; usingAvalonia.Media.Imagi...
Avalonia实现鼠标按下左键拖动整个窗口
xiaozhou_cq的博客
04-25 1205
Avalonia隐藏标题栏，自定义标题栏后，无法再实现按左键拖动窗口的功能。可以重写窗口的OnPointerPressed方法。当鼠标左键按下时，我们调用窗口的BeginMoveDrag方法来启动窗口的拖动操作。BeginMoveDrag方法是窗口的内置方法，它将处理窗口的拖动操作，包括鼠标移动和释放事件。通过调用此方法，你无需手动处理鼠标移动和释放事件，Avalonia会自动处理。
Avalonia Image控件上通过鼠标拖动画出矩形框
大黄鸭在发光的专栏
06-01 620
Avalonia
avalonia跨平台vs2022插件 TemplateForVs2022
12-01
Avalonia是一个开源项目，它允许开发者使用XAML和C#来构建跨平台应用程序，这些应用可以在Windows、Linux和MacOS上运行。随着软件行业对跨平台解决方案需求的增长，Avalonia提供了一种有效的方式来创建具有原生外观...
封装的基于avalonia跨平台gui框架做的chromium浏览器控件，支持JavaScript和C#互相调用
08-01
使用Xilium.CefGlue做的一个基于avalonia框架的cef浏览器控件 2.使用的cef版本是102.0.10 。 3.可以在Windows和Linux系统（桌面环境）下面跑起来，这个版本在Windows x64环境和Linux x64环境可以运行起来，但在linux...
Avalonia.ExtendedToolkit：Avalonia UI的扩展控件
02-04
Avalonia.ExtendedTool希望将某些控件从WPF移植到Avalonia。 大多数样式/创意取自： 等等 欢迎贡献者。 Nugets 用法 请查看示例应用程序或有关如何使用控件的信息。 解决方案结构 Avalonia.Controlz：可以合并...
oxyplot-avalonia：.NET的跨平台绘图库。 该软件包针对Avalonia应用
02-05
OxyPlot.Avalonia 是.NET的绘图库。 该针对Avalonia应用。 dotnet add package OxyPlot.Avalonia 用法 要使用该库，请将以下内容添加到您的App.xaml ： < Application xmlns = " ...
基于.NET技术的Ant Design实现源码，AtomUI助力Avalonia/.NET跨平台桌面软件研发
01-01
基于.NET技术的Ant Design实现源码，即AtomUI，是一款支持Avalonia框架的跨平台桌面软件开发工具。它将Ant Design的设计哲学与.NET环境结合，使得开发者能够在.NET平台上构建具有统一UI体验的应用程序。AtomUI项目...
Avalonia中如何实现文件拖拽上传
星火燎猿
12-07 1784
前面我们讲了在感兴趣的读者可以看一下，本章我们将讲一下在Avalonia框架下如何实现文件和文字的拖拽到指定区域进行处理和上传。
canvas实现画布拖拽效果 适配Uniapp和Vue (开箱即用)
2303_77072102的博客
06-17 2286
需求:我司是做AIGC项目最近和地铁项目有关需要实现海报效果图，并且需要使用画布拖拽和修改上传删除等等功能 当时连续加班花了10个工作日搓出来 实现挺简单的但是Canvas数据处理还是挺麻烦的 大概功能如图下首先我们需要引入Fabric.js 这个库封装好了原生的Canvas的Api使用uniapp和vue项目。
Avalonia 实现跨平台的视频聊天、屏幕分享（源码，支持Win、银河麒麟、统信UOS）
zhuweisky
10-16 2720
Avalonia 是现在最流行的C#跨平台UI框架，如果要基于Avalonia 实现视频聊天和远程桌面控制，那么要如何实现了？
Avalonia TextBox 类似OnKeyPress事件
最新发布
03-20
<think>嗯，用户之前询问了Avalonia的颜色系统，现在他们想了解TextBox的类似OnKeyPress事件。我需要先回想一下Avalonia的事件模型。在WPF中，有KeyDown和KeyUp事件，但OnKeyPress通常指的是处理字符输入的事件，而KeyDown处理的是物理按键。Avalonia作为跨平台UI框架，可能类似。 首先，要确认Avalonia中TextBox的事件有哪些。Avalonia的控件事件可能与WPF/UWP类似。KeyDown和KeyUp应该是存在的，但用户想要的是在按键时触发的事件，特别是当字符被输入的时候。可能需要区分处理物理按键和实际字符输入，比如处理Backspace或Enter键。 然后，用户可能希望实时响应按键，比如验证输入或执行某些操作。比如，在用户输入时检查内容是否符合要求，或者限制输入字符。这时候，使用KeyDown事件可能不够，因为它会触发所有按键，包括非字符键。或者，可能需要结合TextInput事件，这个事件在字符实际输入时触发，类似于WinForms的KeyPress。 接下来，我需要查阅Avalonia的文档，确认TextBox支持的事件。根据记忆，Avalonia的UIElement有KeyDown、KeyUp和TextInput事件。TextInput事件在字符输入时触发，而KeyDown在按键按下时触发，无论是否有字符产生。例如，按下Shift或Ctrl不会触发TextInput，但会触发KeyDown。 用户可能需要处理两种情况：处理特定的按键（如Enter键提交）或处理字符输入。如果是前者，使用KeyDown事件，检查KeyEventArgs.Key属性。如果是后者，使用TextInput事件，获取输入的字符。 同时，需要注意事件冒泡和隧道。Avalonia的事件有冒泡（Bubbling）和隧道（Tunneling）两种策略，比如PreviewKeyDown（隧道）和KeyDown（冒泡）。但Avalonia默认的事件处理可能和WPF不同，需要确认事件名称是否正确。 然后，考虑到用户可能来自WinForms或WPF背景，需要解释清楚Avalonia中的事件模型差异。例如，WinForms的KeyPress事件对应的是处理字符输入，而KeyDown处理物理按键。在Avalonia中，可能对应TextInput和KeyDown事件。 还需要提供代码示例，展示如何在XAML中绑定事件处理，以及在C#中的代码实现。比如，在XAML中为TextBox添加KeyDown事件处理，然后在后台代码中检查按下的键是否是Enter，或者处理TextInput事件中的字符。 另外，用户可能想知道如何阻止某些字符的输入，比如只允许数字。这时候可以在TextInput事件中检查输入的文本，并设置Handled属性为true来阻止输入。或者在TextChanging事件中处理，这是Avalonia提供的更专门处理文本变化的事件，可能在文本提交到TextBox之前进行验证。 还要注意，Avalonia的TextBox有TextChanging事件，允许在文本变化前进行干预，这可能比处理Key事件更有效，因为直接操作文本内容，避免处理复杂的按键组合（如粘贴、拖放等）。 总结，用户可能需要两种方法：处理特定按键（如Enter）使用KeyDown事件；处理字符输入或验证使用TextInput或TextChanging事件。需要分别给出示例，并比较它们的适用场景。 最后，确保回答结构清晰，分点说明，并提供代码示例，帮助用户逐步解决问题，同时指出注意事项，比如事件处理顺序、冒泡与隧道等，以及不同方法的优缺点。</think>在 Avalonia 中实现类似 WinForms/WPF 的 `OnKeyPress` 事件，可以通过以下分层方案实现： --- ### 一、事件选择依据 Avalonia 的 `TextBox` 没有直接等效的 `OnKeyPress`，但可通过组合事件实现类似效果： - **物理按键触发** → `KeyDown` 事件 - **字符输入触发** → `TextInput` 事件 - **文本变更前拦截** → `TextChanging` 事件 --- ### 二、核心事件详解与代码示例 #### 1. **`KeyDown` 事件（推荐用于非字符键控制） ```xml <!-- XAML 绑定 --> <TextBox KeyDown="OnKeyDownHandler"/> ``` ```csharp // 后台代码 private void OnKeyDownHandler(object sender, KeyEventArgs e) { // 检测 Enter 键提交 if (e.Key == Key.Enter) { SubmitForm(); e.Handled = true; // 阻止事件继续传递 } // 阻止数字输入（仅演示逻辑，实际需结合TextInput处理） if (e.Key >= Key.D0 && e.Key <= Key.D9) { e.Handled = true; } } ``` #### 2. **`TextInput` 事件（精确捕获字符输入） ```xml <TextBox TextInput="OnTextInputHandler"/> ``` ```csharp private void OnTextInputHandler(object sender, TextInputEventArgs e) { // 过滤非字母字符 if (!char.IsLetter(e.Text?[0] ?? '\0')) { e.Handled = true; // 阻止输入 } } ``` #### 3. **`TextChanging` 事件（最全面的输入控制） ```xml <TextBox TextChanging="OnTextChangingHandler"/> ``` ```csharp private void OnTextChangingHandler(object sender, TextChangingEventArgs e) { // 动态验证（例如限制最大长度或特定格式） if (e.NewText?.Length > 10) { e.Handled = true; // 阻止变更 } // 过滤特殊字符 if (e.NewText?.Contains("@") == true) { e.Handled = true; } } ``` --- ### 三、关键差异与选择建议 | 事件类型 | 触发时机 | 典型用途 | 注意事项 | |----------------|--------------------------|-----------------------------|----------------------------| | **KeyDown** | 物理按键按下时 | 快捷键、导航键控制 | 无法区分字符大小写 | | **TextInput** | 字符实际输入到控件时 | 字符级过滤/转换 | 不触发非字符键（如 Ctrl） | | **TextChanging** | 文本变更前（含粘贴操作） | 综合输入验证/实时格式化 | 可拦截所有输入来源（包括代码修改） | --- ### 四、高级场景实践 #### 1. **实现输入掩码（如电话号码格式）** ```csharp private void OnTextChangingHandler(object sender, TextChangingEventArgs e) { if (string.IsNullOrEmpty(e.NewText)) return; // 强制格式化为 (XXX) XXX-XXXX var formatted = Regex.Replace(e.NewText, @"(\d{3})(\d{3})(\d{4})", "($1) $2-$3"); if (formatted != e.NewText) { ((TextBox)sender).Text = formatted; e.Handled = true; } } ``` #### 2. **响应组合键（如 Ctrl+S 保存）** ```csharp private void OnKeyDownHandler(object sender, KeyEventArgs e) { var modifiers = TopLevel.GetTopLevel((Control)sender)?.KeyboardModifiers ?? KeyboardModifiers.None; if (e.Key == Key.S && modifiers.HasFlag(KeyboardModifiers.Control)) { SaveDocument(); e.Handled = true; } } ``` --- ### 五、调试技巧 1. **事件追踪**：在事件处理函数中设置断点，观察 `e.Key` 或 `e.Text` 的实时值 2. **可视化反馈**：通过 `Debug.WriteLine($"Key: {e.Key}, Text: {e.Text}")` 输出日志 3. **焦点验证**：确保控件 `IsEnabled="True"` 且 `Focusable="True"` 可通过 Avalonia 的 DevTools 实时监控控件事件流（需在开发环境启用）。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值