Examples Gallery

示例库

每个示例都是独立可编译的工程,支持 --frames N 自动化运行与 --capture 截图。以下缩略图为对应渲染管线的实时模拟。

RUN
RENDER
xge_shape

基础图元:矩形、圆、弧、胶囊与多边形,AA-Mesh / SDF 双渲染模式切换。

examples/xge_shape
VECTOR
xge_shape_ex

高级矢量综合:渐变、描边、遮罩、Trim Path 与场景特效。

examples/xge_shape_ex
VECTOR
xge_svg

SVG 文档加载、paint 节点变换、光栅化与纹理上传。

examples/xge_svg
VECTOR
xge_shape_ex_trim

路径 Trim 动画与虚线描边运动。

examples/xge_shape_ex_trim
VECTOR
xge_shape_ex_blend

18 种混合模式与渐变扩散(Pad/Reflect/Repeat)。

examples/xge_shape_ex_blend
RENDER
yuv420p_texture_lab

YUV420P 视频纹理上传与色彩空间转换。

examples/yuv420p_texture_lab
3D
xge_3d

相机、节点层级、共享网格、GPU 变换、深度遮挡与颜色。

examples/xge_3d
3D
xge_3d_scene

场景组合与节点变换的综合演示。

examples/xge_3d_scene
3D
xge_3d_lighting

直接光照、阴影与环境组合。

examples/xge_3d_lighting
3D
xge_3d_animation

骨骼动画、层混合与根运动。

examples/xge_3d_animation
3D
xge_3d_integration

综合 C API 范例:模型、共享材质与静态实例、分块高度场、阴影、天空、骨架动作与真实 XUI 同场运行。

examples/xge_3d_integration
3D
xge_3d_walk

经典教学范例:天空、随机岛屿与角色行走,含地面射线与可行走表面过滤。

examples/xge_3d_walk
UI
xui_button

按钮语义、图标位置、徽章与禁用态。

examples/xui_button
UI
xui_input

输入框:图标装饰、清除、密码可见性与右键菜单。

examples/xui_input
UI
xui_scrollview

滚动模型、惯性、弹性边界与滚动条联动。

examples/xui_scrollview
UI
xui_listview

虚拟化列表、选中、键盘导航。

examples/xui_listview
UI
xui_treeview

树形展开/折叠、缩进与懒加载。

examples/xui_treeview
UI
xui_menu

上下文菜单、子菜单、快捷键与分隔线。

examples/xui_menu
UI
xui_colorpicker

色相环、透明度、吸管与预设色板。

examples/xui_colorpicker
UI
xui_datepicker

日历面板、范围选择与本地化。

examples/xui_datepicker
UI
xui_window

窗口拖动、缩放、层级与模态。

examples/xui_window
PRO
xui_codeedit

代码编辑器:词法高亮、折叠、查找替换与边栏。

examples/xui_codeedit
PRO
xui_terminal

终端模拟器:ANSI 解析、滚动回看与命令实验台。

examples/xui_terminal
PRO
xui_dockpanel

停靠面板:拖拽吸附、浮动窗口与自动隐藏。

examples/xui_dockpanel
PRO
xui_chart

折线、柱状、饼图与坐标轴。

examples/xui_chart
PRO
xui_flowgraph

节点流程图画布:连线、缩放与平移。

examples/xui_flowgraph
PRO
xui_workflow_editor

工作流编辑器:节点编排与 Schema 校验。

examples/xui_workflow_editor
PRO
xui_timelineview

时间轴:图层、关键帧与跨度编辑。

examples/xui_timelineview
PRO
xui_inventory_grid

游戏物品栏:拖拽、堆叠、冷却与手柄导航。

examples/xui_inventory_grid
PRO
xui_virtual_joystick

虚拟摇杆:多点触控、通道与波纹反馈。

examples/xui_virtual_joystick
PRO
xui_document

统一富文本 / Markdown:左栏富文档,中栏 Source / Visual / Live MD 三模式,右栏实时预览,共享修订与撤销历史。

examples/xui_document
自动化运行:所有示例默认不自动退出,便于手动观察;传入 --frames 360 或 --seconds 6 即可在 CI 中定时退出。渲染类示例还支持 --capture out.png 输出截图用于回归对比。