Easy Window UI设计器简单几步拖拽出界面

EasyWindow

## 登录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

EasyWindow

为什么图标发不出来呢，黏贴也不行

hrq520

应该是要在 评论输入框 这里 点 高级 模式，图片才能上传

EasyWindow

hrq520 发表于 2025-7-1 10:20
应该是要在 评论输入框 这里 点 高级 模式，图片才能上传

我在评论框也试了。。。。不行

hrq520

选择图片，上传，上传成功
点击略缩图，就会在当前光标位置插入图片：

EasyWindow

hrq520 发表于 2025-7-1 10:28
选择图片，上传，上传成功
点击略缩图，就会在当前光标位置插入图片：

我点击图片只有网络地址，是不是用户组不够

EasyWindow

试试附件上传

寒风

:噜阿噜

domingo

看懂了，回头手动操作搞一遍试试。

创世魂

EasyWindow 发表于 2025-7-1 09:32
为什么图标发不出来呢，黏贴也不行

浏览器升级到最新版本，别使用IE模式。  主流的浏览器应该都支持粘贴。可以粘贴QQ截图。