建立了一個切換開關

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