首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> 關於.NET

WPF ListView 設計時填充 Mock 資料的 XAML 單純寫法

     編輯:關於.NET

問題

使用 Blend 進行視覺化設計時,常需要在 ListView 中預覽假資料,但不想撰寫 C# 代碼或建立 ViewModel。

純 XAML 解決方案

<Window
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="clr-namespace:System;assembly=mscorlib"
    x:Class="ListViewData.MainWindow"
    x:Name="Window"
    Title="Demo Window"
    Width="300" Height="300">
  <Grid x:Name="LayoutRoot">
    <ListView>
      <ListView.View>
        <GridView>
          <GridViewColumn Header="Value" DisplayMemberBinding="{Binding .}"/>
          <GridViewColumn Header="Length" DisplayMemberBinding="{Binding Length}"/>
        </GridView>
      </ListView.View>
      <ListView.Items>
        <s:String>a</s:String>
        <s:String>bb</s:String>
      </ListView.Items>
    </ListView>
  </Grid>
</Window>

關鍵點

  • 引入 xmlns:s="clr-namespace:System;assembly=mscorlib" 對應 .NET 基礎型別
  • 在 <ListView.Items> 直接宣告 <s:String> 元素作為資料來源
  • DisplayMemberBinding="{Binding .}" 繫結字串本身,{Binding Length} 繫結字串長度屬性

此法零代碼、即時於設計器預覽,適合快速 UI 原型驗證。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved