Unity—UGUI

news2024/12/27 1:26:01

每日一句:读数、学习 去更远的地方,才能摆脱那些你不屑一顾的圈子

目录

InputFiled输入框

例:用户名和密码

Toggle组件

案例:冷却效果


InputFiled输入框

 

Text Component 输入文本组件

Text输入内容

Character Limit 输入字符限制,0不限制

Content Type输入文本内容类型

{Standard 允许所有输入

Autocorrected

Integer Number十进制

Alphanumeric字母A-Z,a-z,0-9

Name 强制每个单词首字母大写

Email Address

Password所有输入将其显示为星号

Pin允许整数将其显示为星号

}

Placeholder提示本文组件

Caret Blink Rate光标闪烁频率

Caret Width光标宽度

Custom Caret Color是否自定义光标颜色

Selection Color选中文本的颜色

例:用户名和密码

 

public class Loading : MonoBehaviour

{

    public InputField username;

    public InputField passward;

    public GameObject tip;

    public GameObject message;

    public void LoadNext()

    {

        string user = username.text;

        string pass = passward.text;

        if(user=="gloriously"&&pass=="20030126")

        {

            SceneManager.LoadScene(1);

            message.SetActive(true);

        }

        else

        {

            tip.SetActive(true);

            //若输入错误提示信息,两分钟后消失

            StartCoroutine(Hidetip());

        }

    }

    IEnumerator Hidetip()

    {

        yield return new WaitForSeconds(2);

        tip.SetActive(false);

    }

    

}

Toggle组件

切换按钮

把两个Toggle放在一个空物体里,在空物体上加Toggle Group组件

 

 

Slider——Image Type

{Simple 会等比例被拉伸

slider 边框不会被拉伸(先将图片变为九宫格切片,有边框才会受影响)

Tiled平铺

Filled填充[主要是形式]}

Outline组件 ——边框

Shadow组件——给字体添加阴影

案例:冷却效果

 

public class Skill : MonoBehaviour

{

    float coldTime = 2;//冷却时间

    private float timer = 0;

    private bool isCold = false;

    private Image coldMask;

    // Start is called before the first frame update

    //两张图片形成父子物体,子物体:攻击冷却图片,父物体挂载button

    void Start()

    {

        coldMask = transform.Find("ColdMask").GetComponent<Image>();

    }



    // Update is called once per frame

    void Update()

    {

        if(isCold)

        {

            timer += Time.deltaTime;

            coldMask.fillAmount = (coldTime - timer) / coldTime;

        }

        if(timer>coldTime)

        {

            isCold = false;

            coldMask.fillAmount = 0;

            timer = 0;

        }

    }

    public void OnSkillClick()

    {

        if(isCold==false)//点击按钮开始攻击,开始缓解冷却,

        {

            isCold = true;

            timer = 0;

            coldMask.fillAmount = 1;//完全冷却

        }

    }

}

Mask遮罩  需要框的Image有颜色,想要不显示背景,show Mask Graphic不勾

控制滑动列表到最近的页面,当拖拽结束那一刻,检测位置离那个页面近

 

private ScrollRect scroll;

    private float[] pagePosition = new float[4] { 0, 0.33f, 0.66f, 1 };

    void Start()

    {

        scroll = GetComponent<ScrollRect>();       

    }

    private float targetPosition = 0;

    private bool isMove = false;

    public Toggle[] toggleArray;

    public void EndDragDemo()

    {

        float currentPosition = scroll.horizontalNormalizedPosition;

        int index = 0;

        float offset = currentPosition - pagePosition[0];

        for (int i = 1; i < 4; i++)

        {

            if (Mathf.Abs(currentPosition - pagePosition[i]) < offset)

            {

                index = i;

                offset = Mathf.Abs(currentPosition - pagePosition[i]);

            }

        }

        Debug.Log("aaa");

        targetPosition = pagePosition[index];

        isMove = true;

        toggleArray[index].isOn = true;

        //scroll.horizontalNormalizedPosition = pagePosition[index];

    }

    void Update()

    {

        if (isMove)

        {

            scroll.horizontalNormalizedPosition = Mathf.Lerp(scroll.horizontalNormalizedPosition, targetPosition, Time.deltaTime * 6);

            if (Mathf.Abs(scroll.horizontalNormalizedPosition - targetPosition) < 0.001f)

            {

                isMove = false;

                scroll.horizontalNormalizedPosition = targetPosition;

            }

        }

    }

    public void MoveTopage1(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[0];

        }

    }

    public void MoveTopage2(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[1];

        }

    }

    public void MoveTopage3(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[2];

        }

    }

    public void MoveTopage4(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[3];

        }

}

