gradio toggle
2.0.2
gradio_toggleคอมโพเนนต์สลับที่แสดงค่าบูลีน ช่วยให้ผู้ใช้สามารถสลับระหว่างสถานะจริงและเท็จได้ ทำหน้าที่เป็นทั้งอินพุต เพื่อบันทึกการโต้ตอบของผู้ใช้ และเอาต์พุต เพื่อแสดงสถานะบูลีน
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 ( "<h1><center>gradio-toggle demo</center></h1>" )
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 | ป้ายข้อความที่แสดงอยู่ติดกับตัวสลับ หากไม่มีและใช้ภายใน `gr.Interface` ชื่อพารามิเตอร์จะมีค่าเริ่มต้น |
info | STR | ไม่มี | None | ข้อความที่แสดงด้านล่างปุ่มสลับสำหรับคำแนะนำหรือข้อมูลเพิ่มเติม |
color | STR | ไม่มี | None | การตั้งค่าสีเพิ่มเติมสำหรับการสลับ รองรับค่าสี CSS (เช่น ชื่อ รหัสฐานสิบหก) |
radius | ตัวอักษร ["sm", "lg"] | "lg" | ขนาดของรัศมีเส้นขอบที่ใช้สำหรับรูปแบบการสลับ |
transition | ลอย | 0.3 | เวลาการเปลี่ยน (เป็นวินาที) ระหว่างสถานะเปิดและปิด |
show_label | บูล | ไม่มี | None | หากเป็น True ป้ายกำกับจะปรากฏขึ้น มิฉะนั้นจะถูกซ่อนไว้ |
container | บูล | True | หากเป็นจริง ตัวสลับจะถูกวางไว้ภายในคอนเทนเนอร์ที่มีสไตล์สำหรับการจัดกลุ่มภาพและการเสริม |
scale | อินท์ | ไม่มี | None | ขนาดสัมพัทธ์ของการสลับเมื่อเปรียบเทียบกับส่วนประกอบที่อยู่ติดกันเมื่อแสดงในแถวหรือบล็อก |
min_width | ภายใน | 160 | ความกว้างขั้นต่ำในหน่วยพิกเซลที่ตัวสลับจะใช้ เพื่อให้แน่ใจว่าจะไม่หดตัวต่ำกว่าขนาดนี้ |
interactive | บูล | ไม่มี | None | หากเป็น True ก็สามารถโต้ตอบกับตัวสลับได้ หากเป็นเท็จ แสดงว่าปิดใช้งาน พฤติกรรมเริ่มต้นจะถูกตรวจพบโดยอัตโนมัติตามการใช้งาน |
visible | บูล | True | หากเป็นเท็จ การสลับจะไม่แสดงผลให้เห็นชัดเจนในอินเทอร์เฟซ |
elem_id | STR | ไม่มี | None | ตัวระบุเพิ่มเติมสำหรับองค์ประกอบ HTML มีประโยชน์สำหรับการปรับแต่ง CSS |
elem_classes | รายการ[str] | STR | ไม่มี | None | รายการชื่อคลาสเพิ่มเติมสำหรับองค์ประกอบ HTML มีประโยชน์สำหรับการปรับแต่ง CSS |
every | ลอย | ไม่มี | None | หากค่าสามารถเรียกได้ ให้ระบุความถี่ (เป็นวินาที) เพื่อรีเฟรชค่าในขณะที่อินเทอร์เฟซเปิดอยู่ |
render | บูล | True | หากเป็นเท็จ คอมโพเนนต์จะไม่แสดงผลทันที ซึ่งมีประโยชน์สำหรับการเรนเดอร์แบบเลื่อนออกไปหรือการอัปเดต UI แบบมีเงื่อนไข |
key | อินท์ | STR | ไม่มี | None | หากได้รับมอบหมาย จะถูกนำมาใช้เพื่อรับข้อมูลประจำตัวในการเรนเดอร์ใหม่ ส่วนประกอบที่มีคีย์เดียวกันในการเรนเดอร์ซ้ำจะคงค่าไว้ |
| ชื่อ | คำอธิบาย |
|---|---|
change | ทริกเกอร์เมื่อค่าของการสลับเปลี่ยนแปลงเนื่องจากการป้อนข้อมูลของผู้ใช้ (เช่น ผู้ใช้พิมพ์ในกล่องข้อความ) หรือเนื่องจากการอัพเดตฟังก์ชัน (เช่น รูปภาพได้รับค่าจากเอาต์พุตของทริกเกอร์เหตุการณ์) ดู .input() สำหรับผู้ฟังที่ถูกทริกเกอร์โดยอินพุตของผู้ใช้เท่านั้น |
input | Listener นี้จะถูกทริกเกอร์เมื่อผู้ใช้เปลี่ยนค่าของการสลับ |
select | Listener เหตุการณ์เมื่อผู้ใช้เลือกหรือยกเลิกการเลือกปุ่มสลับ ใช้ข้อมูลเหตุการณ์ gradio.SelectData เพื่อนำ value ที่อ้างอิงถึงป้ายกำกับของตัวสลับ และ selected เพื่ออ้างอิงถึงสถานะของตัวสลับ ดูเอกสารประกอบ EventData เกี่ยวกับวิธีใช้ข้อมูลเหตุการณ์นี้ |
ผลกระทบต่อฟังก์ชันคาดการณ์ของผู้ใช้จะแตกต่างกันไปขึ้นอยู่กับว่าส่วนประกอบนั้นถูกใช้เป็นอินพุตหรือเอาต์พุตสำหรับเหตุการณ์ (หรือทั้งสองอย่าง)
ข้อมูลโค้ดด้านล่างนี้ถูกต้องในกรณีที่มีการใช้ส่วนประกอบเป็นทั้งอินพุตและเอาต์พุต
def predict (
value : bool | None
) -> bool | None :
return value
