编辑列表框与实时/预览

本文关键字：预览 实时 列表 编辑 | 更新日期: 2023-09-27 18:02:26

我目前正在定制一个列表框。我的意思是在一个列表项中添加图像元素、第二行元素等。

itemSource在c#中是一个列表，因此我没有预览Expression Blend/VS中的项目。这就是痛苦。

因为我总是要编辑XAML，然后部署以检查。这样一直持续下去，直到最后一个像素是正确的。

有没有一种方法，编辑一个列表框与自定义项目(与动态itemSource)住在混合/VS?

那会加快我的发展。

编辑列表框与实时/预览

如果您想要查看控件在设计时的样子，您必须使用SampleData。有几种方法可以做到这一点，这取决于你的框架。

假设您有一个名为MainPage.xaml的页面。如果你还没有视图模型，创建一个新的，并命名为MainViewModel.cs。定义将用于绑定的所有公共属性。有了视图模型后，在名为SampleData的文件夹中创建新文件，并将其命名为MainViewModelSampleData.xaml。

现在，在主页中。Xaml添加以下属性到页面元素:

d:DataContext={d:DesignData Source=SampleData/MainViewModelSampleData.xaml}

也为MainViewModelSampleData设置Build Action。

现在，如果您想在MainPage中显示数据，您需要定义示例数据文件中的所有属性。例如:

// view model contains public properties Title of type string and Children of type
// PersonViewModel which contains properties Name and Age (string and int respectively)
<local:MainViewModel xmlns:local="clr-namespace:myapp"
                     Title="Title">
    <local:MainViewModel.Children>
        <local:ChildViewModel Name="John" Age="31" />
    </local:MainViewModel.Children>
</local:MainViewModel>
现在，您应该在设计视图中看到填充了数据的页面。通过使用MVVM，您可以快速创建模拟数据。这将确保您可以围绕现有数据设计视图，而无需运行应用程序。

阅读以下链接:

  • 芒果31天|第18天:使用样本数据
  • 修改样本数据
  • 生成样本数据
  • 在设计时使用混合样本数据，在运行时使用真实数据

我现在知道怎么做了。如果有人，如果你们遇到这个问题，请这样做:

复制你在itemtemplate的stackpanel中写的所有XAML 

<ListBox.ItemTemplate>
   <DataTemplate>
       <StackPanel>
             //...
       </StackPanel>
   </DataTemplate>
</ListBox.ItemTemplate>

复制到<ListBox> //Here </ListBox>你可以在设计器中编辑它。

当你完成后，只需将代码复制回StackPanel

相关文章：