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

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

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

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

请点击此处下载

请先注册会员后再进行下载

已注册会员，请先登录后下载

文件名称：课件_经典蓝白网络验证.e 
下载次数：4  文件大小：272.4 KB  售价：4 云鲸币[记录]
下载权限： 不限  以上或 VIP会员   [购买VIP]   [充值铜板]  [免费赚铜板]

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

学习了，谢谢分享、、、

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

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

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

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

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

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

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