大家好,欢迎来到IT知识分享网。
开始
新版神岛也是更新了许多新的功能,由于学业也是没有看着见证他的出现,但是,现在我回来了,刚好给大家讲解一下新的功能,UI
神岛新的UI功能官方也是没有给出任意一个教程
官方API里面也是没有仔细讲解代码该如何编写,今天就由我来告诉大家
新样例
准备工作
文本控件创建过程:界面->文本 这样就可以创建一个文本控件了
此时你就会发现右上角出现了一个Text,这就是文本控件
然后打开右边的导览,选择界面,你就会发现这里面生成了一个名为text-1的文本控件(文本控件可改名)
接下来我们用代码来控制它显示的内容
代码
第一步还是一样,先获取控件并绑定,方便我们后期的控制操作
const 变量名 = ui.findChildByName("控件名称")//不需要像查找模型一样前面要加上井号(#)
控制UI显示的内容
第二步就是调用textContent函数来修改控件内容
绑定了文本控件的变量名.textContent = ”要修改的文本内容"
控制文本控件的可见性
绑定了文本控件的变量名.visible = 布尔值 //true 或者 false
true代表着控件显示,false代表着控件不显示
此值可以在控件设置中进行设置
上岛操作
准备
还是一样,使用我们刚刚创建的文本控件
代码
控制文本内容
代码里面显示我们将控件内容修改为了Hello World
运行!
运行结果
从运行结果上可以看出,我们成功了!
控制文本可见性
可知文本可见性的话,默认是按照未运行是文本导览里面可见性的框里面有没有打勾决定的
但是我们现在来用代码来控制
代码
运行结果
文本框瞬间消失了!
代码优化
其实屏幕前的代码师也是发现了神岛在更新之后不再只有index.js文件了,还多了一个clientIndex.js文件,并且端口还分了服务端和用户端
我们上面写的那些UI代码可以直接写在用户端的clientIndex.js文件里面,不用挤在服务端的index.js文件里面,这样就大大增加了代码的可读性
以上是 Chat吉PT 对 客户端 和 服务端 的区别的解释,大家可以看看
结语
以上就是关于此文章的所有内容了,感谢你的阅读,如果有什么不对的地方,请大佬指点,谢谢!
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/157969.html
![[神奇代码岛]创建UI并控制UI Text文本篇插图1 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/e09c1d843e1f4933b1624bda01e484ff.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图3 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/9ca1fdb8f0e940f5b43124f9424990d4.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图5 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/23be40e49cf14c4c81b3a9cda27348f1.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图7 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2c541b6fbe734738b5fc9fadd72038b6.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图9 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/eb16b5da26744e27a33865824f557966.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图11 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/8f80a5fd9b05417292bf4f58b28eba5a.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图13 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/84931f2a861541eab54c921fce92e4e3.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图15 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/76f4bfc42f2048e182396d97166c9555.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图17 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c43e088f68e0418e9f2429a1a9aea6fd.png#pic_center)
![[神奇代码岛]创建UI并控制UI Text文本篇插图19 在这里插入图片描述](https://i-blog.csdnimg.cn/direct/5c94aea05a574f63adae9cb0e0d1ec5b.png#pic_center)