Syncfusion教程:在Xamarin.Forms中創建數據輸入表單 (1)

下載Essential Studio for Xamarin最新版本

Essential Studio for Xamarin是全面的Xamarin.iOS、Xamarin.Android和Xamarin.Forms組件套包,包含最快的圖表和網格。

介紹

歡迎學習使用Syncfusion的一些輸入控件(如用於Xamarin.Forms平臺的內置DataForm控件)創建數據輸入表單。

Xamarin.Forms數據表單控件用於顯示和編輯任何數據對象的屬性,使用各種內置編輯器來處理不同的數據類型。它簡化了各種表單的開發,如登錄、保留和數據輸入。

除DataForm控件外,Syncfusion Essential Studio for Xamarin還提供其他單獨的輸入控件,使您可以根據自己的喜好創建自己的數據輸入窗體: Autocomplete、Button、Badge View、Chips、ComboBox、Picker、Calendar、Numeric Entry、NumericUpDown、Masked Entry、CheckBox、Radio Button、Range Slider、Rating和Segmented Control,使您能夠根據規範創建自己的數據輸入表單。

如果有預定義的模型,請使用DataForm控件

如果您的應用程序有很多表單,並且您有預定義的模型,那麼我們提供一個DataForm控件,它可以基於您的數據對象創建表單,從而簡化表單創建過程。DataForm可以幫助您以多種方式呈現數據,例如在預定義的佈局中呈現模型項的集合。

以下步驟說明如何使用DataForm創建具有預定義模型的表單:

步驟1:導入控件命名空間 “xmlns:dataForm=”clr-namespace:Syncfusion.XForms.DataForm;assembly=Syncfusion.SfDataForm.XForms” 在XAML頁中,創建DataForm控件的實例並將其作爲視圖添加到線性佈局中。

1
2
3
<contentpage xmlns:dataform="clr-namespace:Syncfusion.XForms.DataForm;assembly=Syncfusion.SfDataForm.XForms" x:class="GettingStarted.MainPage">
<dataform:sfdataform>
</dataform:sfdataform></contentpage>

步驟2:數據表單是一個數據編輯控件,因此創建一個數據對象來編輯數據對象。這裏,名爲ItemInfo的數據對象是用一些屬性創建的。

1
2
3
4
5
6
7
8
public class ItemInfo
{
     public ItemInfo() { }
     public int TotalAmount { get; set; }
     public DateTime? Date { get; set; }
     public string Name { get; set; }
     public bool IsBillable { get; set; }
}

步驟3:在一個新的類文件中創建一個具有用必需數據初始化的ItemInfo屬性的模型存儲庫類,如下面的代碼示例所示。

1
2
3
4
5
6
7
8
public class ViewModel
{
     public ItemInfo ItemInfo { get; set; }
     public ViewModel()
     {
          ItemInfo= new ItemInfo();
     }
}

步驟4:要在數據表單中填充標籤和編輯器,請設置DataObject屬性。

1
2
3
4
5
6
<contentpage xmlns:local="clr-namespace:GettingStarted" xmlns:dataform="clr-namespace:Syncfusion.XForms.DataForm;assembly=Syncfusion.SfDataForm.XForms" x:class="GettingStarted.MainPage">
     <contentpage.bindingcontext>
          <local:viewmodel>
     </local:viewmodel></contentpage.bindingcontext>
     <dataform:sfdataform dataobject="{Binding ItemInfo}">
</dataform:sfdataform></contentpage>

Syncfusion

Syncfusion’s Xamarin.Forms DataForm.

Syncfusion的Xamarin.Forms輸入控件表單無模型數據表單

到目前爲止,我們討論了Syncfusion的Xamarin.Forms數據表單控件如何幫助創建預定義的模型數據表單。現在,讓我們看看Syncfusion輸入控件如何通過豐富的功能顯著改善最終用戶的數據輸入體驗。

快速且功能豐富的自動完成功能

Syncfusion的Xamarin.Forms自動完成控件在用戶鍵入建議列表時提示用戶進行選擇,從而使數據輸入更快、更不容易出錯。例如,在表單中,用戶可以通過使用此控件進行搜索來選擇郵政編碼。

高性能搜索引擎可以在不到一秒鐘的時間內加載和搜索100000個項目。自定義搜索的打字公差功能、有效數據利用的按需加載、帶標記表示的多重選擇、匹配文本的突出顯示和音調符號敏感性是此控件的其他幾個重要功能。

Syncfusion

Syncfusion’s Xamarin.Forms Autocomplete.


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章