通过页面按钮控制滚动列表跳转

 

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

宝塔后渗透-添加用户_反弹shell

更新时间&#xff1a;2022年11月21日 1. 背景介绍 对于想拿到bt后台来说&#xff0c;非常的艰难&#xff1a;无非是通过bypass之后提权&#xff0c;直接拿到服务器的root权限&#xff0c;然后再去宝塔后台。 当然&#xff0c;还有一种运气十分爆棚的方法&#xff1a;发现了b…

Qt的Q_UNUSED()函数的功能

目录Qt Assistant&#xff08;Qt 助手&#xff09;构建场景其他一些平替方法参考Qt Assistant&#xff08;Qt 助手&#xff09; 函数名直译过来是【不用的&#xff1b;从未用过的】。 碰到陌生的函数不要慌&#xff0c;直接Qt Assistant查一哈。 Q_UNUSED(name) Indicates to …

负载均衡器 OpenELB ARP 欺骗技术解析

作者&#xff1a;大飞哥&#xff0c;视源电子运维工程师&#xff0c;KubeSphere 用户委员会广州站站长&#xff0c;KubeSphere Ambassador。 K8S 对集群外暴露服务有三种方式&#xff1a;NodePort&#xff0c;Ingress 和 Loadbalancer。NodePort 用于暴露 TCP 服务(4 层)&#…

基于5G智能网关的水泵远程监控系统方案

方案背景 水泵作为一种常见的水务设备&#xff0c;在日常的生产、生活中发挥重要的作用。为了保证生产、生活用水&#xff0c;也为了预防异常天气带来的过度降水&#xff0c;水泵具备的供水、排水作用都是不可忽视的。然而&#xff0c;很多地区的水泵管理模式依然停留在专人看…

毕业设计-基于机器视觉的手写字识别系统

目录 前言 课题背景和意义 实现技术思路 实现效果图样例 前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后面临的就业升学做准备,一边要为毕业设计耗费大量精力。近几年各个学校要求的毕设项目越来越难,有不少课题是研究生级别难度的,对本科…

变焦镜头内参数如何获得?

很多时候,我们是使用相应的棋盘格标定进行相机内参数的获取,但是对于相机而言,如果要是焦距范围是测量比较远的物体,那么我们要进行注意相应的内参数就是不能够使用棋盘格标定法进行获取,因为不准. 由于项目的需要,这里我就是需要进行探究一下,如何通过自己调试直接设定内参数…

CSS 实现卡片边框渐变动画

前言 &#x1f44f;CSS实现卡片边框渐变动画&#xff0c;速速来Get吧~ &#x1f947;文末分享源代码。记得点赞关注收藏&#xff01; 1.实现效果 2.实现步骤 父容器添加背景渐变色 <div class"card"></div>.card {background: linear-gradient(0deg, …

Tensorboader图片和模型可视化

非常简单&#xff0c;10分钟搞懂1 Tensorboader介绍2 进行写入和运行&#xff08;共2步&#xff09;3 图像显示3.1 显示图片3.2 显示模型3.3 动态显示学习率等参考文献1 Tensorboader介绍 它就是1个可视化工具&#xff0c;需要用pip进行下载&#xff1b; 下载以后进行显示&a…

SpringCloud框架(三):微服务优化,Feign的最佳实现方案

SpringCloud环境搭建&#xff1a;生产和消费 RestTemplate Spring章节复习已经过去&#xff0c;新的章节SpringCloud开始了&#xff0c;这个章节中将会回顾微服务相关 主要依照以下几个原则 每一个组件的Demo和Coding上传到我的代码仓库在原有基础上加入一些设计模式&#xf…

数据结构与算法之图的应用

一.树之习题选讲-Tree Traversals Again 树习题-TTA.1 题意理解 非递归中序遍历的过程 1. Push的顺序为先序遍历(pre)2. Pop的顺序给出中序遍历(in) 树习题-TTA.2 核心算法 上图分别是先序、中序、后序遍历通过规律我们可以看到他们之间的位置分配 //伪代码 void solve(int …

