EUI代码

// 创建表单窗口
window=title="用户信息表单",width=650,height=550;

// 个人信息分组框
groupbox=title="基本信息",id=basic_group;

// 姓名输入
entry=hint="姓名",id=username;

// 性别单选框组
radiogroup=label="性别",id=gender_group,options=["男","女","保密"];

// 兴趣爱好复选框组
checkbox=label="兴趣爱好",id=hobby_group,options=["阅读","运动","编程","音乐","摄影"];

// 职业下拉选择框
combo=label="职业",id=job_select,options=["学生","教师","工程师","设计师","自由职业者","其他"];

// 分隔线
separator=text="详细信息",id=detail_sep;

// 出生日期日历选择器
calendar=label="出生日期",id=birth_calendar;

// 技能评分滑块（0-100分）
slider=label="技能熟练度",id=skill_slider,min=0,max=100,value=60;

// 完成进度条（默认50%）
progress=label="资料完成度",id=progress_bar,min=0,max=100,value=50;

// 定时器（自动更新进度条）
timer=id=progress_timer,interval=1000,action="update_progress=progress_bar,step=2";

// 功能按钮组
button=text="开始更新进度",id=start_timer_btn,click="start_timer=progress_timer";
button=text="停止更新进度",id=stop_timer_btn,click="stop_timer=progress_timer";
button=text="保存表单",id=save_form_btn,click="显示=hobby_group";

运行效果

包含分组框、单选/复选/下拉组件、日历、滑块、进度条和定时器，支持进度自动更新

EUI代码

// 创建媒体演示窗口
window=title="媒体组件示例",width=700,height=500;

// 网络图片（自动识别path类型）
image=path="https://picsum.photos/800/400",id=net_image,width=600,height=250,tooltip="网络随机图片";

// 本地图片（指定os类型）
image=os="./local-image.jpg",id=local_image,width=200,height=150,tooltip="本地图片示例";

// 分隔线
separator=text="音频控制",id=audio_sep;

// 音频播放器（支持网络和本地音频）
audio=url="https://example.com/audio.mp3",id=net_audio;
audio=os="./local-audio.mp3",id=local_audio;

// 音频控制按钮组
button=text="播放网络音频",id=play_net_audio,click="play_audio=net_audio";
button=text="暂停网络音频",id=pause_net_audio,click="pause_audio=net_audio";
button=text="播放本地音频",id=play_local_audio,click="play_audio=local_audio";
button=text="停止音频",id=stop_audio,click="stop_audio=net_audio";

// 图片信息查看按钮
button=text="查看图片信息",id=show_image_info,click="显示=net_image";

运行效果

支持网络/本地图片加载（自动尺寸调整）、音频播放控制，图片支持 tooltip 提示和信息查看

EUI代码

// 创建交互演示窗口
window=title="高级交互示例",width=650,height=500;

// 标题标签
label=text="定时器与组件联动演示",id=title_label;

// 进度条（初始30%）
progress=label="下载进度",id=download_progress,min=0,max=100,value=30;

// 定时器1：快速更新进度（500ms间隔，步长3）
timer=id=fast_timer,interval=500,action="update_progress=download_progress,step=3";

// 定时器2：慢速更新进度（1500ms间隔，步长1）
timer=id=slow_timer,interval=1500,action="update_progress=download_progress,step=1";

// 滑块控制（关联进度条）
slider=label="手动调整进度",id=progress_slider,min=0,max=100,value=30;

// 文本区域（显示日志）
textarea=label="操作日志",id=log_area,rows=3,readonly=true;

// 控制按钮组
button=text="快速下载",id=fast_btn,click="start_timer=fast_timer";
button=text="慢速下载",id=slow_btn,click="start_timer=slow_timer";
button=text="停止下载",id=stop_btn,click="stop_timer=fast_timer;stop_timer=slow_timer";
button=text="重置进度",id=reset_btn,click="set_progress=download_progress,value=0";
button=text="查看日志",id=show_log_btn,click="显示=log_area";

运行效果

支持多定时器控制、进度条动态更新、滑块联动调整，可通过按钮灵活控制交互状态