Syncfusion教程:在Xamarin.Forms中创建数据输入表单 (2)

下载Essential Studio for Xamarin最新版本

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

如何将Syncfusion输入控件添加到数据表单中

从Visual Studio模板创建项目

从NuGet添加引用

添加控件初始化代码

在以下步骤中,已添加必要的XAML代码以初始化控件。

步骤1:在相应的页面中包含SfAutoComplete命名空间。

1

2

<contentpage xmlns:autocomplete="clr-namespace:Syncfusion.SfAutoComplete.XForms;assembly=Syncfusion.SfAutoComplete.XForms" x:class="GettingStarted.MainPage">

contentpage>

步骤2:通过将高度定义为40来声明内容页的SfAutoComplete,因为地址栏需要40像素的高度。

1

2

3

<contentpage xmlns:autocomplete="clr-namespace:Syncfusion.SfAutoComplete.XForms;assembly=Syncfusion.SfAutoComplete.XForms" x:class="GettingStarted.MainPage">

     <autocomplete:sfautocomplete heightrequest="40">

autocomplete:sfautocomplete>contentpage>

注意:前面的步骤适用于将所有Syncfusion的Xamarin.Forms输入控件添加到Xamarin.Forms应用程序中。

添加建议项

当然,自动完成控件可以与数据源以及直接字符串项绑定。

1

2

3

4

5

6

7

8

9

10

11

12

13

<contentpage xmlns:autocomplete="clr-namespace:Syncfusion.SfAutoComplete.XForms;assembly=Syncfusion.SfAutoComplete.XForms" xmlns:listcollection="clr-namespace:System.Collections.Generic;assembly=mscorlib" x:class="GettingStarted.MainPage">

     <autocomplete:sfautocomplete heightrequest="40">

          <autocomplete:sfautocomplete.autocompletesource>

               <listcollection:list x:typearguments="x:String">

                    <x:string>Aquax:string>

                    <x:string>Bluex:string>

                    <x:string>Indigox:string>

                    <x:string>Redx:string>

                    <x:string>Purplex:string>

               listcollection:list>

          autocomplete:sfautocomplete.autocompletesource>

     autocomplete:sfautocomplete>

contentpage>

带切换操作的高级按钮

Xamarin.Forms按钮是一个自定义按钮控件,具有用户界面自定义、切换状态和主题支持。您可以设置图标、背景图像和角边半径,也可以使用可视状态管理器自定义不同可视状态的外观。

Syncfusion教程:在Xamarin.Forms中创建数据输入表单 (2)_第1张图片

Syncfusion’s Xamarin.Forms Button.

可编辑组合框

表单组合框控件是一种数据输入控件,允许用户从固定的项目列表中选择选项。组合框用于选择一个国家,可以打开下拉列表,也可以简单地键入开始键入其名称。

Syncfusion教程:在Xamarin.Forms中创建数据输入表单 (2)_第2张图片

Syncfusion’s Xamarin.Forms ComboBox.

多功能选择器

我们甚至提供了一个通用的选择器控件,可以用来从任何类型的列表数据中进行选择。这决定了选取器作为日期选取器、时间选取器、语言选取器、颜色选取器等的性质。直观的多列选项支持层叠选择。选择器控件是唯一一个根据数据源结构自动生成其列的组件。在此表单中,选取器控件可以提供一个通用的UI来选取日期值。

Syncfusion教程:在Xamarin.Forms中创建数据输入表单 (2)_第3张图片

Syncfusion’s Xamarin.Forms Picker.

你可能感兴趣的:(Syncfusion)