بنيت تبديل

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()" style=";text-align:right;direction:rtl">

 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	شارع | لا أحد	None	يتم عرض التسمية النصية بجوار مفتاح التبديل. إذا لم يكن هناك شيء وتم استخدامه داخل `gr.Interface`، فسيتم تعيينه افتراضيًا على اسم المعلمة.
info	شارع | لا أحد	None	النص المعروض أسفل مفتاح التبديل للحصول على إرشادات أو معلومات إضافية.
color	شارع | لا أحد	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	إذا كان خطأ، فلن يتم عرض التبديل بشكل مرئي في الواجهة.
elem_id	شارع | لا أحد	None	معرف اختياري لعنصر HTML؛ مفيد لتخصيصات CSS.
elem_classes	قائمة [شارع] | شارع | لا أحد	None	قائمة اختيارية بأسماء الفئات لعنصر HTML؛ مفيد لتخصيصات CSS.
every	تعويم | لا أحد	None	إذا كانت القيمة قابلة للاستدعاء، تحدد عدد المرات (بالثواني) لتحديث القيمة أثناء فتح الواجهة.
render	منطقي	True	إذا كان خطأ، فلن يتم عرض المكون على الفور، وهو مفيد للعرض المؤجل أو تحديثات واجهة المستخدم المشروطة.
key	كثافة العمليات | شارع | لا أحد	None	إذا تم تعيينه، فسيتم استخدامه لانتحال الهوية عبر إعادة العرض. سيتم الاحتفاظ بقيمتها للمكونات التي لها نفس المفتاح عبر عملية إعادة التصيير.

اسم	وصف
change	يتم تشغيله عندما تتغير قيمة التبديل إما بسبب إدخال المستخدم (على سبيل المثال، يكتب المستخدم في مربع نص) أو بسبب تحديث وظيفة (على سبيل المثال، تتلقى الصورة قيمة من مخرجات مشغل الحدث). راجع .input() ‎ للتعرف على المستمع الذي يتم تشغيله فقط من خلال إدخال المستخدم.
input	يتم تشغيل هذا المستمع عندما يقوم المستخدم بتغيير قيمة التبديل.
select	مستمع الحدث عندما يقوم المستخدم بتحديد أو إلغاء تحديد التبديل. يستخدم Gradio.SelectData لبيانات الحدث ليحمل value تشير إلى تسمية التبديل، ويتم selected للإشارة إلى حالة التبديل. راجع وثائق EventData حول كيفية استخدام بيانات الحدث هذه

وظيفة المستخدم

يختلف التأثير على وظيفة توقع المستخدمين اعتمادًا على ما إذا كان المكون يستخدم كمدخل أو مخرج لحدث ما (أو كليهما).

• عند استخدامه كمدخل، يؤثر المكون فقط على توقيع الإدخال لوظيفة المستخدم.
• عند استخدامه كمخرج، يؤثر المكون فقط على توقيع الإرجاع لوظيفة المستخدم.

مقتطف الكود أدناه دقيق في الحالات التي يتم فيها استخدام المكون كمدخل ومخرج.

• كإخراج: يتم تمرير حالة التبديل كقيمة منطقية.
• كمدخل: يجب العودة، وحالة التبديل المراد إرجاعها.

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