建立了一个切换开关

gradio_toggle

表示布尔值的切换组件，允许用户在 True 和 False 状态之间切换。既可以作为输入来捕获用户交互，也可以作为输出来显示布尔状态。

安装

pip install gradio_toggle

用法

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

初始化

活动

姓名	类型	默认	描述
value	bool | Callable	False	切换的初始状态。如果可调用，它会在应用程序加载时动态设置初始状态。
label	str | None
label	STR |没有任何	None	文本标签显示在切换开关旁边。如果 None 并在 `gr.Interface` 中使用，则默认为参数名称。
info	STR |没有任何	None	切换按钮下方显示的文本可提供更多指导或信息。
color	STR |没有任何	None	切换的可选颜色设置，支持 CSS 颜色值（例如名称、十六进制代码）。
radius	文字[“sm”，“lg”]	"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	STR |没有任何	None	HTML 元素的可选标识符；对于 CSS 自定义很有用。
elem_classes	列表[str] | STR |没有任何	None	HTML 元素的类名称的可选列表；对于 CSS 自定义很有用。
every	浮动|没有任何	None	如果值可调用，则指定接口打开时刷新该值的频率（以秒为单位）。
render	布尔值	True	如果为 False，则不会立即渲染组件，这对于延迟渲染或条件 UI 更新很有用。
key	整数 | STR |没有任何	None	如果分配，将用于在重新渲染时假定身份。在重新渲染过程中具有相同键的组件将保留其值。

姓名	描述
change	当切换值由于用户输入（例如，用户在文本框中键入）或由于功能更新（例如，图像从事件触发器的输出接收到值）而更改时触发。请参阅.input()了解仅由用户输入触发的侦听器。
input	当用户更改切换值时会触发此侦听器。
select	用户选择或取消选择切换时的事件侦听器。使用事件数据 gradio.SelectData 携带引用切换标签的value ，并selected引用切换状态。有关如何使用此事件数据的信息，请参阅 EventData 文档

用户功能

对用户预测函数的影响取决于组件是否用作事件的输入或输出（或两者）。

• 当用作输入时，该组件仅影响用户函数的输入签名。
• 当用作输出时，该组件仅影响用户函数的返回签名。

在组件同时用作输入和输出的情况下，下面的代码片段是准确的。

• 作为输出：传递，切换状态作为布尔值。
• 作为输入：应该返回，要返回的切换状态。

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