Prototype.Forms.Controls

النموذج الأولي

يحتوي تطبيق العينة هذا على مزيج عشوائي من عناصر التحكم في Xamarin/Xamarin.Forms ، ووجهات النظر ، ومقتطفات الوظائف التي قمت بإنشائها.

جدول المحتويات

1. Togglebutton
2. مربع الاختيار
3. قائمة مربعات الاختيار
4. قائمة قابلة للطي/قابلة للتوسيع (الأكورديون)
5. تسمية قابلة للتحرير
6. ListView مع TappedCommand
7. ListView مع التمرير اللانهائي
8. Radiobuttonlist
9. TabControl مع قدرات قابلة للطي/قابلة للتوسيع

Togglebutton

A ToggleButton هو عنصر تحكم يسمح بالتبديل ذهابًا وإيابًا بين الصور (على سبيل المثال "تم فحصه" و "غير محدد" أدناه). ToggleButton يرث من Xamarin.Forms.Button .

< controls : ToggleButton 
            x : Name = " toggleButton "
            CheckedImage = " checked "
            UnCheckedImage = " unchecked "
            Enabled = " true "
            Animate = " false "
            Command = " {Binding Source={x:Reference CheckboxControl}, Path=CheckedCommand } " />

مربع الاختيار

يعد التحكم Checkbox عبارة عن StackLayout تحتوي على ToggleButton Label .

< controls : Checkbox Text = " {Binding CheckboxTitle} " 
                   IsChecked = " {Binding IsChecked} " 
                   CheckedCommand = " {Binding OnCheckedCommand} " />

قريباً : تطبيقات SkiAsharp (الافتراضية) القابلة للتجاوز للحالات المحددة/غير المحددة بدلاً من حيث تكون الصور مطلوبة حاليًا. سيؤدي ذلك إلى القضاء على الحاجة إلى أي إضافات النظام الأساسي (الصور).

CheckBoxList

يرث عنصر تحكم CheckboxList من Xamarin.Forms.ListView ويحتوي على قائمة عناصر التحكم Checkbox . يسمح لك بربط مجموعة من تطبيقات كائن ISelectableItem ، والحفاظ على قائمة بالعناصر المحددة. يحتوي CheckboxList على أحداث وأوامر مراقبة التغييرات على عناصر CheckboxList .

< controls : CheckboxList ItemsSource = " {Binding Items} " 
                       SelectedItems = " {Binding SelectedItems} " />

ملاحظة: يحتوي عنصر تحكم CheckboxList أيضًا على وظيفة لتحديد/إلغاء تحديد جميع مربعات الاختيار في القائمة. (الوثائق والعينات القادمة قريبا لهذا).

قائمة قابلة للطي/قابلة للتوسيع (الأكورديون)

(قريباً!)

تسمية قابلة للتحرير

(قريباً!)

ListView مع الأمر الذي تم استغلاله

(قريباً!)

ListView مع التمرير اللانهائي

(قريباً!)

Radiobuttonlist

يرث RadioButtonList من StackLayout ، ويحتوي على قائمة من أدوات التحكم RadioButton . تتوقع خاصية ItemsSource داخل RadioButtonList IEnumerable<string> . يتم استخدام مجموعة الأوتار لإنشاء عناصر RadioButton الموجودة في RadioButtonList .

< controls : RadioButtonList ItemsSource = " {Binding Items} " ItemSelectedCommand = " {Binding ItemSelectedCommand} " />

ملاحظة: يتطلب عنصر التحكم RadioButton تقديم مخصص داخل مشاريع iOS و Android.

قريباً: سأقوم بتوسيع وظائف للسماح بمزيد من الخيارات (أي عناصر زر الراديو مسبقًا ، التنسيق المحدد/غير المحدد ، إلخ) ، إلخ)

TabControl مع قدرات قابلة للطي/قابلة للتوسيع

(قريباً!)