Go语言视频零基础入门到精通

admin

还是老规矩，看一下最终效果。

 
数据是从SQLite中读取，然后绑定到DataGrid中显示的。
 
先看一下XAML

1. <grid:RadDataGrid Grid.Row="1" x:Name="radDataGrid"
2.                           Background="Transparent"
3.                           BorderThickness="1" GridLinesThickness="1"
4.                           UserEditMode="Inline" UserSortMode="Multiple"
5.                           SelectionUnit="Row" CanUserChooseColumns="True"
6.                           AutoGenerateColumns="False"
7.                           IsRightTapEnabled="True" RightTapped="radDataGrid_RightTapped"
8.                           IsHoldingEnabled="True" Holding="radDataGrid_Holding"
9.                           CurrentItemChanged="radDataGrid_CurrentItemChanged"
10.                           CurrentItemChanging="radDataGrid_CurrentItemChanging">
12.             <grid:RadDataGrid.Columns>
13.                 <grid:DataGridTextColumn x:Name="columnId" x:Uid="columnId" Header="Id" IsVisible="False" PropertyName="Id"/>
14.                 <grid:DataGridTextColumn x:Name="columnGuid" x:Uid="columnGuid" Header="Guid" IsVisible="False" PropertyName="Guid"/>
15.                 <grid:DataGridTextColumn x:Name="columnFaceSetId" x:Uid="columnFaceSetId" Header="FaceSetId" IsVisible="False" PropertyName="FaceSetId"/>
16.                 <grid:DataGridTextColumn x:Name="columnPersonId" x:Uid="columnPersonId" Header="PersonId" PropertyName="PersonId"/>
17.                 <grid:DataGridTextColumn x:Name="columnName" x:Uid="columnName" Header="Name" PropertyName="Name"/>
19.                 <grid:DataGridTemplateColumn x:Name="columnHead" x:Uid="columnHead" Header="Head">
20.                     <grid:DataGridTemplateColumn.CellContentTemplate>
21.                         <DataTemplate>
22.                             <Ellipse Width="50" Height="50" Margin="2">
23.                                 <Ellipse.Fill>
24.                                     <ImageBrush ImageSource="{Binding Head}"/>
25.                                 </Ellipse.Fill>
26.                             </Ellipse>
27.                         </DataTemplate>
28.                     </grid:DataGridTemplateColumn.CellContentTemplate>
29.                 </grid:DataGridTemplateColumn>
30.                 <grid:DataGridTextColumn x:Name="columnSignInItemName" x:Uid="columnSignInItemName" Header="SignInItemName" PropertyName="SignInItemName"/>
31.                 <grid:DataGridNumericalColumn x:Name="columnSignInItemTimes" x:Uid="columnSignInItemTimes" Header="SignInItemTimes" PropertyName="SignInItemTimes"/>
32.                 <grid:DataGridNumericalColumn x:Name="columnSignInAttendanceRate" x:Uid="columnSignInAttendanceRate" Header="SignInAttendanceRate" PropertyName="SignInAttendanceRate" CellContentFormat="{}{0:P0}"/>
33.                 <grid:DataGridDateColumn x:Name="columnSignInDateTime" x:Uid="columnSignInDateTime" Header="SignInDateTime" PropertyName="SignInDateTime"/>
34.                 <grid:DataGridTextColumn x:Name="columnSignInState" x:Uid="columnSignInState" Header="SignInState" PropertyName="SignInState"/>
35.             </grid:RadDataGrid.Columns>
37.             <!--<grid:RadDataGrid.SortDescriptors>
38.                 <core:PropertySortDescriptor PropertyName="PersonId" SortOrder="Ascending" />
39.                 <core:PropertySortDescriptor PropertyName="SignInItemName" SortOrder="Ascending" />
40.                 <core:PropertySortDescriptor PropertyName="SignInItemTimes" SortOrder="Ascending" />
41.             </grid:RadDataGrid.SortDescriptors>-->
42.             
43.         </grid:RadDataGrid>

复制代码

&nbsp;
其中，我在 <grid:RadDataGrid.Resources 中定义了右键菜单，你自己根据需要删减。


  
   属性
   说明
  
  
  

1. Background

复制代码

   背景色
  
  
  

1. UserEditMode

复制代码

   用户编辑模式，Inline是行内编辑模式，External是弹出一个浮窗编辑
  
  
  

1. UserSortMode

复制代码

   用户排序模式，Multiple可以允许设置多个字段排序
  
  
  

1. SelectionUnit

