米米貓學開發

2011年8月26日星期五

Expression Blend(40)-改寫Control預設的Style (Button)

本範例使用WPF專案
若希望改寫 WPF 控制項的預設Style，以Button為例

在window中加一個Button
建立Style

Apply to all

在Style編輯畫面，設B(粗體)，I (斜體)與字型大小

回到Window

產生的XAML參考如下

後續加Button到Window時，就會自動套用Style

2011年8月24日星期三

XAML 2009

.NET Framework 4已經支援XAML 2009規範，但是目前的Visual Studio 2010 SP1與 Microsoft Expression Blend 4工具並不支援，目前你可以使用Loose XAML檔來撰寫支援XAML 2009語法的WPF程式。
XAML 2009 語言功能，可以參考 MSDN
底下介紹一個簡單範例，在過去使用XAML 2006時，若要使用CLR中的string型別，我們必需撰寫以下程式，引用clr-namespace:System命名空間

若是使用XAML 2009，則可改為如下，注意StackPanel引用了XAML 2009規範

<StackPanel
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:v4=http://schemas.microsoft.com/netfx/2009/xaml/presentation

>
<StackPanel.Resources>
<x:String x:Key="myData">WPF</x:String> </StackPanel.Resources>
<Label Content="{StaticResource myData}" ></Label>
</StackPanel>

WPF- Loose XAML Files

在WPF中你可以只建立XAML檔案，但不要建立任何程式碼，稱之為Loose XAML檔案。Loose XAML可以直接以IE開啟(要裝.NET Framework 3以上版本)。若有包含程式碼，就不可用IE開啟，要改用Browser base的WPF應用程式。
Loose XAML Files特色

是一個附檔名為 XAML檔案
沒有相關聯的code-behind檔案
不會編譯成一個應用程式

例如有一個Loose XAML Files，檔案內容如下：

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" >
<StackPanel Margin="10" Width="150">
<Label>Label</Label>
<TextBox>TextBox</TextBox>
</StackPanel>
</Page>

這種類型的檔案，可以直接載入ＩＥ瀏覽器，在載入瀏覽器開啟後執行結果；

Loose XAML Files 限制

根節點不可以是Window，可以是Page、Viewbox…等，例如

<Viewbox xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" >
<StackPanel Margin="10" Width="150">
<Label>Label</Label>
<TextBox>TextBox</TextBox>
</StackPanel>
</Viewbox>

根節點要定義必要的命名空間
Element不能有事件處理常式
不是所有瀏覽器都支援

2011年8月11日星期四

Expression Blend(39)-繫結到Observable Collection

本範例使用WPF專案
若有一個 Observable Collection定義如下，要將其繫結到ListBox

class BookList : ObservableCollection<Book> {
        public BookList ( )
            : base ( ) {
            Add ( new Book { Title = "Learning ASP.NET" , Price = 590 } );
            Add ( new Book { Title = "Learning VB" , Price = 490 } );
            Add ( new Book { Title = "Learning C#" , Price = 600 } );
            Add ( new Book { Title = "Learning Blend" , Price = 500 } );
        }
    }
    class Book {
        public string Title { get; set; }
        public int Price { get; set; }
    }