养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

gui设计中如何把结果输出在文本框

时间:2024-11-06 04:59:58

这次带大家用一个软件来设计UI界面。使用软件,可以让界面模拟更逼真。

工具/原料

Mockplus

把数据输出到文本框

1、打开项目UI规划。(或者新建一个项目规划)

gui设计中如何把结果输出在文本框

2、我们添加一个按钮。把它拖过来即可。

gui设计中如何把结果输出在文本框

gui设计中如何把结果输出在文本框

3、我们再同样方法创建一个文本框。

gui设计中如何把结果输出在文本框

4、修改一下文本框两个属性。

gui设计中如何把结果输出在文本框

5、这时,我们从按钮往文本框拖拽添加一个链接。弹出对话框。

gui设计中如何把结果输出在文本框

gui设计中如何把结果输出在文本框

6、我们选择点击时设置文本,点确定添加命令。

gui设计中如何把结果输出在文本框

7、设置一下设置文本的数据。

gui设计中如何把结果输出在文本框

gui设计中如何把结果输出在文本框

8、保存一下,然后我们调试。

gui设计中如何把结果输出在文本框

9、我们可以看到,原先文本框里是“ABCD”,点击按钮后就把给定的数据输出到文本框了。

gui设计中如何把结果输出在文本框

© 一点知识