笔记UWP数据绑定

男娘i 2021-11-01 04:52 290阅读 0赞

数据绑定过程

拥有属性的类：

可在MainPage.cs定义，也可在其他地方写，若在其他地方编写此代码，则需要在MainPage.xaml声明包含类的命名空间。比如该类写在项目名为xBindDateExample里的Models文件夹里，则在MianPage.xaml里的Page上添加 xmnls:data="using:xBindDataExample.Models" 在 DataTemplate 处添加x:DataType="data:Book"

public class Book
        {
            public int BookId { get; set; }
            public string Title { get; set; }
            public string Author { get; set; }
            public string CoverImage { get; set; }
        }

存储数据的类：

public class BOOkManager
        {
            public static List<Book> GetBooks()
            {
                var books = new List<Book>();
                books.Add(new Book { BookId = 1, Title = "1", Author="1",   CoverImage="1"});
                books.Add(new Book { BookId = 2, Title = "2", Author = "2", CoverImage = "1" });
                books.Add(new Book { BookId = 3, Title = "3", Author = "3", CoverImage = "1" });
                books.Add(new Book { BookId = 4, Title = "4", Author = "4", CoverImage = "1" });
                books.Add(new Book { BookId = 5, Title = "5", Author = "5", CoverImage = "1" });
                books.Add(new Book { BookId = 6, Title = "6", Author = "6", CoverImage = "1" });
                books.Add(new Book { BookId = 7, Title = "7", Author = "7", CoverImage = "1" });
                books.Add(new Book { BookId = 8, Title = "8", Author = "8", CoverImage = "1" });
                books.Add(new Book { BookId = 9, Title = "9", Author = "9", CoverImage = "1" });
                books.Add(new Book { BookId = 10, Title = "10", Author = "10", CoverImage = "1" });
                return books;
            }

绑定数据

public sealed partial class MainPage : Page
        {
            private List<Book> Books;
            public MainPage()
            {
                this.InitializeComponent();
                Books = BOOkManager.GetBooks();
            }
        }

xaml使用：

### 控件外部定义模板：     ###

### 模板不在MianPage.xaml里 ###

<ResourceDictionary
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmnls:data="using:xBindDataExample.Models"
        >
    	
      <DataTemplate x:DataType="data:Book" x:Key="BookDataTemplate">
                <StackPanel>
                    <TextBlock FontSize="24" Text="{x:Bind CoverImage}"/>
                    <TextBlock FontSize="16" Text="{x:Bind Title}"/>
                    <TextBlock FontSize="12" Text="{x:Bind Author}"/>
                </StackPanel>
            </DataTemplate>
    </ResourceDictionary>

在MainPage.xaml中

<Page.Resources>
      <ResourceDictionary>
                <ResourceDictionary.MergedDictionaries>
                    <ResourceDictionary Source="ms-appx:///xxx/GridVewTemplate.xaml"/>
                </ResourceDictionary.MergedDictionaries>
     </ResourceDictionary>
       </Page.Resources>

效果图：  
![20190811180025521.png][]

[20190811180025521.png]: /images/20211101/633b90fac65345a69f0fbea69fb295b2.png