Un estudio completo de la detección de rayos físicos en la línea de comandos en Linux [Teoría]

1. ¿Qué es el componente Esquema?

El componente Esquema es un componente de efectos especiales en Unity UGUI, que se utiliza para agregar efectos de trazo a los elementos de la interfaz de usuario. Al configurar el color, el ancho y el desenfoque del trazo, puedes hacer que los elementos de la interfaz de usuario sean más prominentes visualmente.

2. Cómo funciona el componente Esquema

El componente Esquema logra el efecto de trazo dibujando múltiples elementos de la interfaz de usuario idénticos alrededor de los elementos de la interfaz de usuario y configurando diferentes colores y tamaños. El ancho y el desenfoque del trazo se pueden controlar ajustando los parámetros.

3. Propiedades comunes del componente Esquema

• Color del efecto : El color del trazo.
• Distancia del efecto : la distancia del trazo, que se puede establecer en un valor positivo o negativo.
• Usar alfa gráfico : si se debe usar la transparencia de los elementos de la interfaz de usuario como la transparencia del trazo.
• Desenfoque : El grado de desenfoque del trazo.
• Contorno : El ancho del trazo.

4. Funciones comunes del componente Esquema

• ModifyMesh : modifica la malla de los elementos de la interfaz de usuario y úsala para dibujar efectos de trazo.

5. Código de ejemplo completo

Ejemplo 1: agregar un trazo rojo a un botón

using UnityEngine;
using UnityEngine.UI;

public class Example1 : MonoBehaviour
{
    public Button button;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.red;
        outline.effectDistance = new Vector2(2, -2);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 5;
    }
}

Pasos:

1. Cree un botón y monte el script Ejemplo1 en el botón.
2. Arrastre el componente Esquema del botón a la variable de esquema del script Ejemplo1.
3. En la función Inicio, establezca los atributos del contorno, incluidos effectColor, effectDistance, useGraphicAlpha, desenfoque y contorno.

Precauciones:

• Puede ajustar el color, la distancia, la transparencia, el desenfoque y el ancho del trazo según sea necesario.

Ejemplo 2: agregar un trazo azul al texto

using UnityEngine;
using UnityEngine.UI;

public class Example2 : MonoBehaviour
{
    public Text text;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.blue;
        outline.effectDistance = new Vector2(1, -1);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 3;
    }
}

Pasos:

1. Cree un objeto de texto y monte el script Ejemplo2 en el objeto de texto.
2. Arrastre el componente Esquema del objeto de texto a la variable de esquema del script Ejemplo2.
3. En la función Inicio, establezca los atributos del contorno, incluidos effectColor, effectDistance, useGraphicAlpha, desenfoque y contorno.

Precauciones:

• Puede ajustar el color, la distancia, la transparencia, el desenfoque y el ancho del trazo según sea necesario.

Ejemplo 3: agregar un trazo verde a una imagen

using UnityEngine;
using UnityEngine.UI;

public class Example3 : MonoBehaviour
{
    public Image image;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.green;
        outline.effectDistance = new Vector2(3, -3);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 7;
    }
}

Pasos:

1. Cree un objeto de imagen y monte el script Ejemplo3 en el objeto de imagen.
2. Arrastre el componente Esquema del objeto de imagen a la variable de contorno del script Ejemplo3.
3. En la función Inicio, establezca los atributos del contorno, incluidos effectColor, effectDistance, useGraphicAlpha, desenfoque y contorno.

Precauciones:

• Puede ajustar el color, la distancia, la transparencia, el desenfoque y el ancho del trazo según sea necesario.

Ejemplo 4: agregar un trazo amarillo al control deslizante

using UnityEngine;
using UnityEngine.UI;

public class Example4 : MonoBehaviour
{
    public Slider slider;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.yellow;
        outline.effectDistance = new Vector2(2, -2);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 5;
    }
}

Pasos:

1. Cree un objeto deslizante y monte el script Ejemplo4 en el objeto deslizante.
2. Arrastre el componente Esquema del objeto deslizante a la variable de contorno del script Ejemplo4.
3. En la función Inicio, establezca los atributos del contorno, incluidos effectColor, effectDistance, useGraphicAlpha, desenfoque y contorno.

Precauciones:

• Puede ajustar el color, la distancia, la transparencia, el desenfoque y el ancho del trazo según sea necesario.

Ejemplo 5: agregar un trazo morado al cuadro de entrada

using UnityEngine;
using UnityEngine.UI;

public class Example5 : MonoBehaviour
{
    public InputField inputField;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.magenta;
        outline.effectDistance = new Vector2(1, -1);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 3;
    }
}

Pasos:

1. Cree un objeto de cuadro de entrada y monte el script Ejemplo5 en el objeto de cuadro de entrada.
2. Arrastre el componente Esquema del objeto del cuadro de entrada a la variable de esquema del script Ejemplo5.
3. En la función Inicio, establezca los atributos del contorno, incluidos effectColor, effectDistance, useGraphicAlpha, desenfoque y contorno.

Precauciones:

• Puede ajustar el color, la distancia, la transparencia, el desenfoque y el ancho del trazo según sea necesario.