火山PC从零开始学炫彩UI 第一课

作者:灰羊羊

一、炫彩UI概述

首先,炫彩UI从2010年开始研发,到现在功能丰富,API接口多达一千多个,是一款优秀的界面库

炫彩使用DirectUI设计思想:
在窗口内没有子窗口,界面元素都是逻辑上的区域(无HWND句柄,安全,灵活)所有UI元素都是自主开发(不受系统限制),您可以将炫彩的窗口,理解为是一个白色的画布,您可以在上面画任何的组件。如果您有界面的需求,那么炫彩是您的一种选择

二、炫彩火山模块

在这里介绍一款非常优秀好用的工具,火山平台升级工具(望望出品),点击跳转
这款工具可以升级多个版本的火山补丁,面对官方零碎的更新,您可以一键更新,非常方便,此外,工具里面可以一键下载安装炫彩界面库模块,为您的学习提供便利
在您安装好模块后,我们来看一下炫彩模块的构造

0 火 山 平 台 升 级 工 具 我 的 桌 面 菜 单 发 帖 呈 1 , ‰ 讠 0 為 身 可 1 一 ] u 亓 瓶 呈 霎 砧 视 窗 平 台 廾 火 山 平 台 下 载 ID 件 名 称 视 窗 模 块 专 区 · 易 模 块 F 模 块 · 火 山 模 块 N 毓 北 模 块 炫 彩 面 原 创 软 件 模 块 SDK 下 载 动 下 载 版 本 : 5 . 29 状 态 : 连 接 服 务 器 成 功 ! 路 径 : E:\win_android chs free\ 罡 否 备 份 模 块

首先,打开火山的IDE,按照下图找到您安装好的火山炫彩模块

磧 [ 苁 页 ] 一 火 山 开 发 半 台 艾 件 回 辑 闷 视 玺 项 目 ] > 囗 | 鋣 喬 模 块 查 找 持 昌 , 回 车 查 找 》 亞 0 安 卓 項 目 。 0 视 窗 項 目 生 丽 闷 满 试 (D) 工 具 田 0 解 决 方 选 择 视 窗 顶 目 , 如 果 您 的 火 山 不 是 安 卓 PC 一 体 的 , 那 么 就 不 会 有 安 卓 顶 目 点 击 类 库 类 查 《 替 模 块 查 找 持 昌 , 回 车 查 找 》 聚 Exu i 界 面 库 原 创 软 件 模 块 聚 火 山 软 件 开 发 框 架 聚 vo IXH 热 键 支 持 库 0 L i bXL 聚 v 。 以 H 进 程 监 视 支 持 库 亞 MYQQA 开 发框采 亞 MYQQ 开 发 框采 聚 Nanbot 开 发模块 聚 Netdb 数 据 库 中 间 件 聚 VLC 视 频 模 块 。 WPSü*k 生 炫 彩 界 面 支 持 库 生 XC. gu i . ytx 。 0 全 局 函 数 聚 0 形 状 对 象 。 0 数 据 类 型 。 0 数 据 适 配 。 0 炫 彩 常 量 。 0 炫 彩 窗 口 。 0 炫 彩 组 件 。 0 辅 助 函 数 聚 钞 元 素 基 类 聚 火 山 模 块 0 解 决 方 类 查 《

这里面命令很多,如果现在一一去看的,会很头疼,所以,不必将里面的命令现在就全部记录,您可以简单理解一下
比如:
全局函数:这里面有一些全局都可以用的函数,比如 延时、信息框、初始化、运行、退出之类的,这些以后文章中都可以看到
形状对象:这里面有一些形状GIF、形状图片、形状文本、形状圆形、形状直线等等组件,这些其实就是一些非常简单的组件。
形状文本,您可以把它理解为MFC窗口组件的标签,他和标签的用法基本上一致。至于形状图片,这就和mfc窗口上的图片框是差不多的效果
至于其他的,比如说形状圆形、矩形,都是一些形状,可以可以放在窗口上当一些特定的图标。或者说您用他们结合起来,来画一些比较好看的形状。

炫彩窗口:这里面的窗口有三种类型。普通窗口、模态窗口、框架窗口
首先我们来说一下普通的窗口,普通的窗口就和我们平时创建的窗口是一个样子的,包括用法以及创建几乎一样
模态窗口:您把它认为是一个子窗口,这个窗口创建完之后,他的父窗口会被处于禁止的状态。您可能见到这样子的案例,点击一个窗口的设置,它弹出来一个窗口,这个时候父窗口变成灰的,禁止操作,您可以在新的窗口里面输入修改参数。保存之后,模态窗口销毁,父窗口又恢复成原来的样子。
框架窗口:这个就和我们的火山IDE是一样子的,在火山IDE里面,您可以拖动一些组件。到其他地方吸附。这种样子的窗口就是框架窗口。

