简易虚拟培训系统-UI控件的应用3

目录

Button组件的组成

Button组件方法1-在Button组件中设置OnClick()回调

Button组件方法2-在脚本中添加Button类的监听


  上一篇使用了文件流读取硬盘数据并显示在Text组件中,本篇增加使用按钮来控制显示哪一篇文字信息。

Button组件的组成

  1. 新建Button:如果使用的按键较多,可以在Canvas下建立一个空节点(Buttons)放置所有的Button,在Buttons上点右键->UI->Button

  2. Button的结构:包括一个Button和一个子节点Text。

  

  3. Button控件:这里介绍比较常用的参数

  (1)SourceImage:可以通过它选择按钮的背景图片,比如

  (2)Button组件中的Transition,当选择为ColorTint选项时,可以设置鼠标(或其他射线)悬停或按下按钮时Button的颜色变化;当选择为SpriteSwap时,可以相应地选择悬停或按下等操作时显示的图片

  

  (3)Button组件中的OnClick():按钮按下时的回调函数设置。这是最重要的部分,在后文中详细解释使用方法

  (4)Button的子节点Text组件:可以编辑在按钮上显示的文字

 

  下面介绍如何设置按下Button时执行相应的操作,一般使用以下2种方式:

Button组件方法1-在Button组件中设置OnClick()回调

  1. 写一个测试脚本,就使用之前使用文件流显示文本的脚本,再加上下面的函数。按下“系统说明”的按钮后,将介绍的文本显示出来。

    public void OnSysIntro(){//系统介绍按钮introText.text = ReadTxt("introTxt", "01_systemIntro");}

  完整代码如下:

public class textShow : MonoBehaviour
{public TMP_Text introText;  //载入显示文本的Text控件// 读取txt文本内容的方法public static string ReadTxt(string fileName,string txtFile){string path= "Assets/Resources/" + fileName + "/" + txtFile + ".txt";string content="未读到文件内容";FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read);StreamReader sr = new StreamReader(fs, Encoding.UTF8);if (null == sr)Debug.Log("读取失败");elsecontent = sr.ReadToEnd();sr.Close();return content;}public void OnSysIntro(){//系统介绍按钮introText.text = ReadTxt("introTxt", "01_systemIntro");}
}

  2. 前文中这个脚本挂在了空节点Empty上,并拖入Text的节点(详见前文);

  3. 在“系统介绍”按钮的OnClick()中点击“+”号

  添加一项响应事件:

  4. 将挂载上面这个textShow.cs脚本的Empty节点拖到Object变量中

  5. 选择textShow.cs脚本中的OnSysIntro()函数,这样就让“系统说明”按钮和OnSysIntro()函数发生了关联:

6. 运行结果

Button组件方法2-在脚本中添加Button类的监听

  这也是常用的按钮回调方法,在机械臂场景中使用过。方法如下:

  1. 上面的脚本添加一个类型为Button的公共变量,以便于将按钮载入:

public Button introSysBtn;  //载入系统介绍按钮

  2. 在Start()方法中添加一个按钮按下的监听事件,回调函数就是脚本中定义的OnSysIntro()函数:

introSysBtn.onClick.AddListener(OnSysIntro);  //添加系统介绍按钮的监听

  3. 脚本依旧挂在Empty节点不变,不过需要将响应的按钮拖到变量中:

  4. 运行效果与上面的方法一样。全部脚本如下:

using UnityEngine;
using TMPro;
using UnityEngine.UI;
using System.IO;
using System.Text;public class TestUI : MonoBehaviour
{public TMP_Text introText;  //载入显示文本的Text控件public Button introSysBtn;  //载入系统介绍按钮void Start(){introSysBtn.onClick.AddListener(OnSysIntro);  //添加系统介绍按钮的监听}// 读取txt文本内容的函数public static string ReadTxt(string fileName,string txtFile){string path= "Assets/Resources/" + fileName + "/" + txtFile + ".txt";string content="未读到文件内容";FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read);StreamReader sr = new StreamReader(fs, Encoding.UTF8);if (null == sr)Debug.Log("读取失败");elsecontent = sr.ReadToEnd();sr.Close();return content;}public void OnSysIntro(){//系统介绍按钮introText.text = ReadTxt("introTxt", "01_systemIntro");}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/88613.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

智慧能源助力绿色发展

居民生活是碳排放的重要贡献源,作为居民生活的主要场所,社区是低碳城市建设的重要空间载体。推动低碳社区建设,逐渐打造低碳生活方式,是低碳社会建设的重要内容之一。智慧新能源公共设施助力碳中和,用于各社区改造&…

68、使用aws官方的demo和配置aws服务,进行视频流上传播放

基本思想:参考官方视频,进行了配置aws,测试了视频推流,rtsp和mp4格式的视频貌似有问题,待调研和解决 第一步:1) 进入aws的网站,然后进入ioT Core 2)先配置 Thing types & Thing,选择香港的节点,然后AWS ioT--->Manage---> Thing type 然后输入名字,创建Th…

