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

admin (帅逼1)

以下是用易语言 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 功能可能存在差异，要参考对应版本文档。
  

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

• 界面适配性：要考虑不同屏幕分辨率下界面的显示效果，可采用相对布局或根据分辨率动态调整组件位置和大小，以保证界面美观和操作的便利性。
  

你可以在精易论坛等易语言技术社区搜索相关完整源码项目，可能会找到更完善且可直接使用或二次开发的资源 。



课件_经典蓝白网络验证.e (272.4 KB, 下载次数: 0, 售价: 4 无忧币)

3 天前 上传

点击文件名下载附件

寒梅傲霜 (帅逼971)

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

琴音绕梁 (帅逼1042)

学习了，谢谢分享、、、

诗梦清逸 (帅逼1087)

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

琴调悠扬 (帅逼1098)

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

书韵逸逸章 (帅逼1205)

无忧技术吧 小手一抖，钱钱到手！

墨香伴雨柔 (帅逼1144)

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

妙墨绘丹青 (帅逼1132)

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

墨香盈袖 (帅逼1048)

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

画境逸逸景 (帅逼1196)

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