Unity Learning —— 水果忍者界面UI

最新推荐文章于 2025-05-29 14:43:41 发布

henhaoji_123

最新推荐文章于 2025-05-29 14:43:41 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangjun_huster/article/details/72817409

CutFruitDemo

期望结果

解决方案

Canvas（画布）——画布：就是用来绘画的地方，在做图软件中，画布就是位于图层最下方的那一层。
所以UI界面建立的所有内容都是建立在一个画布（Canvas）上的，命名UIStart
画布渲染模式（Render Mode）为随相机、渲染相机设为主相机
画布规模（Canvas Scaler），设为随屏幕分辨率，默认1280*720（手机5.0屏幕分辨率），匹配方式（Match Mode）横屏游戏为width
imgBG（背景图片）：Rect transform（位置大小相关的组件）；Source Image；imgLogo类似
btnPlay（运行按钮）：去掉自带text，位置，原图；btnSound类似
脚本组件：点击事件处理（UIStart——Script）

以点击Play按钮切换到play场景视图为例

using System.Collections;
using System.Collections.Generic;
//引用所需的命名空间
using UnityEngine.UI;
using UnityEngine.SceneManagement;

//获取按钮点击事件，调用事件处理函数
public class UIStart : MonoBehaviour {
    private Button btnPlay;
    void Start( ) {
        GetComponents( );
        btnPlay.onClick.AddListener(onPlayClick);
    }

    void OnDestroy()
    {
        btnPlay.onClick.RemoveListener(onPlayClick);
    } 

    private void GetComponents( )
    {
        btnPlay = transform.Find("btnPlay").GetComponent<Button>( );
    }

    void onPlayClick( )
    {
        SceneManager.LoadScene("play", LoadSceneMode.Single);
    }

点击声音按钮，开启关闭声音，切换图标

基本思路：获取组件、注册事件、调用事件处理函数（借用委托(函数指针））

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.SceneManagement;

public class UIStart : MonoBehaviour {
    //私有属性（变量）用来保存太长的的类对象的属性和方法的引用（我的理解）
    private Button btnPlay;

    private Button btnSound;

    private AudioSource audiosourceBG;

    private Image imgSound;

    //公有属性————组件
    public Sprite[] soundSprites;

    void Start () {
        //获取相应的组件
        getComponents();

        //注册事件并调用事件处理函数
        btnPlay.onClick.AddListener(onPlayClick);

        btnSound.onClick.AddListener(onSoundClick);
    }

    private void getComponents()
    {
        btnPlay = transform.Find("btnPlay").GetComponent<Button>();

        btnSound = transform.Find("btnSound").GetComponent<Button>();

        audiosourceBG = transform.Find("btnSound").GetComponent<AudioSource>();

        imgSound = transform.Find("btnSound").GetComponent<Image>();
    }

    //定义Play按钮点击事件处理函数
    void onPlayClick()
    {
        SceneManager.LoadScene("play", LoadSceneMode.Single);
    }

    void onSoundClick()
    {

        if (audiosourceBG.isPlaying)
        {
            audiosourceBG.Pause();
            imgSound.sprite = soundSprites[1];
        } else {
            audiosourceBG.Play();
            imgSound.sprite = soundSprites[0];
        }
    }
}