gradio toggle

gradio_toggle

Um componente de alternância que representa um valor booleano, permitindo aos usuários alternar entre os estados True e False. Pode funcionar tanto como entrada, para capturar a interação do usuário, quanto como saída, para exibir um estado booleano.

Instalação

pip install gradio_toggle

Uso

 import gradio as gr
from gradio_toggle import Toggle

def update ( input ):
    output = input
    return output

with gr . Blocks () as demo :
    title = gr . HTML ( "<h1><center>gradio-toggle demo</center></h1>" )
    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

Inicialização

Eventos

nome	tipo	padrão	descrição
value	bool | Callable	False	Estado inicial da alternância. Se puder ser chamado, ele define o estado inicial dinamicamente quando o aplicativo é carregado.
label	str | None
label	| Nenhum	None	Etiqueta de texto exibida adjacente ao botão de alternância. Se None e usado em um `gr.Interface`, o padrão é o nome do parâmetro.
info	| Nenhum	None	Texto exibido abaixo do botão de alternância para orientação ou informações adicionais.
color	| Nenhum	None	Configuração de cor opcional para alternância, suportando valores de cores CSS (por exemplo, nomes, códigos hexadecimais).
radius	Literal["sm", "lg"]	"lg"	Tamanho do raio da borda usado para o estilo de alternância.
transition	flutuador	0.3	Tempo de transição (em segundos) entre o estado ligado e desligado.
show_label	bool | Nenhum	None	Se True, o rótulo será exibido; caso contrário, ele estará oculto.
container	bool	True	Se for True, a alternância será colocada em um contêiner estilizado para agrupamento visual e preenchimento.
scale	interno | Nenhum	None	Dimensionamento relativo da alternância em comparação com componentes adjacentes quando exibido em uma linha ou bloco.
min_width	interno	160	Largura mínima em pixels que a alternância ocupará, garantindo que não diminua abaixo desse tamanho.
interactive	bool | Nenhum	None	Se True, a alternância pode ser interagida; se for falso, está desabilitado. O comportamento padrão é detectado automaticamente com base no uso.
visible	bool	True	Se for falso, a alternância não será renderizada visivelmente na interface.
elem_id	| Nenhum	None	Identificador opcional para o elemento HTML; útil para personalizações CSS.
elem_classes	lista[str] | | Nenhum	None	Lista opcional de nomes de classes para o elemento HTML; útil para personalizações CSS.
every	flutuar | Nenhum	None	Se value puder ser chamado, especifica com que frequência (em segundos) atualizar o valor enquanto a interface estiver aberta.
render	bool	True	Se for falso, o componente não será renderizado imediatamente, o que é útil para renderização adiada ou atualizações condicionais da interface do usuário.
key	interno | | Nenhum	None	Se atribuído, será usado para assumir a identidade em uma nova renderização. Os componentes que possuem a mesma chave em uma nova renderização terão seu valor preservado.

nome	descrição
change	Disparado quando o valor da alternância muda devido à entrada do usuário (por exemplo, um usuário digita em uma caixa de texto) OU devido a uma atualização de função (por exemplo, uma imagem recebe um valor da saída de um gatilho de evento). Consulte .input() para um ouvinte que só é acionado pela entrada do usuário.
input	Este ouvinte é acionado quando o usuário altera o valor da alternância.
select	Ouvinte de eventos para quando o usuário seleciona ou desmarca a alternância. Usa dados de evento gradio.SelectData para transportar value referente ao rótulo da alternância e selected para se referir ao estado da alternância. Consulte a documentação do EventData sobre como usar esses dados de evento

Função do usuário

O impacto na função de previsão dos usuários varia dependendo se o componente é usado como entrada ou saída para um evento (ou ambos).

• Quando usado como entrada, o componente afeta apenas a assinatura de entrada da função do usuário.
• Quando usado como saída, o componente impacta apenas a assinatura de retorno da função do usuário.

O trecho de código abaixo é preciso nos casos em que o componente é usado como entrada e saída.

• Como saída: É passado o estado de alternância como um valor booleano.
• Como entrada: Deve retornar o estado de alternância a ser retornado.

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