易语言【EXUI】实现简约商务白蓝登录波浪界面 + 信息框的示例源码及说明

以下是一个基于易语言【EXUI】实现简约商务白蓝登录波浪界面 + 信息框的示例源码及说明：
界面设计思路

• 整体布局：采用简洁的上下布局，上方放置背景图（可选择带有白蓝波浪元素的图片来契合风格），下方放置输入框、按钮等控件。
  

• 色彩搭配：以白色为底色，蓝色作为强调色，比如按钮使用蓝色，输入框边框在聚焦时变为蓝色等，营造商务清新感。
  

易语言代码实现

• 创建窗口并设置基本属性
  

.版本 2
.支持库 EXUI
.程序集 窗口程序集1

.子程序 __启动窗口_创建完毕
窗口1.标题 ＝ “登录界面”
窗口1.宽度 ＝ 400
窗口1.高度 ＝ 300
窗口1.背景颜色 ＝ 白色

这里创建了一个名为 “窗口 1” 的主窗口，设置了标题、尺寸和背景色。

• 添加背景图片（假设图片资源已导入工程）
  

.局部变量 图片对象, EXUI图片类
图片对象.创建 (窗口1.取窗口句柄 (), , , )
图片对象.图片路径 ＝ “你的背景图片路径\波浪背景.jpg”
图片对象.宽度 ＝ 窗口1.宽度
图片对象.高度 ＝ 窗口1.高度
图片对象.显示 ()

通过EXUI图片类加载并显示背景图片，使其铺满窗口。

• 添加账号和密码输入框
  

.局部变量 账号输入框, EXUI编辑框类
.局部变量 密码输入框, EXUI编辑框类

账号输入框.创建 (窗口1.取窗口句柄 (), , , )
账号输入框.标题 ＝ “账号”
账号输入框.宽度 ＝ 200
账号输入框.高度 ＝ 30
账号输入框.左边 ＝ (窗口1.宽度 － 账号输入框.宽度) ÷ 2
账号输入框.顶边 ＝ 100
账号输入框.显示 ()

密码输入框.创建 (窗口1.取窗口句柄 (), , , )
密码输入框.标题 ＝ “密码”
密码输入框.宽度 ＝ 200
密码输入框.高度 ＝ 30
密码输入框.左边 ＝ (窗口1.宽度 － 密码输入框.宽度) ÷ 2
密码输入框.顶边 ＝ 账号输入框.顶边 ＋ 40
密码输入框.输入方式 ＝ 编辑框输入方式_密码
密码输入框.显示 ()

分别创建账号和密码输入框，设置其属性并在窗口中居中显示，密码输入框设置为密码输入方式。

• 添加登录按钮
  

.局部变量 登录按钮, EXUI按钮类
登录按钮.创建 (窗口1.取窗口句柄 (), , , )
登录按钮.标题 ＝ “登录”
登录按钮.宽度 ＝ 100
登录按钮.高度 ＝ 35
登录按钮.左边 ＝ (窗口1.宽度 － 登录按钮.宽度) ÷ 2
登录按钮.顶边 ＝ 密码输入框.顶边 ＋ 40
登录按钮.背景颜色 ＝ #蓝色
登录按钮.字体颜色 ＝ #白色
登录按钮.显示 ()

创建登录按钮，设置按钮文字、尺寸、颜色等属性并显示在合适位置。

• 添加信息框功能（以账号不能为空提示为例）
  

.子程序 _登录按钮_被单击
.如果 (账号输入框.内容 ＝ “”)
    信息框 (“温馨提示”, “账号不能为空”, 0, )
.否则
    ' 这里可添加真正的登录验证逻辑，比如与服务器交互验证账号密码
    信息框 (“提示”, “登录成功（示例）”, 0, )
.如果结束

当点击登录按钮时，先判断账号输入框是否为空，为空则弹出信息框提示；不为空可进一步编写与服务器交互等真正的登录验证逻辑，这里仅作示例显示登录成功提示。

• 运行程序
  

在易语言中，点击 “运行” 按钮，即可看到设计的登录界面并进行操作体验。
注意事项

• 确保已正确引用EXUI支持库，并且相关资源（如背景图片）路径设置正确。
  

• 实际应用中，登录验证部分需要与后端服务器进行数据交互，可使用易语言的网络相关支持库（如sock支持库等）来实现。
  

• 可进一步优化界面细节，比如添加按钮的鼠标悬停效果（通过EXUI库的相关属性设置）等，提升用户体验。
  

游客，如果您要查看本帖隐藏内容请回复

无忧技术吧 我是来刷分的，嘿嘿

支持一下无忧技术吧

帮你顶下哈！！无忧技术吧

无忧技术吧 这是什么东东啊

无忧技术吧 看帖回帖是美德！

相当不错，感谢无私分享精神！无忧技术吧

帮你顶下哈！！无忧技术吧

无忧技术吧 路过，学习下

无忧技术吧 看帖回帖是美德！