Easy Window UI设计器简单几步拖拽出界面
本帖最后由 EasyWindow 于 2025-7-1 10:55 编辑## 登录UI的设计
#### 用到的组件
基础组件：
`标题栏` `图片框` `文本 x2` `输入框 x2` `多选框` `超链接` `按钮`
服务组件：
`信息框服务` 用来展示登录成功或失败的信息
#### 编辑组件属性
我们需要对这些组件添加名称，方便与外部语言进行交互操作：输入框x2，登录按钮，记住密码选框
**为什么要设置组件名称？**
- 设置组件名称方便和外部语言交互。如果不设置也可以交互，但是需要用组件的ID如： `ew-input-a02bd8ff` 进行交互。
账号输入框设置组件名称：
密码输入框可以设置这些属性
其他组件需要用到的，设置组件名称即可。
外部语言使用：
// 执行JS方法即可获得账号输入框内容
EasyWindowAPI.getComponent("账号").getValue()
// 在易语言中，模块封装的方法是这个（具体可查看模块内容）
账号 ＝ EasyWindowAPI.组件 (“账号”).获取Value ()
密码 ＝ EasyWindowAPI.组件 (“密码”).获取Value ()
//如果勾选了内容为： ["1"]
记住密码 ＝ EasyWindowAPI.组件 (“记住密码”).获取Value ()
UI设计完成后，点击右上角 `导出VUE项目` 按钮进行导出操作（如果是首次导出操作，会提示下载nodejs，下载安装重启设计器即可）：
#### 与易语言交互
导出项目文件夹内包含了这些文件：
易语言代码（使用webview、miniblink、等框架都可以进行交互）：
登录失败提示：
成功登录并跳转到新的窗口：
图片一直黏贴上不显示。。。 csdn：【https】://blog.csdn.net/suyancc/article/details/149031619
登录UIDemo-蓝奏下载（含模块源码） 【https】://【wwn】.lanzout.com/iGftG2zyrcde
https://i-blog.csdnimg.cn/direct/2b1871a350de4801991b53d9e1124eea.png
为什么图标发不出来呢，黏贴也不行
应该是要在 评论输入框 这里 点 高级 模式，图片才能上传
hrq520 发表于 2025-7-1 10:20
应该是要在 评论输入框 这里 点 高级 模式，图片才能上传
我在评论框也试了。。。。不行 选择图片，上传，上传成功
点击略缩图，就会在当前光标位置插入图片：
hrq520 发表于 2025-7-1 10:28
选择图片，上传，上传成功
点击略缩图，就会在当前光标位置插入图片：
我点击图片只有网络地址，是不是用户组不够 试试附件上传
:噜阿噜 看懂了，回头手动操作搞一遍试试。 EasyWindow 发表于 2025-7-1 09:32
为什么图标发不出来呢，黏贴也不行
浏览器升级到最新版本，别使用IE模式。主流的浏览器应该都支持粘贴。可以粘贴QQ截图。
页:
[1]