Combinación de casilla de verificación FairyGUI y barra de progreso

Combinación de casilla de verificación FairyGUI y barra de progreso

1. Preparación

1. Nuevo paquete ProgressBar

可以在上一个案例的基础上接着新建包。

inserte la descripción de la imagen aquí

2. Crear un nuevo componente

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

3. Material de importación

Click aquí para descargar material
inserte la descripción de la imagen aquí

2. Barra de progreso

1. Nueva barra de progreso

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

2. Afina la barra de progreso

inserte la descripción de la imagen aquí

3. La barra de progreso sigue la animación en ejecución.

Para que la barra de progreso sea menos monótona, puede agregarle una animación. Al estirar la barra de progreso, la ardilla se mueve hacia la derecha a medida que aumenta la barra de progreso. Es decir, hay un efecto de ejecución, que se ve más vívido.

establecer asociación
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

Tres, el cuadro desplegable

1. Nuevo cuadro desplegable

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

2. Configure el cuadro desplegable

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

3. El efecto de finalización del cuadro desplegable

inserte la descripción de la imagen aquí

4. Paquete y liberación

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

5. Visualización en Unity

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

6. Implementación de codificación

inserte la descripción de la imagen aquí

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;
using System;

public class ProgressBar : MonoBehaviour
{
    
    
    private GComponent mainUI;
    private GProgressBar progressBar;
    private GComboBox comboBox;
    void Start()
    {
    
    
        mainUI = GetComponent<UIPanel>().ui;
        progressBar = mainUI.GetChild("n0").asProgress;
        progressBar.TweenValue(100, 5);  //100是要加载的进度,5是需要花费的时间
        comboBox = mainUI.GetChild("n4").asComboBox;
        comboBox.onChanged.Add(SetCompleteTime);
    }

    private void SetCompleteTime()
    {
    
    
        progressBar.value = 0;  //每次重新加载将它的进度设置为0
        progressBar.TweenValue(100, Convert.ToInt32(comboBox.value));
    }
}

Siete, el efecto final

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_46649692/article/details/117149065
Recomendado
Clasificación