admin 发表于 2025-6-12 20:23:26

易语言 EXUI 实现经典蓝白网络验证 UI 界面的源码


以下是用易语言 EXUI 实现经典蓝白网络验证 UI 界面的源码示例及相关说明:
一、界面搭建

[*]创建主窗口并设置基本属性
.版本 2
.支持库 exui
.子程序 _启动子程序, 整数型, , 本子程序在程序启动后最先执行
    窗口_登录窗口.创建 (, "登录界面", 800, 500, )'创建主窗口,设置标题、宽度和高度
    窗口_登录窗口.背景颜色 = #白色'设置窗口背景为白色


[*]添加标题文字
    标签_标题.创建 (窗口_登录窗口.取窗口句柄 (), 300, 50, 200, 30)
    标签_标题.标题 = “Login”
    标签_标题.文本颜色 = #蓝色
    标签_标题.字体 = “微软雅黑”
    标签_标题.字号 = 18


[*]添加输入框
    编辑框_账号.创建 (窗口_登录窗口.取窗口句柄 (), 400, 100, 300, 40)
    编辑框_账号.提示文本 = “请输入账号/邮箱/手机号”
    编辑框_账号.背景颜色 = #淡蓝色
    编辑框_账号.文本颜色 = #黑色
    编辑框_密码.创建 (窗口_登录窗口.取窗口句柄 (), 400, 150, 300, 40)
    编辑框_密码.提示文本 = “请输入密码”
    编辑框_密码.背景颜色 = #淡蓝色
    编辑框_密码.文本颜色 = #黑色
    编辑框_密码.输入方式 = #密码输入


[*]添加单选框(记住账号、记住密码)
    单选框_记住账号.创建 (窗口_登录窗口.取窗口句柄 (), 400, 200, 100, 20)
    单选框_记住账号.标题 = “记住账号”
    单选框_记住账号.文本颜色 = #蓝色
    单选框_记住密码.创建 (窗口_登录窗口.取窗口句柄 (), 550, 200, 100, 20)
    单选框_记住密码.标题 = “记住密码”
    单选框_记住密码.文本颜色 = #蓝色


[*]添加登录按钮
    按钮_登录.创建 (窗口_登录窗口.取窗口句柄 (), 400, 250, 300, 40)
    按钮_登录.标题 = “sign in”
    按钮_登录.背景颜色 = #蓝色
    按钮_登录.文本颜色 = #白色


[*]添加协议选择框
    选择框_协议.创建 (窗口_登录窗口.取窗口句柄 (), 400, 300, 20, 20)
    标签_协议说明.创建 (窗口_登录窗口.取窗口句柄 (), 420, 300, 200, 20)
    标签_协议说明.标题 = “我已阅读并同意遵守《用户使用守则》”
    标签_协议说明.文本颜色 = #灰色


[*]添加注册链接(简单示例,可设置点击事件跳转或弹出注册窗口)
    标签_注册.创建 (窗口_登录窗口.取窗口句柄 (), 750, 60, 100, 20)
    标签_注册.标题 = “Regist>”
    标签_注册.文本颜色 = #蓝色
    标签_注册.下划线 = 真'添加下划线突出显示为链接样式

二、交互逻辑实现

[*]登录按钮点击事件
.子程序 _按钮_登录_被单击
    .局部变量 输入账号, 文本型
    .局部变量 输入密码, 文本型
    输入账号 = 编辑框_账号.内容
    输入密码 = 编辑框_密码.内容
    .如果 (输入账号 = “” 或 输入密码 = “”)
      信息框 (“请输入完整的账号和密码”, 0, “提示”)
      返回 ()
    .否则
      '这里添加与网络验证服务器交互的代码,如使用精易模块的HTTP请求功能
      '假设存在网络验证函数,验证成功返回真,失败返回假
      .如果 (网络验证函数 (输入账号, 输入密码))
            信息框 (“登录成功!”, 0, “提示”)
            '可在此处添加登录成功后跳转至主界面等操作
      .否则
            信息框 (“登录失败,请检查账号和密码!”, 0, “错误提示”)
      .如果结束
    .如果结束


[*]记住账号和密码功能(简单实现,实际应用可结合配置文件存储)
.子程序 _单选框_记住账号_被单击
    .如果 (单选框_记住账号.选中)
      '这里可添加将账号写入配置文件等操作
      信息框 (“已选择记住账号”, 0, “提示”)
    .否则
      '可添加清除已存储账号等操作
      信息框 (“取消记住账号”, 0, “提示”)
    .如果结束

.子程序 _单选框_记住密码_被单击
    .如果 (单选框_记住密码.选中)
      '这里可添加将密码写入配置文件等操作
      信息框 (“已选择记住密码”, 0, “提示”)
    .否则
      '可添加清除已存储密码等操作
      信息框 (“取消记住密码”, 0, “提示”)
    .如果结束


[*]协议选择框逻辑
.子程序 _选择框_协议_被单击
    .如果 (选择框_协议.选中)
      '可设置登录按钮可点击等逻辑
      按钮_登录.禁止 = 假
    .否则
      '设置登录按钮不可点击
      按钮_登录.禁止 = 真
    .如果结束

三、资源准备与整合

[*]图片资源(若有):比如界面中的图标等,使用图片框组件加载,示例代码如下:
    图片框_图标.创建 (窗口_登录窗口.取窗口句柄 (), 100, 100, 50, 50)
    图片框_图标.加载图片 (“路径\图标.png”)

确保图片路径正确,图片格式符合要求。
2. 字体资源:如果使用了特殊字体,需先安装到系统,再在代码中设置组件字体属性,如:
    按钮_登录.设置字体 (“微软雅黑 Bold”, 14, )

四、注意事项

[*]EXUI 支持库:确保已正确安装 EXUI 支持库,并在易语言项目中引用,不同版本的 EXUI 功能可能存在差异,要参考对应版本文档。

[*]网络验证部分:上述代码中网络验证函数仅为示例,实际开发中需根据具体的网络验证接口规范,使用合适的网络请求模块(如精易模块)来实现与服务器的交互,包括数据加密传输等安全措施。

[*]界面适配性:要考虑不同屏幕分辨率下界面的显示效果,可采用相对布局或根据分辨率动态调整组件位置和大小,以保证界面美观和操作的便利性。
你可以在精易论坛等易语言技术社区搜索相关完整源码项目,可能会找到更完善且可直接使用或二次开发的资源 。




寒梅傲霜 发表于 2025-6-12 20:29:15

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

琴音绕梁 发表于 2025-6-12 20:52:46

学习了,谢谢分享、、、

诗梦清逸 发表于 2025-6-12 21:02:58

无忧技术吧 写的真的很不错

琴调悠扬 发表于 2025-6-12 21:04:02

无忧技术吧 不错不错,楼主您辛苦了。。。

书韵逸逸章 发表于 2025-6-12 21:09:04

无忧技术吧 小手一抖,钱钱到手!

墨香伴雨柔 发表于 2025-6-12 21:19:17

学习了,不错,讲的太有道理了无忧技术吧

妙墨绘丹青 发表于 2025-6-12 21:25:22

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

墨香盈袖 发表于 2025-6-12 21:36:38

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

画境逸逸景 发表于 2025-6-12 21:56:11

无忧技术吧 我是来刷分的,嘿嘿
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 易语言 EXUI 实现经典蓝白网络验证 UI 界面的源码