WPF4-使用CollectionViewSource排序、篩選資料

我們可以使用這段XAML呼叫System.IO下Directory類別的EnumerateFiles方法將C:\下所有檔案列在ListBox

<Window x:Class="CollectionViewSourceDemo.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300"
        xmlns:io="clr-namespace:System.IO;assembly=mscorlib"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        >
    <Window.Resources>
        <ObjectDataProvider x:Key="myProvider"
                            ObjectType="{x:Type io:Directory}" MethodName="EnumerateFiles">
            <ObjectDataProvider.MethodParameters>
                <sys:String>C:\</sys:String>              
            </ObjectDataProvider.MethodParameters>
        </ObjectDataProvider>
    </Window.Resources>
    <Grid>
        <ListBox ItemsSource="{Binding Source={StaticResource myProvider}}"/>
    </Grid>
</Window>

執行結果參考如下

改用CollectionViewSource 設排序方向性為Descending

<Window x:Class="CollectionViewSourceDemo.Window3"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300"
        xmlns:io="clr-namespace:System.IO;assembly=mscorlib"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:d="clr-namespace:System.Windows.Data;assembly=PresentationFramework"
        xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        >
    <Window.Resources>
        <ObjectDataProvider x:Key="myProvider"
                            ObjectType="{x:Type io:Directory}" MethodName="EnumerateFiles">
            <ObjectDataProvider.MethodParameters>
                <sys:String>C:\</sys:String>
            </ObjectDataProvider.MethodParameters>
        </ObjectDataProvider>
        <CollectionViewSource x:Key="myViewSource" Source="{StaticResource myProvider}">
            <CollectionViewSource.SortDescriptions>
                <scm:SortDescription    Direction="Descending" />
            </CollectionViewSource.SortDescriptions>

        </CollectionViewSource>
    </Window.Resources>
    <Grid>
        <ListBox ItemsSource="{Binding Source={StaticResource myViewSource}}"/>
    </Grid>
</Window>

加上Filter事件

<Window x:Class="CollectionViewSourceDemo.Window4"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300"
        xmlns:io="clr-namespace:System.IO;assembly=mscorlib"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:d="clr-namespace:System.Windows.Data;assembly=PresentationFramework"
        xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        >
    <Window.Resources>
        <ObjectDataProvider x:Key="myProvider"
                            ObjectType="{x:Type io:Directory}" MethodName="EnumerateFiles">
            <ObjectDataProvider.MethodParameters>
                <sys:String>C:\</sys:String>
            </ObjectDataProvider.MethodParameters>
        </ObjectDataProvider>
        <CollectionViewSource            
            x:Key="myViewSource" Source="{StaticResource myProvider}"
            Filter="CollectionViewSource_Filter"
            >
            <CollectionViewSource.SortDescriptions>
                <scm:SortDescription    Direction="Descending" />
            </CollectionViewSource.SortDescriptions>
        </CollectionViewSource>
    </Window.Resources>
    <Grid>
        <ListBox ItemsSource="{Binding Source={StaticResource myViewSource}}"/>
    </Grid>
</Window>

然後在cs檔案中,加入

private void CollectionViewSource_Filter(object sender, FilterEventArgs e) {
           string f = e.Item.ToString();
           if (f.EndsWith(".txt"))
               e.Accepted = true;
           else
               e.Accepted = false;
       }

就可以篩選副檔名為.txt檔案出來

ObjectDataProvider與資料繫結

WPF若要將物件當作資料進行繫結，可以利用ObjectDataProvider來提供資料，例如以下範例，利用myObject自訂物件GetCollection' 法取回的List<String>集合當作資料來源以進行繫結

class myObject {
        public List<string> GetCollection() {       
            return  new List<string> { "AA", "BB", "CC" };
        }
    }

接著就可以在WPF視窗中加一個ObjectDataProvider ，設定要呼叫myObject的GetCollection  Method，取回的集合可以直接繫結到ListBox
<Window x:Class="Demo.ODP01"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ODP01" Height="300" Width="300"       
        xmlns:local="clr-namespace:Demo">
    <Window.Resources>
        <ObjectDataProvider x:Key="myObjectProvider"
                            ObjectType="{x:Type  local:myObject}"
                            MethodName="GetCollection" />
    </Window.Resources>
    <Grid>
        <ListBox
            ItemsSource="{Binding Source={StaticResource myObjectProvider}}"
            Height="158" HorizontalAlignment="Left" Margin="36,12,0,0" Name="listBox1" VerticalAlignment="Top" Width="198" />
    </Grid>
</Window>

執行結果

使用PresentationTraceSources.TraceLevel除錯

WPF在進行DataBinding的過程中，若發生錯誤，並不會以未處理的Exception型式告知，因此你將無法寫程式利用傳統的try..catch區塊來捕捉錯誤，你可以利用 PresentationTraceSources.TraceLevel來得知更多錯誤資訊幫助除錯，例如有一個WPF程式包含以下類別

public class MyUser {
       public string UserName { get; set; }       
   }

文字方塊繫結如下
<TextBox>
           <TextBox.Text>
               <Binding Path="Name" />
           </TextBox.Text>
       </TextBox>

MainWindow Contructor如下

public MainWindow() {
          InitializeComponent();
          this.DataContext = new MyUser() {  UserName = "Mary" };
      }

執行後檢視Output Window只看到Error 40的訊息

重寫一下設定，Textbox設定TraceLevel為High

<Window x:Class="P5_21_TraceLevel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
       
         xmlns:diag="clr-namespace:System.Diagnostics;assembly=WindowsBase"
        >
    <Grid x:Name="roor">    
        <TextBox>
            <TextBox.Text>
                <Binding Path="Name"
               diag:PresentationTraceSources.TraceLevel="High"/>
            </TextBox.Text>
        </TextBox>
    </Grid>
</Window>

適當設定Visual Studio 2010 Debugging


重Run，Output window會多顯示更多的資訊出來

從Visual Studio 2010切換WPF開發專案到Blend 4

使用Visual Studio 2010開發WPF專案時,無法直接切換到Blend 4,,解決方式是下載擴充程式 Blend it!

選Download下載BlendItSetup.msi檔案，然後直接安裝

之後在Solution Explorer,選Solution就可以選Blend it!切換到Blend 4.

WPF 資料繫結

今有WPF Windows 變數如下

string sample="sample1234";

WPF Window的XAML之中包含一個TextBlock

<TextBlock Height="23"  Text="{Binding }" HorizontalAlignment="Left" Margin="221,43,0,0" Name="textBlock1"  VerticalAlignment="Top" Width="95"  />

只要設定Text為{Binding}，然後在Window_Loaded事件加上這行

textBlock1.DataContext = sample;

執行就會自動將變數sample的內容,繫結到TextBlock的Text屬性。
若是使用TextBox，可以在Window中宣告屬性

private string _hi;
public string HI { get { return "HI"; } set { _hi = value; } }

XAML

<TextBox Height="23" Text="{Binding Path=HI,Mode=TwoWay}" HorizontalAlignment="Left" Margin="210,113,0,0" Name="textBox1" VerticalAlignment="Top" Width="120"  />

Window_Loaded事件加上這行

textBox1.DataContext = this;