复制代码

   选择单位，Row表示选择整行，Cell则是选择一个单元格
  
  
  

1. CanUserChooseColumns

复制代码

   是否允许用户选择列
  
  
  

1. AutoGenerateColumns

复制代码

   自动生成列，我设置的false，因为我数据库有很多字段，不想都显示在上面，所以需要自己定义。如果是true，则把所有字段都显示的
  


&nbsp;
然后&nbsp;grid:DataGridTemplateColumn 自定义模板。
&nbsp;
后台C#读取数据库绑定的代码。
public ObservableCollection<SignInSummaryData> SampleItems { get; private set; } = new ObservableCollection<SignInSummaryData>();
&nbsp;
代码绑定以下，然后加了一个排序，因为之前指定了&nbsp;UserSortMode 为Multiple
&nbsp;

1.         private async Task LoadDataAsync()
2.         {
3.             SampleItems.Clear();
5.             List<UserSignInInfo> list = await SQLiteHelper.GetAllUserSignInInfoAsync();
6.             //this.DataContext = SampleItems = new ObservableCollection<UserSignInInfo>(list);
8.             foreach (var item in list)
9.             {
10.                 UserItemSQLite uis = await SQLiteHelper.GetUserAsync("Remark", item.PersonId);
11.                 if (uis == null)
12.                     continue;
14.                 BitmapImage thumbBi = new BitmapImage();
15.                 if (uis.Head0 != null)
16.                 {
17.                     StorageFolder storageFolder = ApplicationData.Current.TemporaryFolder;
18.                     StorageFile thumbFile = await storageFolder.CreateFileAsync("signInHeadthumbFile.jpg", CreationCollisionOption.ReplaceExisting);
19.                     await FileIO.WriteBytesAsync(thumbFile, uis.Head0);
20.                     StorageItemThumbnail sit = await thumbFile.GetThumbnailAsync(ThumbnailMode.DocumentsView, 400);
21.                     IRandomAccessStream ras = sit.AsStream().AsRandomAccessStream();
23.                     await thumbBi.SetSourceAsync(ras);
24.                 }
26.                 SignInSummaryData sid = new SignInSummaryData
27.                 {
28.                     Id = item.Id,
29.                     Guid = uis.Guid,
30.                     FaceSetId = uis.FaceSetId,
31.                     PersonId = item.PersonId,
32.                     Name = uis.Name,
34.                     SignInItemName = item.SignInItemName,
35.                     SignInItemTimes = item.SignInItemTimes,
36.                     SignInAttendanceRate = item.SignInAttendanceRate,
37.                     SignInDateTime = Convert.ToDateTime(item.SignInDateTime),
38.                     SignInState = item.SignInState,
40.                     Head = thumbBi,
41.                     Head0 = uis.Head0,
42.                     Head1 = uis.Head1,
43.                     Head2 = uis.Head2,
44.                     Head3 = uis.Head3,
45.                     Head4 = uis.Head4,
46.                     Head5 = uis.Head5,
47.                     Head6 = uis.Head6,
48.                     Head7 = uis.Head7,
49.                     Head8 = uis.Head8,
50.                     Head9 = uis.Head9,
52.                     Area1 = uis.Area1,
53.                     Area2 = uis.Area2,
54.                     Area3 = uis.Area3,
55.                     Area4 = uis.Area4,
56.                     Area5 = uis.Area5,
57.                     Area6 = uis.Area6,
58.                     Area7 = uis.Area7,
59.                     Area8 = uis.Area8,
61.                     Gender = uis.Gender,
62.                     Mobile = uis.Mobile,
63.                     Email = uis.Email,
64.                     RemarkReal = uis.RemarkReal,
66.                 };
68.                 SampleItems.Add(sid);
70.                 radDataGrid.ItemsSource = SampleItems;// = new ObservableCollection<SignInSummaryData>(list);
71.             }
73.             radDataGrid.SortDescriptors.Add(new PropertySortDescriptor() { PropertyName = "PersonId", SortOrder = SortOrder.Ascending });
74.             radDataGrid.SortDescriptors.Add(new PropertySortDescriptor() { PropertyName = "SignInItemName", SortOrder = SortOrder.Ascending });
75.             radDataGrid.SortDescriptors.Add(new PropertySortDescriptor() { PropertyName = "SignInItemTimes", SortOrder = SortOrder.Ascending });
76.         }

复制代码

&nbsp;
&nbsp;
这样就可以实现开头的效果了。
&nbsp;
下一篇说以下环形图的制作。