construyó una palanca

gradio_toggle

Un componente de alternancia que representa un valor booleano y permite a los usuarios cambiar entre los estados Verdadero y Falso. Puede funcionar como entrada, para capturar la interacción del usuario, y como salida, para mostrar un estado booleano.

Instalación

pip install gradio_toggle

Uso

gradio-toggle demo") with gr.Row(): with gr.Column(): input = Toggle( label="Input", value=False, info="Input version of the component", interactive=True, ) with gr.Column(): output = Toggle( label="Output", value=False, color="green", interactive=False, ) input.change(fn=update, inputs=input, outputs=output) if __name__ == "__main__": demo.launch()">

 import gradio as gr
from gradio_toggle import Toggle

def update ( input ):
    output = input
    return output

with gr . Blocks () as demo :
    title = gr . HTML ( "
gradio-toggle demo
" )
    with gr . Row ():
        with gr . Column ():
            input = Toggle (
                label = "Input" ,
                value = False ,
                info = "Input version of the component" ,
                interactive = True ,
            )
        with gr . Column ():
            output = Toggle (
                label = "Output" ,
                value = False ,
                color = "green" ,
                interactive = False ,
            )
        
    input . change ( fn = update , inputs = input , outputs = output )
        
if __name__ == "__main__" :
    demo . launch ()

Toggle

Inicialización

Eventos

nombre	tipo	por defecto	descripción
value	bool | Callable	False	Estado inicial de la palanca. Si se puede invocar, establece el estado inicial dinámicamente cuando se carga la aplicación.
label	str | None
label	cadena | Ninguno	None	Etiqueta de texto que se muestra junto al interruptor. Si es Ninguno y se usa dentro de `gr.Interface`, el valor predeterminado es el nombre del parámetro.
info	cadena | Ninguno	None	Texto que se muestra debajo del interruptor para obtener orientación o información adicional.
color	cadena | Ninguno	None	Configuración de color opcional para alternar, que admite valores de color CSS (por ejemplo, nombres, códigos hexadecimales).
radius	Literal["sm", "lg"]	"lg"	Tamaño del radio del borde utilizado para el estilo de alternancia.
transition	flotar	0.3	Tiempo de transición (en segundos) entre el estado encendido y apagado.
show_label	booleano | Ninguno	None	Si es Verdadero, se muestra la etiqueta; de lo contrario, queda oculto.
container	booleano	True	Si es Verdadero, el interruptor se coloca dentro de un contenedor con estilo para agrupación y relleno visual.
scale	entero | Ninguno	None	Tamaño relativo del interruptor en comparación con los componentes adyacentes cuando se muestra en una fila o bloque.
min_width	entero	160	Ancho mínimo en píxeles que ocupará el interruptor, asegurando que no se reduzca por debajo de este tamaño.
interactive	booleano | Ninguno	None	Si es Verdadero, se puede interactuar con el interruptor; si es falso, está deshabilitado. El comportamiento predeterminado se detecta automáticamente según el uso.
visible	booleano	True	Si es falso, la alternancia no se muestra visiblemente en la interfaz.
elem_id	cadena | Ninguno	None	Identificador opcional para el elemento HTML; Útil para personalizaciones de CSS.
elem_classes	lista[cadena] | cadena | Ninguno	None	Lista opcional de nombres de clases para el elemento HTML; Útil para personalizaciones de CSS.
every	flotador | Ninguno	None	Si el valor es invocable, especifica con qué frecuencia (en segundos) actualizar el valor mientras la interfaz está abierta.
render	booleano	True	Si es False, el componente no se representa inmediatamente, lo que resulta útil para la representación diferida o actualizaciones condicionales de la interfaz de usuario.
key	entero | cadena | Ninguno	None	Si se asigna, se utilizará para asumir la identidad en una nueva representación. Se conservará el valor de los componentes que tengan la misma clave en una nueva renderización.

nombre	descripción
change	Se activa cuando el valor de la palanca cambia debido a la entrada del usuario (por ejemplo, un usuario escribe en un cuadro de texto) O debido a una actualización de función (por ejemplo, una imagen recibe un valor de la salida de un activador de evento). Consulte .input() para conocer un oyente que solo se activa con la entrada del usuario.
input	Este oyente se activa cuando el usuario cambia el valor de alternancia.
select	Oyente de eventos para cuando el usuario selecciona o deselecciona la opción. Utiliza datos de eventos gradio.SelectData para transportar value que hace referencia a la etiqueta del interruptor y selected para hacer referencia al estado del interruptor. Consulte la documentación de EventData sobre cómo utilizar estos datos de eventos.

Función de usuario

El impacto en la función de predicción de los usuarios varía dependiendo de si el componente se utiliza como entrada o salida para un evento (o ambos).

• Cuando se utiliza como entrada, el componente solo afecta la firma de entrada de la función del usuario.
• Cuando se utiliza como salida, el componente solo afecta la firma de devolución de la función del usuario.

El siguiente fragmento de código es preciso en los casos en que el componente se utiliza como entrada y salida.

• Como salida: se pasa el estado de alternancia como un valor booleano.
• Como entrada: debe regresar, el estado de alternancia que se devolverá.

 def predict (
    value : bool | None
) -> bool | None :
    return value