Unity学习之UI设计笔记

最新推荐文章于 2025-06-03 16:39:12 发布

Test_hh112

最新推荐文章于 2025-06-03 16:39:12 发布

阅读量933

点赞数 1

CC 4.0 BY-SA版权

分类专栏：编程语言

本文链接：https://blog.youkuaiyun.com/Test_tju/article/details/88783301

引入素材图片
点击引入的图片，设置Texture Type为Sprite(2D and UI)，用于2D游戏界面显示。
在这里插入图片描述
Image的四种类型
新建UI->Image，在Image Type中有4个类型:Simple，Sliced，Tiled，Filled
Simple：普通的图片显示。
Sliced：切片模式，主要用于拉伸时防止边界失真。点击上图的Sprite Editor，设置绿线边界，则在拉伸时，只绿色框外的部分可以避免失真。
Tiled：平铺模式，拉伸后会平铺原图像。
Filled：填充显示模式，可以旋转90、180、360度角填充，或水平、垂直填充，效果类似于Slice进度条。例如，360度角填充可以应用与技能冷却特效上。

技能冷却效果设计
原理是控制图片的Fill Amount属性，直接代码

    public float coldtime = 2;
    public KeyCode keycode;
    private float timer = 0;
    private Image filledImage;
    private bool isStartTimer = false;

	void Start () {
        filledImage = transform.Find("FilledImage").GetComponent<Image>();
	}
	
	void Update () {
        if (Input.GetKeyDown(keycode))
        {
            isStartTimer = true;
        }
        if (isStartTimer)
        {
            tim