- 综合排序
- 最热优先
- 最新优先
- 来自专栏我的Android开源之旅
XUI框架项目工程讲解
cfe6b43ad68f006af1b322d647789cb5&dis_t=1650258877&vid=wxv_1698386491917287425&format_id=10002&support_redirect=0&mmversion=false XUI Github项目地址: https://github.com/xuexiangjys/XUI. 本期视频将带大家了解一下XUI的项目工程结构以及使用技巧.
60720编辑于 2022-04-18 - 来自专栏我的Android开源之旅
手把手教你使用XUI的正确姿势
由于XUI是一个Android原生UI库，它不像WebUI库那样，可以很方便地在浏览器中直接看到代码和代码实时的运行效果，因此我才详细编写了XUI的演示Demo程序，大家可以下载或者自己运行（建议）XUI 演示demo程序，找到自己想要使用的组件，然后找到对应的实现代码来使用XUI的组件，下面我将分步骤讲解。 1、下载/运行Demo程序 在此之前，请确保正确引入了XUI，如果还没有引入的话，请先根据如何引用的指示，一步一步引入XUI。 下载Demo程序 蒲公英下载【推荐】 Github下载 运行Demo程序【推荐】 1.下载XUI源代码 git clone https://github.com/xuexiangjys/XUI.git 2.使用Android Studio打开XUI项目，这里推荐使用Android Studio 3.4.1以上的版本打开。
2.6K40编辑于 2022-04-18 - 来自专栏我的Android开源之旅
史上最优美的Android原生UI框架XUI使用指南
项目简介 XUI是一个简洁而又优雅的Android原生UI框架，解放你的双手！ XUI可以说是我花费心血最多的开源项目了，目前稍微大一点的项目我都会选择引入它。 首先，请先仔细按照接入文档接入XUI框架，不要跳步骤或者漏步骤，一步一步按照说明来接入。除此之外，我也提供了视频教程供大家学习。 其次，按照正确使用XUI的姿势的说明，来使用XUI。 2.为什么我增加XUI依赖后会报错：ERROR: Failed to resolve: com.github.xuexiangjys:XUI:x.x.x？ 答：这句话的意思是：无法解析到XUI的依赖。 答：XUI依赖的Glide版本在1.1.3之前必须是4.8.0, 1.1.3及之后使用的是4.11.0。 6.XUI支持全局性的字体修改吗？ 答：XUI是支持全局性的字体修改的。详情参见接入文档。 答："组件"中主要包含了XUI对外提供的绝大多数组件的使用案例，"工具"中主要包含XUI对外提供辅助工具的使用案例。而"拓展"中包含的则是一些第三方常用的UI组件库使用案例，非XUI中提供的内容。
10.3K20编辑于 2022-04-18 - 来自专栏OneCode 低代码
OneCode 组件功能属性速查手册
, xui.UI.Input, xui.UI.Label, xui.UI.CheckBox, xui.UI.RadioBoxxui.UI.ComboInput, xui.UI.DatePicker, xui.UI.TimePicker , xui.UI.ColorPickerxui.UI.Slider, xui.UI.ProgressBar, xui.UI.RichEditor容器组件xui.UI.Div, xui.UI.Block, , xui.UI.Layout, xui.UI.FormLayout数据展示组件xui.UI.List, xui.UI.TreeView, xui.UI.MTreeView, xui.UI.TreeGridxui.UI.MTreeGrid , xui.UI.Gallery, xui.UI.StatusButtons, xui.UI.PageBar高级组件xui.APICaller, xui.MQTT, xui.Timer, xui.AnimBinderxui.MessageService , xui.UI.Dialog, xui.UI.EChartsxui.UI.FusionChartsXT, xui.UI.FileUploadSVG组件xui.svg.rect, xui.svg.circle
30610编辑于 2025-07-06 - 来自专栏OneCode 低代码
揭秘OneCode前端框架底层设计：从xui.js看企业级低代码架构的实现哲学
引言：xui.js——OneCode的前端技术基石 在企业级低代码开发平台领域，OneCode以其可视化设计能力和高效开发体验脱颖而出。这一切的技术基石，正是其底层前端框架xui.js。 1.1 灵活的类定义方式 xui.js采用了一种极具表达力的类定义语法，允许开发者轻松创建复杂的类层次结构： xui.Class("xui.Timer", "xui.absObj", { Instance (_parent[i] = (xui.get(w, t.split('.')) || (xui && xui.SC && xui.SC(t))))) throw 'errNoParent // ie67 always px return (xui.browser.ie6 || xui.browser.ie7) ? 2 : xui.SpaceUnit == 'px' ? -1 : xui.SpaceUnit == 'em' ?
18410编辑于 2025-07-08 - 来自专栏OneCode 低代码
AI 辅助完成复杂任务的亲身体验：使用Qoder 3 天完成 OneCode UI 升级
）xui.UI.OneCodePanel = xui.Class(xui.UI.Panel, { $Appearances: { 'panel': { 'background-color 1. 1 小时批量重构 XUI 组件样式改造前的 XUI 组件样式混乱（如按钮有.xui-btn-primary/.xui-button-active两种命名），人工修改需逐个调整$Appearances Qoder生成的XUI设计器拖拽逻辑（适配OneCode）xui.UI.OneCodeDesigner = xui.Class(xui.UI.Designer, { onDragStart(e) { 解决 XUI 主题切换的 “隐性 bug”知乎原文提到 “实现多主题支持”，但我们在测试时发现：切换深色主题后，XUI 的xui.UI.FusionChartsXT图表颜色未同步变化。 Qoder 分析后指出：“图表的颜色配置写死在$Template中，未引用主题变量”，并生成修复代码：// Qoder修复的XUI图表主题适配xui.UI.OneCodeChart = xui.Class
73410编辑于 2025-09-13 AI赋能老系统焕新：OneCode前端架构升级改造全解析
2.2 核心架构解析 组件化核心机制 OneCode的组件化基于自研的xui.Class基础类系统实现，支持多继承、命名空间管理和生命周期方法： // xui.Class核心实现示例 xui.Class important; } .xui-nav { flex-direction: column; } .xui-table { = xui.Class(xui.UI, { $Appearances: { 'panel': { 'background-color': 'var(-- class="xui-loading-content">
, .xui-checkbox, .xui-radio, .xui-select { min-width: 44px; min-height: 44px; margin: 4px57620编辑于 2025-09-10- 来自专栏OneCode 低代码
OneCode List 组件技术解析：设计理念、子类体系与扩展实践
一、基类设计：xui.UI.List 的核心能力1.1 数据管理与状态控制xui.UI.List 基类通过 _setCtrlValue 方法实现了单选/多选模式的统一处理，支持 valueSeparator _fi_tlg = 'xuifont-checked xui-uicmd-toggle xui-uicmd-toggle-checked'; if(!item. xui-uicmd-check':'xui-uicmd-radio'; item._itemRow = profile.properties.itemRow?' 继承 xui.UI.List 并实现差异化：xui.Class("xui.UI.CustomList", "xui.UI.List", { // 1. 实现带进度条的列表项：xui.Class("xui.UI.ProgressList", "xui.UI.List", { Initialize: function(){ var t
14710编辑于 2025-07-10 - 来自专栏有意思的前端世界
浅析组件库实现按需引入的几种方式
Vue的插件就是一个带有install方法的对象，所以我们可以直接引入所有组件： import XUI from 'xui' import 'xui/theme-chalk/index.css' Vue.use (XUI) 也可以单独注册某个组件： import XUI from 'xui' import 'xui/theme-chalk/alert.css' Vue.use(XUI.Alert) 为什么不直接通过 import { Alert } form 'xui'来引入呢，很明显，会报错。 最简单的按需引入 因为每个组件都可以单独作为一个插件，所以我们完全可以只引入某个组件，比如： import Alert from 'xui/packages/alert' import 'xui/theme-chalk 原理很简单，我们想要的是下面这种方式： import { Alert } from 'xui' 但是实际按需使用需要这样： import Alert from 'xui/packages/alert'
3.6K20编辑于 2022-03-21 - 来自专栏OneCode 低代码
【AIGC时代】OneCode前端框架入门指南：从环境搭建到第一个应用
基础模块定义 在App/index.js文件中，我们创建一个简单的Hello World模块，代码如下： xui.define('App.index', [], function () { var var mainWin = xui.create('xui.UI.Window', { width: 400, 启动应用 修改index.html中的启动代码，配置应用入口： <script> xui.launch('App.index', function() { console.log 模块定义详解 xui.define('App.index', [], function () { // 模块实现代码 }); xui.define：OneCode框架中定义新模块的核心方法 第一个参数 UI组件创建机制 // 创建主窗口组件 var mainWin = xui.create('xui.UI.Window', {...}); // 向主窗口添加子组件 mainWin.append('xui.UI.Label
32310编辑于 2025-07-08 - 来自专栏FreeSWITCH中文社区
Docker小白学习笔记
直接从Docker Hub获取已有镜像比如，Nginx、PostgreSQl等，如下所示： docker pull postgres:11.5 或者利用Dockerfile来创建镜像，我们目前开发的系统XUI ，并在客户私有环境下进行安装使用，我们可将镜像进行打包导出，然后传到客户环境上即可，命令如下： docker save xxxxx.com/xx/xui:release-v1.1 -o xui-image.tar #当然，如果想减小包的大小，可使用gzip压缩下，体积会缩小一倍 gzip xui-image.tar 执行如上操作打包并压缩后将得到xui-image.tar.gz文件。 导入镜像 将xui-image.tar.gz上传到指定服务器，并导入： gzip -d xui-image.tar.gz docker load -i xui-image.tar 导入后使用命令验证： 参考如下： version: "3.3" services: xui: container_name: "xui-xb" image: xxxx/xxx/xui:v1.1
1.1K20发布于 2020-12-21 - 来自专栏我的Android开源之旅
商业级智能家居开源项目分享
可能你要问我, XUI是什么? XUI是我在2019年年初开源的Android原生UI框架, 可以让一个完全没有接触过Android的开发者轻松上手就可以写出一套简洁而又优雅的APP. 下面是XUI项目在Github上的Star趋势图: Star趋势图 言归正传, 下面就让我们来一起瞧一瞧这个项目的真面目吧! 物美智能官网 若依文档，前端和后端基于若依前后端分离框架 XUI，安卓UI就使用XUI! ESP-IDF编程指南 ---- 最后 希望大家也能像这位同学一样, 不仅通过自学XUI开发出属于自己的APP, 还能够将自己有趣的项目分享出来, 让更多的人看到你写出的成果, 让XUI的案例变得更加丰富 如果你也有使用XUI开发的有趣项目, 那么欢迎你在XUI的官方Github主页的issue上留下你的项目信息, 让更多的人看到你的成果!
1.1K20编辑于 2022-04-18 - 来自专栏OneCode 低代码
OneCode 3.0 自治UI 弹出菜单组件功能介绍
UI 框架的类继承体系构建，通过xui.Class实现组件的封装与扩展： xui.Class("xui.UI.PopMenu", "xui.UI", { Static: { Appearances ("xui.UI.PopMenu", "xui.UI", { Static: { Appearances: {...}, // 样式定义 Behaviors: ("xui.UI.PopMenu", "xui.UI", { Static: { Templates: { // 基础模板定义 FRAME : var(--xui-color-hover); } /* 主题变量 - 外观相关 */ .xui-theme-default { --xui-color-hover: #f0f0f0; --xui-color-active: #e0e0e0; --xui-border-radius: 4px; } .xui-theme-dark { --xui-color-hover
22610编辑于 2025-07-19 - 来自专栏FreeSWITCH中文社区
如何使用Portainer实现XSwitch Docker可视化管理
# xswitch-lua use env DSN=postgresql://xui:xui@127.0.0.1/xui SIP_PORT=7060 SIP_TLS_PORT=7061 SIP_PUBLIC_PORT env volumes: - /data/postgres:/var/lib/postgresq/data 添加完成后，显示以下图片： 添加xswitch和xswitch-nginx-xui 以上述方法分别添加xswitch和xswitch-nginx-xui。 : container_name: "xswitch-nginx-xui" image: ccr.ccs.tencentyun.com/free/xswitch-nginx-xui:4.0.0 或将xswitch停止后重启xswitch-nginx-xui，最后将xswitch启动。 缺少声音可到/data目录下，执行make sounds和make music。
65320编辑于 2024-03-06 - 来自专栏OneCode 低代码
OneCode 组件服务通用协议栈：构建企业级低代码平台的技术基石
插件机制组件支持通过插件扩展功能：// 注册插件xui.UI.Button.registerPlugin('loading', { install: function(button) { // ': 'Cancel', 'message.required': 'This field is required'});// 切换语言xui.locale.set('en-US');性能优化策略1. 数据处理优化2.1 数据缓存组件内置数据缓存机制，避免重复请求和处理：const grid = new xui.UI.DataGrid({ dataSource: { url: '/api/data 组件复用策略1.1 创建自定义组件xui.Class('xui.UI.UserCard', 'xui.UI.Panel', { Instance: { iniComponents: function 性能调优建议2.1 大数据列表优化// 高性能列表配置const highPerfList = new xui.UI.List({ virtualScroll: true, itemHeight:
25010编辑于 2025-07-10 - 来自专栏OneCode 低代码
OneCode3.0-RAD 可视化设计器 配置手册
3.1 字体图标配置 (xui.builtinFontIcon)定义了设计器中使用的所有内置字体图标，包括 Font Awesome 和自定义 spa-icon 系列图标。 xui.builtinFontIcon = { "fa fa-lg fa-calendar-plus-o": "fa fa-lg fa-calendar-plus-o", "fa fa-lg items: { "xui.UI.List": { header: ["id", { id: 'type', type: "listbox : 'a' }}4.3.2 表单布局组件{ id: 'xui.UI.FormLayout', key: 'xui.UI.FormLayout', caption: '', 配置实战指南6.1 定制设计器主题通过修改 xuiconf.js 中的 $PageAppearance.theme 属性，可以切换设计器的主题：// 修改为暗色主题xui.ini.
26210编辑于 2025-08-26 - 来自专栏OneCode 低代码
OneCode UI 核心组件体系分析：继承关系与功能详解
通过对等核心源码的深度剖析，系统梳理从基础组件（如xui.UI.Span）到复合组件（如xui.UI.CSSBox`）的继承链路，揭示组件属性复用、方法重写及状态传递的底层机制。 │ │xui.UI.HTMLButton│ │ xui.absList │└──────┬───────┘ └── │ │ xui.UI.Button │ │ │└──────────────┘ └── │◄──────────┤xui.UI.Span │ │ │└──────┬───────┘ │ │xui.UI.CSSBox │ │xui.UI.List │ │xui.UI.Tabs │└──────────────┘
16000编辑于 2025-07-07 - 来自专栏OneCode 低代码
OneCode自主UI设计体系：架构解析与核心实现
核心基类关系如下：┌────────────────┐ ┌────────────────┐│ xui.absObj │──────│ xui.absProfile │└─────── │ │ xui.UIProfile │└────────────────┘ └────────────────┘xui.absObj: 所有可实例化对象的根类，提供基础的生命周期管理和属性配置能力 xui.absProfile: 配置文件基类，为模块和模板提供统一的配置管理xui.Module: 业务模块基类，定义模块的生命周期和数据交互规范xui.UIProfile: UI组件基类，提供渲染和样式管理的核心能力组件化实现基础 OneCode使用xui.Class方法定义组件，典型结构如下：xui.Class("xui.MQTT", "xui.absObj", { Constructor: function(properties this.renderId) { var div = xui.
17510编辑于 2025-07-05 - 来自专栏OneCode 低代码
OneCode 核心概念解析——Page（页面）
页面开始 1，创建一个Page 我们进入到OneCode编辑器，点击新建一个页面，输入页面名称：添加图片注释，不超过 140 字（可选）切换到代码界面：添加图片注释，不超过 140 字（可选）xui.Class ('org.view.Test', 'xui.Module',{ //类结构信息 Instance:{ initialize : function(){ },//初始化函数 =this, children=[], properties={}, append=function(child){children.push(child.get(0));}; xui.merge (properties, this.properties); append( xui.create("xui.UI.Block") 开放属性配置 开放属性配置（2）当页面属性被外部程序修改时，将事件传递给内部对象当页面属性被外部程序修改时，将事件传递给内部对象 （3）跨页面消息 在页面交互支持上OneCode 还支持了，跨页面消息（xui
34410编辑于 2025-06-20 - 来自专栏OneCode 低代码
OneCode技术架构深度解析：自主UI体系、注解驱动的优势
以<mcfile name="UI.js" path="e:\jds-gitee\esdstudio\src\main\sysapp\<em>xui</em>\<em>xui</em>\js\UI.js"></mcfile>中的实现为例， 核心组件如xui.UI.Span、xui.UI.Div和xui.UI.CSSBox通过类继承形成层次结构： // 基础文本组件定义 xui.Class("xui.UI.Span", "xui.UI", ("xui.UI.Div", "xui.UI.Span", { Static: { Appearances: {...}, Templates: { ("xui.UI.CSSBox", "xui.UI.Span", {...}); 这种设计带来三大优势： 继承复用：基础组件的属性和方法可被子类继承，减少重复代码 多态扩展：子类可重写父类方法实现特定功能 以数据表格组件为例： { "type": "xui.UI.Grid", "id": "userTable", "width": "100%", "height": 400, "columns
27310编辑于 2025-07-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号