开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 9426|回复: 120
收起左侧

[组件设计] 炫彩-未闻花名 UI 021

[复制链接]
发表于 2023-11-25 17:59:58 | 显示全部楼层 |阅读模式   广西壮族自治区南宁市
本帖最后由 酷酷2012 于 2023-11-25 17:59 编辑


解压密码回复可见

解压密码:humui11-25



炫彩-未闻花名 UI 021

使用 json 文件配置自动生成 UI 框架

注意 json 内xml键的值必须是炫彩布局面板,而非其他xml

纯代码实现,没有使用炫彩IDE,但加载xml时,需要使用炫彩IDE进行创建炫彩布局面板

布局面板类似选择夹的某一个页面

炫彩IDE下载地址:http://www.xcgui.com/doc-ui/

以下是 json 格式的配置:

// by:未闻花名UI
// 所有数据都是可以配置和不配置的,若不配做则不创建
// 数组对象表示可以添加N个数据
// xml布局必须是 炫彩布局面板【LayoutPanel】

{
    // 窗口信息 title=标题 version=版本 width=宽度 height=高度 min-width=最小宽度 min-height=最小高度 theme=主题(dark & light)
    "window": {
        "title": "HUM Design.",
        "version": "0.21.1.20",
        "width": 1100,
        "height": 700,
        "min-width": 800,
        "min-height": 600,
        "theme": "dark"
    },
    // 用户信息
    "user": {},
    // 是否启用动画
    "transition": true,
    // 主窗口导航区域展开收缩按钮
    "transform-icon": "svg/transform.svg",
    // 顶级导航 其中包含  name=名字、icon=图标(SVG格式)、xml=炫彩布局面板
    "top-nav": [
        {
            "name": "首页",
            "icon": "svg/home.svg",
            "xml": "layout/home.xml"
        }
    ],
        // 可选导航
    "option-nav": {
        // 分类标签名
        "classify": "CONTENT",
        // name=名字、icon=图标(SVG格式)、xml=炫彩布局面板
        "nav": [
            {
                "name": "开始",
                "icon": "svg/start.svg",
                "xml": "layout/start.xml"
            }
        ]
    },
    // 底部按钮图标导航 其中包含 name=名字、icon=图标(SVG格式)、action=点击后触发事件的动作文本,通过中action区分事件类型
    "bottom-nav": [
        {
            "name": "消息",
            "icon": "svg/notif.svg",
            "action": "notif"
        }
    ],
    // 托盘图标布局、右键弹出菜单信息
    "tray": {
        "name": "未闻花名UI设计",
        "icon": "svg/resource.svg",
        // name=名字、icon=图标(SVG格式)、action=点击后触发事件的动作文本,通过中action区分事件类型
        "grid": [
            {
                "name": "未闻花名",
                "icon": "svg/hum.svg",
                "action": "hum"
            }
        ],
        // name=名字、action=点击后触发事件的动作文本,通过中action区分事件类型
        "link": [
            {
                "name": "主界面",
                "action": "show"
            }
        ]
    },
    // 弹出设置窗口导航,width=宽度 height=高度 auto-close=点击空白区域自动关闭 sign-out=是否绘制退出 sign-text=是否退出标题
    "setting-nav": {
        "width": 700,
        "height": 500,
        "auto-close": true,
        "sign-out": true,
        "sign-text": "LOG OUT",
        // 设置窗口导航 name=名字、icon=图标(SVG) xml=炫彩布局面板
        "nav": [
            {
                "name": "常规",
                "icon": "svg/general.svg",
                "xml": "layout/general.xml"
            }
        ]
    }
}



设置_黑色.png


设置_白色.png



黑色.png




白色.png




4.png



3.png



2.png



1.png

未闻花名UI_021.zip

1.89 MB, 下载次数: 232, 下载积分: 精币 -2 枚

本帖被以下淘专辑推荐:

发表于 4 天前 | 显示全部楼层   黑龙江省哈尔滨市
不错,感谢分享666
回复 支持 反对

使用道具 举报

结帖率:50% (1/2)
发表于 2024-10-26 21:12:27 | 显示全部楼层   河北省石家庄市
不错,感谢分享666
回复 支持 反对

使用道具 举报

结帖率:50% (1/2)
发表于 2024-10-26 21:11:52 | 显示全部楼层   河北省石家庄市
不错,感谢分享666
回复 支持 反对

使用道具 举报

结帖率:50% (1/2)
发表于 2024-10-26 21:11:31 | 显示全部楼层   河北省石家庄市
66666666666666666666666
回复 支持 反对

使用道具 举报

结帖率:50% (1/2)
发表于 2024-10-26 21:10:12 | 显示全部楼层   河北省石家庄市
感谢,下来试试
回复 支持 反对

使用道具 举报

签到天数: 6 天

发表于 2024-10-14 11:44:43 | 显示全部楼层   广东省东莞市
asffffffffffff
回复 支持 反对

使用道具 举报

签到天数: 3 天

发表于 2024-10-12 23:16:28 | 显示全部楼层   湖北省恩施土家族苗族自治州
ASFSADGDFSGBVDC
回复 支持 反对

使用道具 举报

发表于 2024-10-11 08:56:10 | 显示全部楼层   黑龙江省哈尔滨市
我还以为没有密码呢!
回复 支持 反对

使用道具 举报

签到天数: 1 天

发表于 2024-9-23 00:19:08 | 显示全部楼层   河南省信阳市
6666666666666
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表