gradio_toggle
Компонент переключения, представляющий логическое значение, позволяющий пользователям переключаться между состояниями True и False. Может функционировать как входные данные для фиксации взаимодействия с пользователем и как выходные данные для отображения логического состояния.
pip install gradio_toggle
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
имя | тип | по умолчанию | описание |
---|---|---|---|
value | bool | Callable | False | Исходное состояние переключателя. Если его можно вызвать, он динамически устанавливает начальное состояние при загрузке приложения. |
label | str | None | ||
label | ул | Никто | None | Текстовая метка отображается рядом с переключателем. Если None и используется в gr.Interface, по умолчанию используется имя параметра. |
info | ул | Никто | None | Текст, отображаемый под переключателем, содержит дополнительные рекомендации или информацию. |
color | ул | Никто | None | Дополнительная настройка цвета для переключателя, поддерживающая значения цвета CSS (например, имена, шестнадцатеричные коды). |
radius | Буквальный["см", "лг"] | "lg" | Размер радиуса границы, используемого для стиля переключения. |
transition | плавать | 0.3 | Время перехода (в секундах) между включенным и выключенным состоянием. |
show_label | бул | Никто | None | Если True, метка отображается; в противном случае оно скрыто. |
container | логическое значение | True | Если задано значение True, переключатель помещается в стилизованный контейнер для визуальной группировки и заполнения. |
scale | интервал | Никто | None | Относительный размер переключателя по сравнению с соседними компонентами при отображении в строке или блоке. |
min_width | интервал | 160 | Минимальная ширина в пикселях, которую будет занимать переключатель, чтобы он не уменьшался ниже этого размера. |
interactive | бул | Никто | None | Если True, с переключателем можно взаимодействовать; если значение равно False, оно отключено. Поведение по умолчанию определяется автоматически в зависимости от использования. |
visible | логическое значение | True | Если значение равно False, переключатель не отображается в интерфейсе. |
elem_id | ул | Никто | None | Необязательный идентификатор HTML-элемента; полезно для настройки CSS. |
elem_classes | список[стр] | ул | Никто | None | Необязательный список имен классов для элемента HTML; полезно для настройки CSS. |
every | плавать | Никто | None | Если значение является вызываемым, указывает, как часто (в секундах) обновлять значение, пока интерфейс открыт. |
render | логическое значение | True | Если значение равно False, компонент не отображается немедленно, что полезно для отложенной визуализации или условных обновлений пользовательского интерфейса. |
key | интервал | ул | Никто | None | Если назначено, будет использоваться для присвоения идентичности при повторном рендеринге. Компоненты, имеющие один и тот же ключ при повторной отрисовке, сохранят свое значение. |
имя | описание |
---|---|
change | Срабатывает, когда значение переключателя изменяется либо из-за пользовательского ввода (например, пользователь вводит текстовое поле), ИЛИ из-за обновления функции (например, изображение получает значение из выходных данных триггера события). См. .input() для прослушивателя, который запускается только по пользовательскому вводу. |
input | Этот прослушиватель срабатывает, когда пользователь меняет значение переключателя. |
select | Прослушиватель событий, когда пользователь выбирает или отменяет выбор переключателя. Использует данные события gradio.SelectData для переноса value ссылающегося на метку переключателя, и selected для ссылки на состояние переключателя. См. документацию EventData о том, как использовать эти данные о событии. |
Влияние на функцию прогнозирования пользователей варьируется в зависимости от того, используется ли компонент в качестве входных или выходных данных для события (или и того, и другого).
Приведенный ниже фрагмент кода является точным в тех случаях, когда компонент используется как в качестве входа, так и в качестве выхода.
def predict (
value : bool | None
) -> bool | None :
return value