unity 不规则ui进度条带有圆头效果

2024-08-30 07:52

本文主要是介绍unity 不规则ui进度条带有圆头效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

using System.Collections;
using System.Collections.Generic;
using TMPro;
using UnityEngine;
using UniRx;
using UnityEngine.UI;

public class Temperature : MonoBehaviour
{
public enum TempType
{
///
/// 电机
///
Motor,

    /// <summary>/// 电池/// </summary>Battery
}[SerializeField] private TempType m_TempType;
[SerializeField] private TMP_Text Text_MotorCurrent;
[SerializeField] private TMP_Text Text_MotorHighest;[SerializeField] private Image Image_Current;
[SerializeField] private Image Image_Highest;[SerializeField] private FillAmountPoint _currentFAP;
[SerializeField] private FillAmountPoint _highestFAP;
[SerializeField] private ImageControl _currentIC;// 起点和终点的填充值
private float fillRangeMin = 0.07f;
private float fillRangeMax = 0.94f;private static readonly string TAG = "Temperature";// Start is called before the first frame update
void Start()
{if (m_TempType == TempType.Motor){DataCenter.MotorTemperature.Subscribe(f =>{if (f == DataCenter.UNDEFIND){Text_MotorCurrent.text = "-.-<size=26>\u2103</size>";Image_Current.fillAmount = 0;SetImageValue(Image_Current,0);}else{if (DataCenter.MotorTemperature_Max.Value < f)DataCenter.MotorTemperature_Max.Value = f;float showValue = BM.Snake.Utils.GetLimitValue(f, -30f, 150f);Text_MotorCurrent.text = $"{showValue:F1}<size=26>\u2103</size>";//  温度范围-30~150SetImageValue(Image_Current, (f + 30f) / 180f);}}).AddTo(this);DataCenter.MotorTemperature_Max.Subscribe(f =>{if (f == DataCenter.UNDEFIND){Text_MotorHighest.text = "-.-<size=26>\u2103</size>";Image_Highest.fillAmount = 0;SetImageValue(Image_Highest, 0);}else{float showValue = BM.Snake.Utils.GetLimitValue(f, -30f, 150f);Text_MotorHighest.text = $"{showValue:F1}\u2103";//  温度范围-30~150SetImageValue(Image_Highest, (f + 30f) / 180f);}}).AddTo(this);}else{DataCenter.BatteryTemperature.Subscribe(f =>{if (f == DataCenter.UNDEFIND){Text_MotorCurrent.text = "-.-<size=26>\u2103</size>";Image_Current.fillAmount = 0;SetImageValue(Image_Current, 0);}else{if (DataCenter.BatteryTemperature_Max.Value < f)DataCenter.BatteryTemperature_Max.Value = f;float showValue = BM.Snake.Utils.GetLimitValue(f, -30f, 60f);Text_MotorCurrent.text = $"{showValue:F1}<size=26>\u2103</size>";//  温度范围-30~60SetImageValue(Image_Current, (f + 30f) / 90f);}}).AddTo(this);DataCenter.BatteryTemperature_Max.Subscribe(f =>{if (f == DataCenter.UNDEFIND){Text_MotorHighest.text = "-.-<size=26>\u2103</size>";Image_Highest.fillAmount = 0;SetImageValue(Image_Highest,0);}else{float showValue = BM.Snake.Utils.GetLimitValue(f, -30f, 60f);Text_MotorHighest.text = $"{showValue:F1}\u2103";SetImageValue(Image_Highest, (f + 30f) / 90f);}}).AddTo(this);}
}private void SetImageValue(Image image, float value)
{float pre = Mathf.Lerp(fillRangeMin, fillRangeMax, value);if (Image_Highest == image){if (_highestFAP) { _highestFAP.SetPreImage(pre); }}else if (Image_Current == image){if (_currentFAP) { _currentFAP.SetPreImage(pre); }if (_currentIC) { _currentIC.SetPreImage(pre); }}image.fillAmount = pre;
}

}

这篇关于unity 不规则ui进度条带有圆头效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1120232

相关文章

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

Python中实现进度条的多种方法总结

《Python中实现进度条的多种方法总结》在Python编程中,进度条是一个非常有用的功能,它能让用户直观地了解任务的进度,提升用户体验,本文将介绍几种在Python中实现进度条的常用方法,并通过代码... 目录一、简单的打印方式二、使用tqdm库三、使用alive-progress库四、使用progres

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

使用Python实现生命之轮Wheel of life效果

《使用Python实现生命之轮Wheeloflife效果》生命之轮Wheeloflife这一概念最初由SuccessMotivation®Institute,Inc.的创始人PaulJ.Meyer... 最近看一个生命之轮的视频,让我们珍惜时间,因为一生是有限的。使用python创建生命倒计时图表,珍惜时间

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

防近视护眼台灯什么牌子好?五款防近视效果好的护眼台灯推荐

在家里,灯具是属于离不开的家具,每个大大小小的地方都需要的照亮,所以一盏好灯是必不可少的,每个发挥着作用。而护眼台灯就起了一个保护眼睛,预防近视的作用。可以保护我们在学习,阅读的时候提供一个合适的光线环境,保护我们的眼睛。防近视护眼台灯什么牌子好?那我们怎么选择一个优秀的护眼台灯也是很重要,才能起到最大的护眼效果。下面五款防近视效果好的护眼台灯推荐: 一:六个推荐防近视效果好的护眼台灯的

Golang GUI入门——andlabs ui

官方不提供gui标准库,只好寻求第三方库。 https://github.com/google/gxui 这个gui库是谷歌内部人员提供的,并不是谷歌官方出品,现在停止维护,只好作罢。 第三方gui库 找了好多,也比较了好多,最终决定使用的是还是 https://github.com/andlabs/ui 相信golang gui还会发展的更好,期待更优秀的gui库 由于andlabs

Unity Post Process Unity后处理学习日志

Unity Post Process Unity后处理学习日志 在现代游戏开发中,后处理(Post Processing)技术已经成为提升游戏画面质量的关键工具。Unity的后处理栈(Post Processing Stack)是一个强大的插件,它允许开发者为游戏场景添加各种视觉效果,如景深、色彩校正、辉光、模糊等。这些效果不仅能够增强游戏的视觉吸引力,还能帮助传达特定的情感和氛围。 文档