Prototype.Forms.Controls

prototype.forms.controls

แอพตัวอย่างนี้มีส่วนผสมแบบสุ่มของ Xamarin/Xamarin.forms Controls การควบคุมมุมมองและตัวอย่างฟังก์ชั่นที่ฉันสร้างขึ้น

สารบัญ

1. ToggleButton
2. ช่องทำเครื่องหมาย
3. รายการช่องทำเครื่องหมาย
4. รายการที่ยุบได้/ขยายได้ (หีบเพลง)
5. ฉลากที่แก้ไขได้
6. ListView พร้อม TappedCommand
7. ListView พร้อมสกรอลที่ไม่มีที่สิ้นสุด
8. RadiobuttonList
9. TabControl พร้อมความสามารถที่สามารถยุบได้/ขยายได้

ToggleButton

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 (เริ่มต้น) ที่ใช้งานได้ง่ายเกินไปสำหรับสถานะที่ตรวจสอบ/ไม่ถูกตรวจสอบแทนภาพที่ต้องการรูปภาพในปัจจุบัน สิ่งนี้จะช่วยลดความจำเป็นในการเพิ่มแพลตฟอร์มใด ๆ (รูปภาพ)

รายการ checkbox

ตัวควบคุม CheckboxList สืบทอดมาจาก Xamarin.Forms.ListView และมีรายการควบคุม Checkbox ช่วยให้คุณสามารถผูกคอลเลกชันของการใช้งานวัตถุ ISelectableItem และรักษารายการของรายการที่เลือกไว้ CheckboxList มีเหตุการณ์และคำสั่งสังเกตการเปลี่ยนแปลงรายการ CheckboxList

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

หมายเหตุ: ตัวควบคุม CheckboxList ยังมีฟังก์ชั่นสำหรับการเลือก/ยกเลิกการเลือกช่องทำเครื่องหมายทั้งหมดในรายการ (เอกสารและตัวอย่างเร็ว ๆ นี้)

รายการที่ยุบได้/ขยายได้ (หีบเพลง)

(เร็วๆ นี้!)

ฉลากที่แก้ไขได้

(เร็วๆ นี้!)

listView พร้อมคำสั่ง tapped item

(เร็วๆ นี้!)

ListView พร้อมสกรอลที่ไม่มีที่สิ้นสุด

(เร็วๆ นี้!)

RadiobuttonList

RadioButtonList สืบทอดมาจาก StackLayout และมีรายการของการควบคุม RadioButton คุณสมบัติ ItemsSource อยู่ภายใน RadioButtonList คาดว่าจะ IEnumerable<string> คอลเลกชันของสตริงใช้เพื่อสร้างรายการ RadioButton ที่มีอยู่ภายใน RadioButtonList

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

หมายเหตุ: การควบคุม RadioButton ต้องการการแสดงผลแบบกำหนดเองภายในโครงการ iOS และ Android

เร็ว ๆ นี้: ฉันจะขยายฟังก์ชั่นของการอนุญาตให้มีตัวเลือกเพิ่มเติม (เช่นรายการปุ่มตัวเลือกที่เลือกล่วงหน้าการจัดรูปแบบที่เลือก/ไม่ได้เลือกที่กำหนดเอง ฯลฯ )

TabControl พร้อมความสามารถที่สามารถยุบได้/ขยายได้

(เร็วๆ นี้!)