토글을 만들었습니다

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] | 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