Design Time Data

在Xamarin.Forms开发中,当界面依赖数据绑定进行布局时,设计时往往无法显示实际数据。Design Time Data提供了一种方法,允许开发者在预览阶段填充模拟数据,以便更好地调整和优化UI设计。通过添加特定的引用,可以实现预览界面的数据展示。
摘要由CSDN通过智能技术生成

若界面使用了绑定,预览界面通常不会加载相关数据并显示,此时在预览界面中调节UI,可使用Design Time Data。

添加空间引用:

             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"

             xmlns:viewmodels="clr-namespace:CompiledBindingsSample.ViewModels"
             xmlns:models="clr-namespace:CompiledBindingsSample.Models"
             x:Class="CompiledBindingsSample.MainPage"
             x:DataType="viewmodels:MainPageVM">
    <ContentPage.BindingContext>
        <viewmodels:MainPageVM/>
    </ContentPage.BindingContext>
    <StackLayout>
         <ListView ItemsSource="{Binding Books}">
            <d:ListView.ItemsSource>
                <x:Array Type="{x:Type x:String}">
                    <x:String>One Item</x:String>
                    <x:String>Two Item</x:String>
                    <x:String>Three Item</x:String>
                    <x:String>Four Item</x:String>
                    <x:String>Five Item</x:String>
                </x:Array>
            </d:ListView.ItemsSource>
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="models:Book">
                    <TextCell Text="{Binding Title}"
                              d:Text="{Binding .}"
                              Detail="{Binding Publisher}"
                              d:Detail="Detail Info"/>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>

</ContentPage>

channel9: Design Time Data

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值