トグルを構築しました

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 カラー値 (名前、16 進コードなど) をサポートします。
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 |なし	None	HTML 要素のクラス名のオプションのリスト。 CSS のカスタマイズに役立ちます。
every	フロート |なし	None	値が呼び出し可能な場合、インターフェイスが開いている間に値を更新する頻度 (秒単位) を指定します。
render	ブール	True	False の場合、コンポーネントはすぐにはレンダリングされません。これは、遅延レンダリングまたは条件付き UI 更新に役立ちます。
key	整数 | str |なし	None	割り当てられている場合は、再レンダリング時に ID を仮定するために使用されます。再レンダリング後も同じキーを持つコンポーネントの値は保持されます。

名前	説明
change	ユーザー入力 (ユーザーがテキストボックスに入力するなど) または関数の更新 (イベントトリガーの出力から画像が値を受け取るなど) によりトグルの値が変化するとトリガーされます。ユーザー入力によってのみトリガーされるリスナーについては、 .input()を参照してください。
input	このリスナーは、ユーザーがトグルの値を変更するとトリガーされます。
select	ユーザーがトグルを選択または選択解除したときのイベント リスナー。イベント データ gradio.SelectData を使用して、トグルのラベルを参照するvalueを保持し、トグルの状態を参照するためにselected使用します。このイベント データの使用方法については、EventData ドキュメントを参照してください。

ユーザー機能

ユーザー予測関数への影響は、コンポーネントがイベントの入力として使用されるか出力として使用されるか (またはその両方) によって異なります。

• 入力として使用される場合、コンポーネントはユーザー関数の入力署名にのみ影響します。
• 出力として使用される場合、コンポーネントはユーザー関数の戻りシグネチャにのみ影響します。

以下のコード スニペットは、コンポーネントが入力と出力の両方として使用される場合に正確です。

• 出力として:トグル状態がブール値として渡されます。
• 入力として:返されるべきトグル状態。

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