Zabbix在X86服务器上的部署流程

服务器资源:Centos7、X86架构 部署zabbix服务端 #设置SELinux 成为permissive模式临时关闭selinux防火墙 setenforce 0 #获取zabbix的下载源和更换阿里源 https://mirrors.aliyun.com/zabbix/zabbix/5.0/rhel/7/x86_64/zabbix-release-5.0-1.el7.noarch.rpm #解压zabbix包 …

探花交友_第4章_MongoDB基础(新版)

探花交友_探花交友_第4章_MongoDB基础(新版) 文章目录探花交友_探花交友_第4章_MongoDB基础(新版)课程介绍1. 通用设置1.1 需求分析1.1.1 需求分析1.1.2 数据库表1.1.3 实体类SettingsQuestionBlackList1.2 查询通用设置1.2.1 接口文档1.2.2 代码实现vo对象tanhua-app-serverSe…

易知微11月更新速递 | 预案集如何实现“一屏多端”联动指挥体系

伴随着“2022Easy Future秋季产品发布会”的举行&#xff0c;易知微也迎来了EasyV6.0的全新升级&#xff0c;通过新产品、新服务&#xff0c;助力实现一个能“数智视融合&#xff0c;虚实人联动”的数字增强世界。近一个月我们依旧奋力于产品迭代优化&#xff0c;又给大家带来了…

留学生Paper写作怎么进行深度解析?

对于留学生Paper而言&#xff0c;要想文章显得井井有条&#xff0c;逻辑结构在这个时候就显得很重要&#xff01;为什么这样说呢&#xff1f;首先我们要认识到一点&#xff0c;就是Paper必须做到内容和形式上统一。内容就是文章的主题和材料&#xff0c;形式是指逻辑结构和语言…

视觉小目标检测论文速读

视觉小目标检测论文速读 本文主要针对三篇文章典型文章。 一. SuperYOLO Super Resolution Assisted Object Detection in Multimodal Remote Sensing Imagery 1. 主要工作: 首先去掉Focus模块取保持HR特征, 避免分辨率下降&#xff0c;有效克服小目标空间损失的减少。利…

(一) SpringCloud+Security+Oauth2微服务授权初步认识

一 引言 再前面的security专题中 我们学习了单体架构基于SpringSecurity实现的授权方案,这种在业务量较小及业务的复杂度较低时比较实用,随着业务的复杂度越来越高,微服务架构也越来越被更多的公司使用&#xff0c;本文就微服务中的主流授权方案及oauth2中基本概念做简要概述。…

厨神之蛋糕制作

失败了7次&#xff0c;成功了6次。成功的6次里有好有坏&#xff0c;总结一下蛋糕制作的过程与要点。 原料 低筋面粉&#xff08;筋度越高越偏向包子馒头的口感&#xff0c;松软度越低&#xff09;、白糖、鸡蛋、水&#xff08;也可以用牛奶或其他含水的物质&#xff09;、食用…

多目slam论文阅读系列一:MULTICOL-SLAM论文阅读

论文地址&#xff1a;https://arxiv.org/pdf/1610.07336.pdf 代码&#xff1a;GitHub - urbste/MultiCol-SLAM: This repository contains a multi-fisheye camera SLAM. The underlying SLAM system is based on ORB-SLAM.参考文档&#xff1a;【算法】跑MultiCol-SLAM遇到的效…

Java小区物业管理系统源码带本地搭建教程

技术架构 技术框架&#xff1a;springboot mybatis thymeleaf Mysql5.7 运行环境&#xff1a;jdk8 IntelliJ IDEA maven 宝塔面板 本地搭建教程 1.下载源码&#xff0c;本地电脑新建一个数据库&#xff0c;导入wuye.sql文件至数据库中。 2.使用IDEA打开wuyeadmin目录&…

web随想笔记

1 OJ大概架构 1.0 OJ页面–>WEB服务器&#xff08;SpringBoot&#xff09;–>判题机(Linux) OJ页面将提交的代码封装成json格式发给web服务器端&#xff0c;服务器端接收json获取信息&#xff0c;进行进一步封装&#xff0c;转发给判题机&#xff0c;拆解json数据获得程…