磧 火 山 开 发 半 台 艾 件 回 辑 闷 视 玺 项 目 ] > 囗 | 鋣 喬 欢 逛 页 帮 助 而 生 丽 闷 满 试 (D) 工 具 田 二 帮 助 圖 1253 1257 1 258 1 259 1 260 1261 1262 1263 1 264 0 1276 1278 模 块 查 找 持 昌 , 回 车 查 找 》 亞 Nanbot 开 发模块 聚 Netdb 数 据 库 中 间 件 聚 VLC 视 频 模 块 亞 WPSü*k 生 炫 彩 界 面 支 持 库 生 XC. gu i . ytx 。 0 全 局 函 数 。 0 形 状 对 象 。 0 数 据 类 型 。 0 数 据 适 配 。 0 炫 彩 常 量 生 0 炫 彩 窗 口 。 钞 框 架 窗 口 同 0 模 态 窗 口 创 建 创 建 扩 展 挂 接 窗 口 结 束 启 动 启 用 ESC 关 闭 启 用 自 动 关 闭 聚 普 通 窗 口 。 0 炫 彩 组 件 解 决 方 类 《 替 一 入 式 方 法 入 式 方 法 认 值 认 值 属 性 值 性 值 0 窗 口 样 式 . 模 态 控 制 按 钮 Ind_Create(@<EÆ> , @〈 高 度 > , @〈 标 题 > . GetText HWN 〗 @〈 父 句 柄 > , @〈 库 样 式 习 〕 入 式 方 法 入 式 方 法 入 式 方 法 性 值 性 值 性 值 备 注 备 注 0 插 件 说 明 : 处 理 视 茂 、 目 的 创 / 编 译 / 连 接 / 调 汰 等 工 作 注 意 : 本 版 本 仅 用 作 提 供 给 用 户 体 验 及 氵 则 试 本 系 统 时 使 用 , 其 中 可 能 存 在 错 误 或 需 要 修 复 的 地 方 , 所 以 请 勿 使 用 本 版 本 开 发 任 何 正 式 软 件 , 如 果 您 想 使 用 本 系 统 开 发 软 件 , 请 购 买 正 式 商 业 版 本 。 尊 重 知 识 产 权 , 请 使 用 正 版 软 件 : 1 、 使 用 正 版 软 件 可 以 让 开 发 者 有 能 力 为 您 持 续 提 供 服 务 , 并 不 断 提 供 更 新 更 强 大 的 版 本 ; 2 、 使 用 正 版 软 件 不 会 给 您 的 电 脑 带 来 感 染 病 毒 、 木 马 、 后 门 的 危 险 ; 3 、 使 用 正 版 软 件 不 会 给 您 带 来 法 律 风 险 , 而 且 能 保 证 产 品 功 能 正 确 无 误 地 运 行 。 以 免 造 成 损 失 或 导 致 您 的 软 件 以 后 无 法 维 护 。 系 统 遇 到 了 河 题 。 适 稍 后 再 试

炫彩组件:这里您应该挺熟悉的,因为他就和我们MFC窗口上的组件差不多,比如说有编辑框按钮以及组合框,多选框之类的。不过炫彩的组件的功能更多一些,就拿编辑框来说吧。他可以外形设置成为带圆角的,以及可以设置背景边框颜色,支持渐变色以及缓动效果

三、炫彩UI设计器
组件,我们先说这些,上面那些基本上是平时用的比较多的。然后下面我们来说一下UI的设计器。这个免费的版本就可以满足您学习以及使用的需求了。关于设计器的下载,您需要加入炫彩官方QQ群才可以下载,或者点击我在下面文章的后面附带一份设计器的链接来下载。

下面附一张设计器的界面图。工欲善其事,必先利其器。您把设计器以及模块都安装好之后,我们才可以进一步的学习。本文先到这里,这篇文章为您提供火山是炫彩模块安装方法,以及设计器的下载,炫彩一些简单的介绍,下一篇我们开始从创建最简单的窗口开始学习如何使用火山UI库

视 到 调 试 工 具 G) 底 炫 岿 言 . 中 交 隔 程 《 DE 〔 磊 〕 . v 1.1 Debug u 《 元 素 基 诎 元 素 按 钮 下 拉 组 台 框 - 工 具 条 文 本 接 形 扰 对 象 回 形 伏 交 本 形 状 形 [ 当 形 状 组 框 巨 定 的 象 x85 們 布 元 素 巳 列 汞 框 列 见 到 莱 望 条 0 进 过 条 月 历 卡 片 形 状 片 回 形 状 国 形 詡 形 状 汞 相 O 0 沿 有 激 活 设 计 视 , 无 可 显 亍 丙 容 ! 炫 彩 IDE 一 集 成 开 发 环 境 旧 E 为 了 可 持 续 发 , 欢 大 螯 罰 支 扌 你 螯 助 将 用 于 产 的 开 发 《 户 , 以 及 奖 励 为 该 产 品 做 ± 突 ± 贡 的 用 户 ! 产 的 升 级 《 户 蕎 不 您 耷 支 扌 谢 ! 新 葚 项 目 兆 ON POST 打 开 项 目 · http://www.xcgui.com/support.php 我 们 的 产 品 : 炫 彩 旧 E 〔 磊 ) : 磊 的 集 成 开 发 环 境 炫 语 言 〔 磊 ) : 炫 彩 中 文 隔 程 语 言 炫 彩 UI 设 计 器 〔 基 础 磊 ) : 可 视 化 u 计 器 ***.http://www.xcgui.com/doc 学 丬 裔 源 : http://www.xcgui.com/school.php 块 码 仓 厍 ( gi https://gitee.com/xcgui/modul 旱 手 : https://gitee.com/xcgui/helper 助 戔 2 [ ℃ .C ℃ 〕 c 18 & 88 兀 8 & 88 兀 5555 〕 c 9.00 兀 7149 [ ℃ 315g1g53 8ggg3281 8354410g 5g2851135 8212g767 1gg0850157 224075g2 家 的 味 /huaix 不 解释 M 《 rs 三 GinSkeleton 滚 见 到 “ 亠 怡 5 条 囤 日 期 时 河 形 状 引 F 曰 形 状 直 线 调 试 F5 : 编 泽 和 调 试 , F7 : 编 译 , Fg : 下 断 点 F10 : 望 步 F11 : 步 入 T 众 & T 众 8 + SH 》 FT. 减 少 迸 , '/' 注 释 / 取 消 注 释 Ctrl + G : 跳 转 身 旨 定 行 Ctrl+ F : 索 和 替 , F12 : 跳 转 到 定 义 数 数 开 : Ctrl + 回 车 · 开 收 表 相 内 回 车 收 , ESC : 取 消 开 入 门 程 : 适 00 共 旱 0 见 菽 程 ] . 炫 语 言 小 苎 撼 盲 快 速 入 门 9 吉 旧 睡 帝 例 子 , 及 隔 程 手 册 关 方 : 一 个 蕺 多 个 目 ] 容 器 写 入 项 目 : 可 直 扌 动 项 目 文 荚 到 目 视 写 入 项 目 : 拖 动 项 目 文 荚 到 目 视 可 以 批 量 入 多 个 顼 目 身 旨 定 [ 分 文 荚 ] 环 境 设 岩 [ 炫 语 宗 望 独 下 载 [ v 〔 虾 境 包 ] , 方 法 适 旧 E 目 录 明 文 , 牛 相 苴 : 关 方 s , 项 目 文 pre 」 , 源 艾 过 具 可 引 力 项 目 视 到 块 适 葒 入 性 名 称 〔 中 交 文 . 氵 殳 有 西 当 彐 可 对 象 , 无 可 显 亍 性 ! 监 视 调 嵫 戋 瘧 出 索 葙 替 查 找 引 用 系 统 遇 到 了 河 题 背 昱 适 稍 后 再 试 《 自 部 变 每 《 《 断 点 列 表 示 : 无

四、炫彩UI设计器下载
点击下载

1. 本站鼓励用户发布原创内容,但并不保证每个人都遵守这一点,若内容侵犯了你的权益可联系管理员删除!
2. 本站资源,除文章特别指明外,均限定付费者本人使用,禁止二次 转载 传播 分发!
3. 本站资源多为第三方用户投稿 定价由资源提供者设定 收益人为资源提供者大家下载资源前仔细甄别需求与其描述是否可达预期 除非较明显的与说明不符资源外的纠纷尽量与作者点对点直接解决
4. 资源提供者发布作品请提供作品详细说明 与 截图 源码作品若引用了 其它模块或依赖请诚实说明 明细与版本!以及依赖是否开源。尽量做到资源下载后 可以直接使用与运行
5. 本站资源会员享受折扣开一个吧只有这个才是站长能拿到手的

炫彩资源网 » 火山PC从零开始学炫彩UI 第一课

1 评论

  1. nice

Abraham wang进行回复 取消回复