用DevExpress实现基于HTMLCSS的桌面应用程序的UI（三）-北京尧图网络

DevExpress WinForm拥有180组件和UI库能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForm能完美构建流畅、美观且易于使用的应用程序无论是Office风格的界面还是分析处理大批量的业务数据它都能轻松胜任DevExpress新旧版本帮助文档下载可进QQ qun获取169725316注意目前基于HTML CSS的控件正在积极研发中可以作为技术预览提供。一组控件和组件允许开发人员构建HTML格式的UI并使用CSS样式自定义UI元素的外观设置、大小、填充和布局选项不再需要处理自定义绘制事件或更改大量属性来修改控件以匹配UI规范可以使用HTML和CSS标记的知识为桌面应用程序构建布局。在上文中我们为大家介绍了HTML-CSS标记的动态自定义项目、数据绑定等本文将继续为大家介绍如何使用外部控件和就地编辑器、按钮的使用等欢迎持续关注这个系列的文章哦~HTML-CSS标记外部控件和就地编辑器input标记允许开发者向基于HTML的UI添加就地编辑器或外部控件标签支持以下控件HtmlContentControl使用input标记作为想要在布局中显示的外部控件和存储库项(就地编辑器)的占位符。Data Grid Views (ItemsView, TileView和 WinExplorerView)使用input标记作为Repository Items(就地编辑器)的占位符不能使用此标记在数据网格视图中显示外部控件。HTMLinput nametextEditEmail classfield-input/ input namerepositoryItemPictureEdit1 value${ImageData} classeditor/按钮按照下面的步骤渲染一个按钮定义一个呈现按钮的HTML元素指定元素的类(例如将类名设置为“button”)。在CSS代码中定义“button”类来指定元素的显示属性。还为按钮类定义悬停状态以便在元素悬停时突出显示元素。下面的示例使用div 标记来定义一个按钮HTMLdiv iduploadBtn classcentered buttonUpload/div div idremoveBtn classcentered buttonRemove/divCSS.centered{ align-self:center; } .button { width: 70px; height: 20px; min-width: 20px; padding: 8px; margin-left: 2px; opacity: 0.5; } .button:hover { border-radius: 4px; background-color: #F2F2F2; }UI元素鼠标操作开发者可以再控制级、HTML标记级和使用Fluent API时响应HTML UI元素上的鼠标操作。控件的鼠标事件支持HTML的控件公开可以处理的事件以响应HTML UI元素上的鼠标动作这些事件通常被称为ElementMouseClickElementMouseDownElementMouseMoveElementMouseOutElementMouseOverElementMouseUpC#void htmlContentControl1_ElementMouseClick(object sender, DevExpress.Utils.Html.DxHtmlElementMouseEventArgs e) { if(e.ElementId btnSend) { //... } }VB.NETSub HtmlContentControl1_ElementMouseClick(sender As Object, e As DevExpress.Utils.Html.DxHtmlElementMouseEventArgs) Handles HtmlContentControl1.ElementMouseClick If e.ElementId btnSend Then ... End If End SubHTML鼠标事件HTML标记中支持以下鼠标事件onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove和onmouseout开发者可以通过以下方式订阅这些事件用下面的签名在代码后面定义一个方法C#void MethodName(object sender, DxHtmlElementMouseEventArgs args)VB.NETSub MethodName(ByVal sender As Object, ByVal args As DxHtmlElementMouseEventArgs)在HTML代码中将元素的事件设置为已定义方法的名称。HTMLimg onclickMethodName ... /示例:C#void OnPhoneClick(object sender, DxHtmlElementMouseEventArgs args) { XtraMessageBox.Show(Phone!); }VB.NETSub OnPhoneClick(ByVal sender As Object, ByVal args As DxHtmlElementMouseEventArgs) XtraMessageBox.Show(Phone!) End SubHTMLdiv classbuttonPanel img onclickOnPhoneClick srcPhoneCall classbutton / /divFluent API开发者可以使用Fluent API订阅元素的鼠标单击事件。C#var fluent context.OfTypeViewModel(); fluent.BindCommandToElement(htmlContentControl, btnPhone, x x.Phone); //... public class ViewModel { public void Phone() { //... } //... }VB.NETDim fluent context.OfType(Of ViewModel)() fluent.BindCommandToElement(htmlContentControl, btnPhone, Sub(x) x.Phone()) ... Public Class ViewModel Public Sub Phone() ... End Sub End Class ...HTMLimg idbtnPhone srcPhoneCall classbutton /

用DevExpress实现基于HTMLCSS的桌面应用程序的UI（三）

相关推荐

CADIR：连接AI与CAD的跨后端可编辑中间表示技术解析

零基础搭建MelGAN开发环境：10个步骤搞定全部依赖安装

Codebrag REST API速查手册：提交、评论、点赞接口一网打尽

更多资讯

WinForm与WPF深度对比：桌面开发框架选型指南

移码笔记技术：数字化知识管理的高效解决方案

从PyTorch源码拆解BERT：双向机制、输入表示与预训练任务实现

Rex-Omni：动态特征金字塔与多任务统一的目标检测新范式

YOLOv5双目测距实战：从标定到三维坐标的完整链路

装个浏览器插件它能看见什么：权限清单怎么读

今日更新

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？