(EPL UI Standard Template)
在易语言开发 Windows 应用程序过程中，UI 界面的一致性和规范性对于用户体验至关重要。然而，不同开发者的编码习惯以及缺乏统一标准，常导致 UI 界面风格各异、布局混乱。本项目旨在创建一套格式化方案，统一易语言 Windows UI 的设计与开发，提升应用的整体质量和用户感受。
本项目包含了一系列与易语言开发相关的文件和资源，旨在为易语言开发者提供 UI 模板、图标素材以及相关文档，以助力高效的应用程序开发。以下是对文件树结构的详细说明。
- (完整版)易语言中文编程 - 从入门到精通【图文】.pdf：这是一份易语言学习的电子文档，通过图文并茂的方式，系统地讲解易语言从基础入门到精通的编程知识，为开发者提供全面的学习资料。
- LICENSE：该文件定义了本项目相关资源的使用许可条款，明确了使用者的权利和限制，确保资源的合法使用。
- README.md：即当前文档，对整个项目的文件结构、内容及用途进行详细阐述，帮助开发者快速了解项目资源分布及使用方法。
- ico.ico：项目的图标文件。
- DWM深色模式窗口.e：支持 DWM 深色模式的窗口模板。https://github.com/gytxtx
- UI 模板使用说明.txt：提供关于 Win10 界面相关 UI 模板的详细使用指南，包括如何导入模板、修改设置以及适配不同项目需求的说明，帮助开发者快速上手使用这些模板。
- Win10_UI 模板.e：Win10 风格的易语言 UI 模板源文件，开发者可直接打开该文件进行编辑，根据实际项目需求调整界面布局、组件属性等。
- Windows 10 窗口.e：Windows 10 风格的窗口模板。https://github.com/gytxtx
- 简约主题 UI 模板.e：简约主题 UI 模板的易语言源文件，开发者可基于此模板快速搭建具有简约风格的 Win10 界面。
- 蓝色主题 UI 模板.e：蓝色主题 UI 模板的易语言源文件，包含了蓝色调为主的界面设计元素和布局结构。
- 蓝色渐变 UI 模板.e：蓝色渐变主题 UI 模板的易语言源文件，该模板运用蓝色渐变效果，为界面增添独特的视觉效果和动感。
- date 文件夹：
- 1.ico、2.ico、3.ico：相关 UI 模板中的图标资源，例如应用程序图标、按钮图标等。
- 亚克力模板.e：这是一个基于亚克力效果设计的易语言 UI 模板源文件。亚克力效果能够为界面带来独特的半透明质感和层次感，为应用增添现代、时尚的视觉风格，开发者可直接利用该模板创建具有亚克力风格的界面。
- 1.ico、2.ico、3.ico：这些图标文件专门用于易程序的图标设置，不同的图标可满足开发者在不同项目场景下，为应用程序选择合适图标的需求，提升应用的辨识度和品牌形象。
- 易程序图标.zip：易程序图标文件的压缩包，方便对图标资源进行管理、传输和分享，开发者可解压后按需选用图标。
- 按钮演示.png：该图片可能用于展示雾 UI 模板中按钮的样式和交互效果，通过实际演示图，帮助开发者直观了解按钮在不同状态下的外观表现。
- 窗口控件.psd：这是一个 Photoshop 源文件，包含了雾 UI 模板中窗口控件的设计元素和图层结构，开发者可根据需要对窗口控件的样式进行进一步编辑和定制。
- 窗口概念图.png：展示雾 UI 模板窗口整体概念和设计风格的图片，为开发者提供关于窗口布局、色彩搭配以及整体视觉效果的参考。
- 组件控件.psd：Photoshop 源文件，涵盖了雾 UI 模板中组件控件的详细设计，方便开发者对组件控件进行个性化修改和调整。
- 背景.psd：用于存储雾 UI 模板背景设计的 Photoshop 源文件，开发者可基于此对背景进行编辑，如修改颜色、纹理、添加特效等，以适应不同的项目需求。
- 窗口控件文件夹：
- 关闭.png、关闭_按下.png、关闭_点燃.png：分别表示窗口关闭按钮在正常状态、按下状态和 “点燃”（可能是鼠标悬停时的特殊效果状态）下的图片资源，用于实现窗口关闭按钮的交互效果。
- 最大化.png、最大化_按下.png、最大化_点燃.png：对应窗口最大化按钮在不同状态下的图片，用于展示和实现最大化按钮的各种交互视觉效果。
- 最小化.png、最小化_按下.png、最小化_点燃.png：展示窗口最小化按钮在正常、按下和特定交互状态（如鼠标悬停）下的图片，为实现最小化按钮的交互效果提供资源支持。
- 组件控件文件夹：
- 分组概念.png：用于展示组件控件中分组部分的设计概念和样式，帮助开发者理解分组区域的布局和外观设计。
- 列表项概念.png：该图片展示了组件控件中列表项的设计概念和样式，指导开发者如何设计和使用列表项。
- 按钮.png、按钮_按下.png、按钮_点燃.png：这些图片分别对应组件控件中按钮在正常状态、按下状态和特定交互状态（如鼠标悬停呈现 “点燃” 效果）下的样式，用于实现按钮的交互效果。
- 横向滚动.png、横向滚动_中间.png、横向滚动_底层.png、横向滚动_结尾.png：一系列用于实现横向滚动条不同部分和状态的图片资源，通过这些图片可实现流畅的横向滚动条交互效果。
- 纵向滚动.png、纵向滚动_中间.png、纵向滚动_尾.png、纵向滚动_结尾.png：用于实现纵向滚动条不同部分和状态的图片，为纵向滚动条的设计和交互效果实现提供资源支持。
- 窗口大小与位置
- 在易语言中创建新窗口时，首要确定窗口的初始大小和位置。在 “窗口属性” 面板中，可以设置 “宽度” 和 “高度” 属性来定义窗口尺寸。例如，将主窗口宽度设为 800 像素，高度设为 600 像素，以适配常见屏幕分辨率。
- “左边” 和 “顶边” 属性用于确定窗口在屏幕上的初始显示位置。一般来说，将其设置为屏幕居中较为合适。可以通过计算屏幕分辨率来实现，代码如下：
.版本 2
.程序集 窗口程序集_启动窗口
.程序集变量 屏幕宽度, 整数型
.程序集变量 屏幕高度, 整数型
.子程序 __启动窗口_创建完毕
取屏幕分辨率 (屏幕宽度, 屏幕高度)
左边 ＝ (屏幕宽度 － 宽度) ÷ 2
顶边 ＝ (屏幕高度 － 高度) ÷ 2- 窗口标题与图标
- “标题” 属性用于设置窗口的标题栏显示文本。一个清晰、有意义的标题能让用户快速了解窗口的功能。例如，将登录窗口的标题设为 “用户登录 - [应用名称]”。
- 为窗口添加图标能提升应用的辨识度。在 “窗口属性” 面板中，选择 “图标” 属性，点击右侧的 “…” 按钮，选择合适的.ico 图标文件。确保图标简洁明了，与应用主题相关。
- 按钮控件
- 大小与位置：在窗口上绘制按钮时，根据其功能和重要性合理设置大小。例如，主要操作按钮（如 “确定”“提交”）可以适当大一些，尺寸设为宽 120 像素、高 40 像素；辅助按钮（如 “取消”“帮助”）可稍小，宽 80 像素、高 30 像素。通过 “左边” 和 “顶边” 属性精确调整按钮在窗口中的位置，使其布局整齐。
- 样式与颜色：统一按钮的背景颜色和文字颜色。对于默认状态，背景颜色可设为淡蓝色（如 RGB 值为 173, 216, 230），文字颜色为黑色（RGB 值为 0, 0, 0）。当鼠标悬停在按钮上时，通过设置按钮的 “鼠标指针被移动” 事件，改变背景颜色为深蓝色（如 RGB 值为 51, 153, 255），以提供交互反馈。代码如下：
.版本 2
.程序集 窗口程序集_启动窗口
.子程序 _按钮1_鼠标指针被移动, 逻辑型
.参数 横向位置, 整数型
.参数 纵向位置, 整数型
.参数 功能键状态, 整数型
按钮1.背景颜色 ＝ #深蓝色
返回 (真)
.子程序 _按钮1_鼠标离开, 逻辑型
按钮1.背景颜色 ＝ #淡蓝色
返回 (真)
- 文本框控件
- 输入限制与提示：对于编辑框1，根据输入需求设置输入限制。例如，密码输入框应设置为密码模式，只允许输入特定字符。在 “编辑框1属性” 中，勾选 “输入方式” 为 “密码输入”。同时，通过设置 “内容提示文本” 属性，为用户提供输入提示，如 “请输入用户名”“请输入密码”。
- 边框与背景：统一外形框的边框样式和背景颜色。边框颜色设为灰色（如 RGB 值为 192, 192, 192），背景颜色为白色（RGB 值为 255, 255, 255）。可通过在窗口的 “创建完毕” 事件中设置代码实现：
.版本 2
.程序集 窗口程序集_启动窗口
.子程序 __启动窗口_创建完毕
外形框1.边框颜色 ＝ #灰色
外形框1.背景颜色 ＝ #白色
- 主菜单创建
- 在易语言中，通过 “菜单编辑器” 创建主菜单。点击菜单栏中的 “插入” - “菜单”，输入菜单标题，如 “文件”“编辑”“视图” 等。为每个主菜单添加相应的子菜单，如 “文件” 菜单下可包含 “新建”“打开”“保存”“另存为” 等子菜单。
- 为子菜单设置快捷键，方便用户操作。在 “菜单属性” 面板中，设置 “快捷键” 属性。例如，将 “新建” 子菜单的快捷键设为 “Ctrl + N”。
- 菜单样式与交互
- 统一菜单的字体、颜色和背景颜色。菜单字体设为宋体、大小 10 号，正常状态下文字颜色为黑色（RGB 值为 0, 0, 0），背景颜色为白色（RGB 值为 255, 255, 255）。当鼠标悬停在菜单选项上时，背景颜色变为淡蓝色（如 RGB 值为 173, 216, 230）。这可以通过在窗口的 “鼠标指针被移动” 等相关事件中，根据鼠标位置判断是否在菜单区域，进而改变菜单的背景颜色来实现。
- 规范制定阶段
- 组建由 UI 设计师、易语言开发人员组成的团队，共同讨论并制定易语言 Windows UI 的详细规范，包括颜色值、字体类型与大小、控件尺寸与样式等。
- 将规范整理成文档，明确每个部分的具体要求和示例。
- 模板开发阶段
- 根据制定的规范，使用易语言开发基础的 UI 模板，包括常见的窗口类型（如登录窗口、主界面窗口、设置窗口等）以及各种控件的组合布局。
- 在模板中编写好相关的事件代码和默认样式设置，确保开发者使用模板时，只需进行少量修改即可满足项目需求。
- 工具开发阶段
- 开发一款辅助工具，用于快速生成符合规范的 UI 界面。该工具可以提供可视化的操作界面，让开发者通过拖拽、选择等方式快速搭建窗口和添加控件，同时自动应用规范的样式和属性设置。
- 工具应具备代码生成功能，能够将设计好的 UI 界面转化为易语言代码，方便开发者直接集成到项目中。
- 推广与培训阶段
- 在开发团队内部或相关社区发布项目成果，包括规范文档、UI 模板和工具。
- 组织培训活动，向易语言开发者介绍项目的目的、使用方法和优势，帮助他们快速掌握并应用到实际项目中。
- 提升用户体验：统一、规范的 UI 界面能够让用户在使用易语言开发的应用程序时，感受到更加流畅、舒适的交互体验，提高用户对应用的满意度和忠诚度。
- 提高开发效率：开发者通过使用 UI 模板和工具，可以快速搭建出符合要求的 UI 界面，减少在 UI 设计和调整上花费的时间，将更多精力投入到业务逻辑的开发中，从而加速项目的整体开发进程。
- 增强团队协作：统一的 UI 规范和开发工具，使得团队成员之间的协作更加顺畅。不同开发者在进行 UI 相关工作时，能够遵循相同的标准，减少因风格不一致而产生的沟通成本和重复劳动。