使用数据网格与 Xamarin.窗体

命名空间XFDataGrid.型号

{

公共类专业

  {

公共字符串Id获取设置;}

公共字符串名称得到设置;}

公共字符串去向被设置;}

公共字符串体验=获取;设置;}



11

  }



12

}










现在，在 Utils 文件夹下为虚拟数据创建另一个DummyProfessionalData.cs类。此处提供了用于创建虚拟数据和代码的类。 



C#
 




























xxxxxxx

1


29









使用系统;



2

使用系统。集合.通用;



3

使用XFDataGrid。模型;



4





5

命名空间XFDataGrid.乌蒂尔斯



6

{



7

公共静态类虚拟专业数据



8

  {



9

        {



11

var数据=新列表<专业>（）;



12

瓦尔人+新专业人员（）



13

  {



14

ID="3"，



15

名称="猴子"，



16

去向="开发人员"，



17

体验 = "1"



19

  };



20





21

（ inti=0i<10i=）



22

  {



23

数据.添加（人）;



24





25

  }



26

        }



28

  }



29

}










接下来，在 ViewModel 文件夹下创建MainPageViewModel.cs类，并编写下面给出的代码。在此处，将编写"列表"和"IsRefresh"属性以及刷新推荐，当用户从上到下轻扫时，刷新命令将执行并刷新更新的数据的 UI。INotifyProperty 更改属性还实现以使用新数据调用 UI。用于单一数据选择的专业属性。



C#
 


        {

            如果（属性更改 ！= 空）

                属性更改（此，新属性更改事件（属性）;

        }

    }

["数据朗="文本/x-csharp"|



























xxxxxxx

1


79










             
          




1

使用系统;



2

使用系统。集合.通用;



3

组件模型;



4

使用系统。线程。任务;



5

使用系统。视窗。输入;



6

使用Xamarin。表格;



7

使用XFDataGrid。模型;



8

使用XFDataGrid。乌蒂尔斯;



9





10

命名空间XFDataGrid.查看模型



11

公共类主页查看模型：通知属性已更改



13

  {



14

私人名单<专业>_professionals;



15

私人专业_selectedProfessional;



16

私人野猪_isRefreshing;



17





18

公开列表<专业>专业人员



19

获取



21

  {



22

返回_professionals;



23

  }



24

设置



25

  {



26

_professionals=值;



27

财产变更（专业人士姓名）;



28

        }



30

公共专业精选专业



31

  {



32

获取



33

  {



34

返回_selectedProfessional;



35

  }



36

设置



37

_selectedProfessional = 值;



39

财产变更（名称（选定专业））;



40

  }



41

  }



42





43

公共布尔是刷新



44

  {



45

获取



46

return 返回_isRefreshing;



48

  }



49

设置



50

  {



51

_isRefreshing=值;



52

属性更改（名称（正在刷新） ）;



53

  }



54

  }



55





56

公共主页查看模型（）



59

  {



60

专业人士=虚拟专业数据。获得专业人员（）;



61

刷新命令=新命令（CmdRefresh）;



62

  }



63





64

私人异步voidCmdRefresh（）



65

  {



66

等待任务。延迟（3000）;



68

是刷新=错误;



69

  }



70





71

公共事件属性更改事件处理程序属性已更改;



72





73

私有无效OnProperty 更改（字符串属性）



74

  {



75

属性更改（此，新的属性更改事件Args（属性） ）;



77

  }



78

  }



79

}










打开主页.xaml 页面并开始我们的 UI 设计。首先，我们将 DataGrid 命名空间称为 dg，并将我们的列设计为"标题"，绑定属性名称、宽度大小。绑定项目源，选定项目，引用命令。此页设计代码如下所示。 



Xml
 




























xxxxxxx

1


42












2

<ContentPagexmlns="http://xamarin.com/schemas/2014/forms"



3

xmlns：x="http://schemas.microsoft.com/winfx/2009/xaml"



4

