递归火山软件开发平台

标题: Easy Window UI设计器简单几步拖拽出界面 [打印本页]

作者: EasyWindow 时间: 2025-7-1 09:31
标题: Easy Window UI设计器简单几步拖拽出界面
本帖最后由 EasyWindow 于 2025-7-1 10:55 编辑

## 登录UI的设计

(, 下载次数: 265)

#### 用到的组件
基础组件：
`标题栏` `图片框` `文本 x2` `输入框 x2` `多选框` `超链接` `按钮`
服务组件：
`信息框服务` 用来展示登录成功或失败的信息

#### 编辑组件属性
我们需要对这些组件添加名称，方便与外部语言进行交互操作：输入框x2，登录按钮，记住密码选框

**为什么要设置组件名称？**
- 设置组件名称方便和外部语言交互。如果不设置也可以交互，但是需要用组件的ID如： `ew-input-a02bd8ff` 进行交互。

账号输入框设置组件名称：
(, 下载次数: 278)

密码输入框可以设置这些属性

(, 下载次数: 278)

其他组件需要用到的，设置组件名称即可。

外部语言使用：

// 执行JS方法即可获得账号输入框内容
EasyWindowAPI.getComponent("账号").getValue()

// 在易语言中，模块封装的方法是这个（具体可查看模块内容）
账号＝ EasyWindowAPI.组件 (“账号”).获取Value ()
密码＝ EasyWindowAPI.组件 (“密码”).获取Value ()

//如果勾选了内容为： ["1"]
记住密码＝ EasyWindowAPI.组件 (“记住密码”).获取Value ()

UI设计完成后，点击右上角 `导出VUE项目` 按钮进行导出操作（如果是首次导出操作，会提示下载nodejs，下载安装重启设计器即可）：
(, 下载次数: 271) (, 下载次数: 259)

#### 与易语言交互

导出项目文件夹内包含了这些文件：
(, 下载次数: 257)

易语言代码（使用webview、miniblink、等框架都可以进行交互）：
(, 下载次数: 278) (, 下载次数: 258) (, 下载次数: 262)

登录失败提示：
(, 下载次数: 276)

成功登录并跳转到新的窗口：
(, 下载次数: 259)
图片一直黏贴上不显示。。。 csdn：【https】://blog.csdn.net/suyancc/article/details/149031619

登录UIDemo-蓝奏下载（含模块源码）【https】://【wwn】.lanzout.com/iGftG2zyrcde

作者: EasyWindow 时间: 2025-7-1 09:32

[attach]33687[/attach]
为什么图标发不出来呢，黏贴也不行

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

作者: EasyWindow 时间: 2025-7-1 10:26

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

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

作者: hrq520 时间: 2025-7-1 10:28
选择图片，上传，上传成功
点击略缩图，就会在当前光标位置插入图片：
(, 下载次数: 272)

作者: EasyWindow 时间: 2025-7-1 10:50

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

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

作者: EasyWindow 时间: 2025-7-1 10:51
试试附件上传 (, 下载次数: 267)

作者: 寒风 时间: 2025-7-1 11:29
:噜阿噜

作者: domingo 时间: 2025-7-1 12:31
看懂了，回头手动操作搞一遍试试。

作者: 创世魂 时间: 2025-7-1 17:44

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

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

欢迎光临递归火山软件开发平台 (https://bbs.voldp.com/)