unity图片`fillAmount`填充方法

news/2024/11/30 22:22:38/

前言

在Unity中,Image是一种用于显示2D图像的组件,而fillAmount属性则是Image组件中一个非常常用的属性之一,用于控制图片填充的比例。在这篇文章中,我们将会介绍fillAmount属性的详细用法。

介绍

fillAmount属性是Image组件中的一个实数类型属性,用于控制图片填充的比例。该属性的取值范围在0到1之间,表示填充图案的占比,0表示没有填充,1表示完全填充。

方法

fillAmount属性的使用非常简单,只需要将其设置为一个介于0到1之间的实数即可,例如:

using UnityEngine;
using UnityEngine.UI;public class Example : MonoBehaviour
{public Image myImage;void Start(){myImage.fillAmount = 0.5f;}
}

在上述代码中,我们首先定义了一个Image类型的变量myImage,然后在Start方法中设置了myImagefillAmount属性为0.5。这样,当该脚本被加载时,myImage的填充图案就会显示一半。

需要注意的是,当我们设置fillAmount属性时,如果该属性的值小于0,则图片将不会被填充;如果该属性的值大于1,则图片将被完全填充。

举例子

例子1:进度条

一个常见的应用场景是制作一个进度条(ProgressBar),用于显示某个任务的完成进度。我们可以使用fillAmount属性来实现这个功能。以下是一个简单的例子:

using UnityEngine;
using UnityEngine.UI;public class ProgressBar : MonoBehaviour
{public Image fillImage;public void SetProgress(float progress){fillImage.fillAmount = progress;}
}

在上述代码中,我们首先定义了一个Image类型的变量fillImage,然后定义了一个名为SetProgress的方法,该方法接受一个浮点数类型的参数progress,用于设置进度条的填充比例。在SetProgress方法中,我们将progress参数的值赋给fillImagefillAmount属性,从而实现了进度条的功能。

例子2:倒计时

另一个常见的应用场景是制作一个倒计时(Countdown)功能,用于倒计时某个任务的剩余时间。以下是一个简单的例子:

using UnityEngine;
using UnityEngine.UI;public class Countdown : MonoBehaviour
{public Image fillImage;public float totalTime = 10;private float remainingTime;void Start(){remainingTime = totalTime;}void Update(){remainingTime -= Time.deltaTime;fillImage.fillAmount = remainingTime / totalTime;if (remainingTime <= 0){//倒计时结束}}
}

在上述代码中,我们首先定义了一个Image类型的变量fillImage,以及一个浮点数类型的变量totalTime,表示倒计时的总时间。在Start方法中,我们将remainingTime变量初始化为totalTime,表示剩余时间为总时间。在Update方法中,我们使用Time.deltaTime来计算每一帧的时间差,从而计算出剩余时间。然后,我们将剩余时间除以总时间,得到当前的填充比例,并将其赋给fillImagefillAmount属性。当剩余时间小于等于0时,表示倒计时结束,我们可以在该代码块中执行倒计时结束的操作。


http://www.ppmy.cn/news/314622.html

相关文章

Unet项目解析(6): 图像分块、整合 / 数据对齐、网络输出转成图像

项目GitHub主页&#xff1a;https://github.com/orobix/retina-unet 参考论文&#xff1a;Retina blood vessel segmentation with a convolution neural network (U-net) 1. 训练数据 1.1 训练图像、训练金标准随机分块 主代码&#xff1a; # 训练集太少&#xff0c;采用分…

openmv学习之旅②之色块追踪算法的改善

大家好&#xff0c;我是杰杰。 实在不好意思&#xff0c;最近比较忙&#xff0c;之前说的连载现在才更新出来。 从上一篇openmv的学习中openmv学习之旅①我们可以很简单运用micropython在openmv上做我们想做的事情。 Python这个东西用起来是很简单的&#xff0c;&#xff0c;…

诺基亚智能手机与NFC功能推出

诺基亚智能手机与NFC功能推出 我收到了我长达十年的朋友威乐Makinnen谁出席推出三款全新的诺基亚智能手机分别是700,701和600 8月24日其在Symbian上运行的所有代号为百丽的电话。诺基亚700仅重96gm&#xff0c;并在110 X 50.7点x9.7毫米它不仅是诺基亚在塞班范围最小巧的智能手…

诺基亚X3兴奋

诺基亚X3兴奋 多年来&#xff0c;诺基亚一直被认为是产生对高端品质和用户友好的移动电话的领先的手机制​​造商。对于每一个诺基亚洁具你会购买&#xff0c;你会放心的无与伦比的质量和功能。 的宗旨&#xff0c;以填补客户的需求越多&#xff0c;诺基亚已经推出了另一种手机…

应用层下的人脸识别(一):图像获取

本文为大家总结了人脸识别技术在安防领域应用的完整流程&#xff0c;以及产品设计的细节。其中包括&#xff1a;如何获取最佳图像&#xff0c;如何进行设备对接等经验。 图像获取是人脸识别的第一步&#xff0c;人脸识别项目中图像来源主要依靠各类监控相机&#xff0c;图像质量…

使用手机作单反相机的遥控器

2019独角兽企业重金招聘Python工程师标准>>> 你的相机用什么方式取景&#xff1f;液晶显示器&#xff1f;光学取景器&#xff1f;还是电子取景器&#xff1f;我们今天要介绍的就是颠覆大部分人使用习惯的一种取景方式&#xff0c;用手机的液晶屏取 景。这里我们要用…

加载图片节省内存的方法

加载图片节省内存1&#xff0c;在Image Views中调整图片大小如果要在UIImageView中显示一个来自bundle的图片&#xff0c;应该保证图片的大小和UIIimageView的大小是相同的&#xff0c;在运行中缩放图片是很消耗资源的&#xff0c;特别是UIImageView嵌套在UIScrollView中的情况…

设置通知栏的背景颜色或全幅背景

1. 效果图 2. 在xml布局中添加一个背景图片 , 这里就不贴代码了 3. 在MainActivity中添加如下代码 protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);translucentStatusBar(this, false);}sta…