xmlns：d="http://xamarin.com/schemas/2014/forms/design"



5

xmlns：mc="http://schemas.openxmlformats.org/markup-compatibility/2006"



6

xmlns：dg="clr-namespace：Xamarin.Forms.DataGrid;程序集_Xamarin.Forms.DataGrid"



7

x：类="XFDataGrid.主页">



8

<!-- 在此处放置新控件 -- >



10

<dg：数据网格项目来源="[绑定专业人员]"选择启用 ="true"选定项目="[绑定所选专业]"行高度="70"标题高度="50"



11

边框颜色="#CCCCCC"标题背景="#E0E6F8"拉托刷新命令="[绑定刷新命令]"正在刷新="[绑定正在刷新]"活动罗颜色="#8899AA">>



12

<x：参数>



13

<列表查看缓存策略>保留元素</列表查看缓存策略>



14

[ lt;dg：DataGrid.标题字体大小>



16

<OnIdiomx：类型参数="x：双">>



17

<Onidiom.平板电脑>15</onidiom.平板电脑>



18

<Onidiom.电话>12</onidiom.电话>



19

</Onidiom>



20

</dg：DataGrid.标题字体大小>



21

>



22

<dg：数据网格列标题="ID"属性名称="ID"宽度="1+"></dg：DataGridColumn>



23

<dg：DataGridColumn属性名称="名称"宽度="2+">



24

<dg：数据网格列。格式标题>



25

<格式化字符串>



26

<跨文本="名称"字体大小="13"文本颜色="黑色"字体属性="粗体"/>



27

</dg：数据网格纵队.格式标题>



29

</dg：数据网格列>



30

<dg：DataGridColumn标题="去构"属性名称="变形"宽度="2+"/>



31

<dg：DataGridColumn标题="域"属性名称="域"宽度="2+"/>



32

<dg：DataGridColumn标题="Exp"属性名称="体验"宽度="1+"/>



33

>



34

<dg：DataGrid.Rows背景调色板>



35

<dg：PaletteCollection>



36

<颜色>#F2F2F2<Color>



37

<颜色>#FFFFFF</颜色>



38

</dg：PaletteCollection>



39

>



40

</dg：数据网格>



41

</内容视图>



42

</内容页>










下一个打开MainPage.xaml.cs并设置绑定上下文是主页面查看模型，正如我们已经做。此处的源代码。 



C#
 







1

使用系统;



2

使用系统。集合.通用;



3

使用系统。组件模型;



4

使用系统。林克;



5

使用系统。文本;



6

使用系统。线程。任务;



7

表格;



8

使用XFDataGrid。视图模型;



9





10

命名空间XFDataGrid



11

{



12

// 了解有关在 Xamarin.窗体预览版中显示自定义代码的更多详细信息



13

// 通过参观https://aka.ms/xamarinforms-previewer



14

  [设计时间可见（假） ]



15

    {



17

公共主页（）



18

  {



19

初始化组件（）;



20

绑定上下文=新的主页面视图模型（）;



21

  }



22

  }



23

}










最后，在应用启动中初始化数据组件CS 类，如以下代码所示。 



C#
 




























xxxxxxx

1


30










             
          




1

使用系统;



2

表格;



3

使用Xamarin。窗体。Xaml;



4





5

命名空间XFDataGrid



6

{



7

公共部分类应用程序应用程序



8

  {



9

公共应用程序（）



10

夏马林。窗体。数据网格.数据网格组件。Init（）;



12





13

初始化组件（）;



14





15

主页=新主页（）;



16

  }



17





18

受保护的覆盖无效启动（）



19

        }



21





22

保护覆盖空隙睡眠（）



23

  {



24

  }



25





26

受保护的覆盖无效恢复（）



27

  {



28

  }



29

}










现在，运行应用程序和输出应类似于下面的屏幕截图。 

完整的源代码在这里。
 
                
				
Tags: span, variable

			
            
  

	  

		  Comments are closed.