前端工程化

前后端混合开发 前后端分离开发 接口文档:一个业务功能就是一个接口 开发某个功能的流程: 需求分析,接口定义(API接口文档),前后端并行开发(遵守规范),测试&#xff…

Vue3 Element-plus Upload 上传图片

技术栈:Vue3 Ts Element-plus 官网地址:Upload 上传 | Element Plus 一、背景: 表单上传图片功能 二、效果: 三、流程: ①点击上传图片按钮,系统弹出文件选择对话框,选择图片并确认 ②调…

编绎和优化,脚本代码小米加步枪赶超英法美

编程达人:冰冻牡蛎 测试,总结》》 今有空,继续看了一下竹笋大师几天前提出的“使用for循环查找10亿内可被7整除的数的个数”的题目(相关文件:群文件 10亿以内多少个数字可以整除7.7z ) 1. 论输出的exe大小…

2.3 【MySQL】命令行和配置文件中启动选项的区别

在命令行上指定的绝大部分启动选项都可以放到配置文件中,但是有一些选项是专门为命令行设计的,比方说defaults-extra-file 、 defaults-file 这样的选项本身就是为了指定配置文件路径的,再放在配置文件中使用就没啥意义了。 如果同一个启动选…

数据库集群的简单了解

Update 关于操作的日志 1.0 redo log 读一次写一次 一共2次, 不安全 注意redo log是顺写 而file是随机 所以Mysql做出类似HDFS的操作 行为日志和数据分离,但是不同的是,Mysql在内存中操作修改,如果不出事故,由内存中的行为来直接…

自然语言处理实战项目16- 基于CPU的大语言模型的实战训练全流程指导,模型调优与评估

大家好,我是微学AI,今天给大家介绍一下自然语言处理实战项目16- 基于CPU的生成式大语言模型的实战训练全流程详细讲解,模型调优与评估。该流程涵盖了数据准备、数据预处理、词表构建、模型选择与配置、模型训练、模型调优和模型评估等步骤。通过不断迭代和优化,可以提高模型…

Android——基本控件(下)(二十)

1. 树型组件:ExpandableListView 1.1 知识点 (1)掌握树型组件的定义; (2)可以使用事件对树操作进行监听。 2. 具体内容 既然这个组件可以完成列表的功能,肯定就需要一个可以操作的数据&…

leetcode 567. 字符串的排列(滑动窗口-java)

滑动窗口 字符串的排列滑动窗口代码演示进阶优化版 上期经典 字符串的排列 难度 -中等 leetcode567. 字符串的排列 给你两个字符串 s1 和 s2 ,写一个函数来判断 s2 是否包含 s1 的排列。如果是,返回 true ;否则,返回 false 。 换句…

解决华为云ping不通的问题

进入华为云控制台。依次选择:云服务器->点击服务器id->安全组->更改安全组->添加入方向规则,添加一个安全组规则(ICMP),详见下图 再次ping公网ip就可以ping通了 产生这一问题的原因是ping的协议基于ICMP协…

老年人跌倒智能识别算法 opencv

老年人跌倒智能识别算法通过opencvpython深度学习算法框架模型,老年人跌倒智能识别算法能够及时发现老年人跌倒情况,提供快速的援助和救援措施,保障老年人的安全。Python是一种由Guido van Rossum开发的通用编程语言,它很快就变得…