unity icon 显示不出来 unity游戏图标

admin2024-05-30  21


Ruby's Adventrue游戏制作笔记(十三)Unity血条UI的显示

  • 前言
  • 一、创建一个UI
  • 二、在HeadFrame中创建两个新的UI Image
  • 三、添加脚本
  • 系列链接



前言

本文章是我学习Unity官方项目项目所做笔记,作为学习Unity的游戏笔记,在最后一章会发出源码,如果等不及可以直接看源码,里面也有很多注释相关,话不多说,让Ruby动起来!
游戏引擎:Unity2020.3

一、创建一个UI

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_ruby,第1张

将UI图片拖入

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity_02,第2张

点击

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_ruby_03,第3张

按住Shift,拖动图片调整大小

选择锚点,此时按住alt键

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity_04,第4张

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity icon 显示不出来_05,第5张

设置画布会随着分辨率改变而改变ui大小

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity_06,第6张

二、在HeadFrame中创建两个新的UI Image

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_ui_07,第7张

一个存放头像,一个存放血条

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_ruby_08,第8张

将血条的Image Type 调整为Filled,设置Fill method 为 horizontal

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_Ruby_09,第9张

此时调整fill Amount 就会改变血条长度

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_Ruby_10,第10张

三、添加脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
// UI管理脚本

public class UImanager : MonoBehaviour
{
    // 创建静态方法,单例模式
    public static UImanager instance
    {
        get;
        private set;
    }

    private void Awake()
    {
        instance = this;    
    }
    public Image healthBar; // 角色血条


    // 更新血条
    public void UpdateHealthBar(int curAmount, int maxAmount)
    {
        healthBar.fillAmount = (float)curAmount / (float)maxAmount;
    }


}

改变改变血量时候的函数

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity_11,第11张

创建一个空的OBJECT,将UI拖入

unity icon 显示不出来 unity游戏图标,unity icon 显示不出来 unity游戏图标_unity icon 显示不出来_12,第12张

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!