#眉標=VS2008、WPF、GPU
#副標=體驗新一代整合開發環境（10）
#大標=免費套件開發WPF應用程式
#作者=文／圖	王寧疆


===<反灰>=============
xmlns:toolkit="clr-namespace:Microsoft.Windows.Controls;assembly=WPFToolkit"
==<end>==============



===<反灰>=============
<toolkit:DatePicker Grid.ColumnSpan="2" Margin="0,0,110,0" />
==<end>==============



===<反灰>=============
xmlns:Controls="clr-namespace:FluidKit.Controls;assembly=FluidKit"
==<end>==============



===<反灰>=============
<Window.Resources>
	<Controls:CubeTransition x:Key="CubeTransition" Rotation="BottomToTop" />
</Window.Resources>
<DockPanel>
	<StackPanel DockPanel.Dock="Left"	Width="200">
		<GroupBox Header="Cube"  Margin="0,10,0,0">
			<StackPanel Orientation="Vertical">
				<RadioButton Content="由左至右" x:Name="_l2r" IsChecked="True" />
				<RadioButton Content="由右至左" x:Name="_r2l" />
				<RadioButton Content="由上至下" x:Name="_t2b" />
				<RadioButton Content="由下至上" x:Name="_b2t" />
				<Button x:Name="_playCube" Content="播放" HorizontalAlignment="Right" 
Click="PlayCube" />
			</StackPanel>
		</GroupBox>
	</StackPanel>
	<Controls:TransitionPresenter x:Name="_transContainer"		  
MouseLeftButtonDown="SwitchImage" IsLooped="True" RestDuration="0:0:1"
									  Transition="{StaticResource CubeTransition}">
		<Image x:Name="_image1" Source="/Images/Venetian1.jpg" Stretch="Fill" />
		<Image x:Name="_image2" Source="/Images/Venetian2.jpg" Stretch="Fill" />
		…
     </Controls:TransitionPresenter>
</DockPanel>
==<end>==============



===<反灰>=============
public partial class TransitionTester : Window
{
	private string _backItem = "_image1";	//待顯示的圖片
	private string _frontItem = "_image2";	//目前顯示的圖片
	public TransitionTester()
	{
		InitializeComponent();
		Loaded += TransitionTester_Loaded;	//登記處理Loaded事件
	}
	private void TransitionTester_Loaded(object sender, RoutedEventArgs e)
	{
		_transContainer.TransitionCompleted += 
_transContainer_TransitionCompleted;	//登記處理TransitionCompleted事件
	}
	private void _transContainer_TransitionCompleted(object sender, EventArgs e)
	{
		SwapFrontAndBack();	//將目前顯示的圖片與待顯示的圖片對調
	}
	private void SwitchImage(object sender, MouseButtonEventArgs args)
	{
		if (Keyboard.Modifiers == ModifierKeys.Control)	//判斷使用者是否點中CTRL鍵
		{
			_transContainer.ApplyTransition("_image2", "_image1");	//套用圖片切換效果
		}
	}
	private void PlayCube(object sender, RoutedEventArgs args)
	{
		CubeTransition transition = 
Resources["CubeTransition"] as CubeTransition;	//從資源取出CubeTransition類別的物件
		if (_l2r.IsChecked.Value)	//如果是由左到右切換
		{
			transition.Rotation = Direction.LeftToRight;		//設定旋轉方向為由左到右
		}
		if (_r2l.IsChecked.Value)	//如果是由右到左切換
		{
			transition.Rotation = Direction.RightToLeft;		//設定旋轉方向為由右到左
		}
		if (_t2b.IsChecked.Value)	//如果是由上到下切換
		{
			transition.Rotation = Direction.TopToBottom;	//設定旋轉方向為由上到下
		}
		if (_b2t.IsChecked.Value)	//如果是由下到上切換
		{
			transition.Rotation = Direction.BottomToTop;	//設定旋轉方向為由下到上
		}
		_transContainer.Transition = transition;		//指定切換的方向
		_transContainer.ApplyTransition(_frontItem, _backItem);	//對指定的圖形套用轉換效果
	}
	private void SwapFrontAndBack()
	{
		string temp = _frontItem;	//將目前顯示的圖形名稱存放到temp變數
		_frontItem = _backItem;		//將目前顯示的圖形名稱更換成待顯示的圖形
		_backItem = temp;	//將待顯示的圖形名稱設定成temp變數的內容
	}
}
==<end>==============



===<反灰>=============
xmlns:av=http://schemas.codeplex.com/wpfcontrib/xaml/presentation
==<end>==============



===<反灰>=============
<StackPanel>
    <Button Content="選擇資料夾" Click="Button_Click" HorizontalAlignment="Left" Margin="5" />
    <TextBox Name="folder" Margin="5" />
</StackPanel>
==<end>==============



===<反灰>=============
private void Button_Click(object sender, RoutedEventArgs e)
{
Avalon.Windows.Dialogs.FolderBrowserDialog dialog = new 
Avalon.Windows.Dialogs.FolderBrowserDialog();	//建立FolderBrowserDialog類別的物件
    if (dialog.ShowDialog() == true)	//判斷使用者是否在選妥資料夾之後按下[確定]鍵
    {
       folder.Text=dialog.SelectedPath;	//使用者選擇的資料夾名稱顯示到XAML文件中的TextBox控制項中
    }
}
==<end>==============




===<反灰>=============
xmlns:local=http://schemas.AvalonControls/AvalonControlsLibrary/Controls
==<end>==============



===<反灰>=============
<DockPanel LastChildFill="True">        
 <Grid>
  <Grid.RowDefinitions>
   <RowDefinition/>
   <RowDefinition Height="20"/>
  </Grid.RowDefinitions>
  <Border>
    <local:RatingSelector Name="rating" RateItemColor="Salmon" RateItemHoverColor="Pink" 
         RatingSelected="1"/>
  </Border>
  <WrapPanel Grid.Row="1">
   <TextBlock Text="評點" Margin="0,0,5,0"/>
    <TextBlock Text="{Binding ElementName=rating, Path=RatingSelected}"/>
   </WrapPanel>
 </Grid>
</DockPanel>
==<end>==============



===<反灰>=============
\WPF.Themes\bin\Debug\WPF.Themes.dll
\WPFToolkitSourcesAndBinaries\Toolkit-release\bin\Debug\WPFToolkit.dll
==<end>==============




===<反灰>=============
xmlns:themes="clr-namespace:WPF.Themes;assembly=WPF.Themes"
themes:ThemeManager.Theme="{Binding ElementName=themes, Path=SelectedItem}"
Loaded="Window_Loaded"
Background="{DynamicResource WindowBackgroundBrush}"
==<end>==============




===<反灰>=============
<Border Background="White" Height="30" BorderBrush="Black" BorderThickness="0,0,0,1">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
        <TextBlock Text="佈景主題: " Margin="5,0,0,0"   />
        <ComboBox x:Name="themes" Width="150" Height="20" SelectedIndex="0" />
    </StackPanel>
</Border>
==<end>==============




===<反灰>=============
private void Window_Loaded(object sender, RoutedEventArgs e)
{
    themes.ItemsSource = ThemeManager.GetThemes();
}
==<end>==============




===<反灰>=============
xmlns:interactive3D="clr-namespace:_3DTools;assembly=3DTools"
==<end>==============




===<反灰>=============
<interactive3D:TrackballDecorator>
 <interactive3D:Interactive3DDecorator>
   <Viewport3D>
    <Viewport3D.Camera>
     <PerspectiveCamera Position="0,0,10" />
    </Viewport3D.Camera>
   <interactive3D:InteractiveVisual3D Geometry="{StaticResource PlaneMesh}" 
Visual="{StaticResource UI3}" />
   <ModelVisual3D>
    <ModelVisual3D.Content>
     <Model3DGroup>
      <Model3DGroup.Children>
       <DirectionalLight Color="#FFFFFFFF" Direction="0,0,-1"/>
      </Model3DGroup.Children>
      </Model3DGroup>
     </ModelVisual3D.Content>
     </ModelVisual3D>
    </Viewport3D>
  </interactive3D:Interactive3DDecorator>
</interactive3D:TrackballDecorator>
==<end>==============




===<反灰>=============
xmlns:odc="http://schemas.odyssey.com/wpf"
==<end>==============




===<反灰>=============
<DockPanel>
 <odc:OutlookBar Header="Outlook操作畫面" MaxNumberOfButtons="3" x:Name="bar" MaxWidth="300"
   IsCloseButtonVisible="True"
   SelectedSectionIndex="0" Margin="4,4,0,4" Grid.Row="0" Width="200">
 <odc:OutlookBar.Sections>
  <odc:OutlookSection Header="電子郵件" Image="/Web.png">
   <StackPanel>
    <odc:OdcExpander Header="Buttons" Margin="0" Background="White" 
ShowEllipse="False" IsExpanded="True">
     <StackPanel >
       <Button Margin="4">Button1</Button>
       <Button Margin="4">Button2</Button>
     </StackPanel>
    </odc:OdcExpander>
    <odc:OdcExpander Header="Skins" Margin="0" Background="White" 
ShowEllipse="False"  >
     <StackPanel >
       <Button Click="BlueSkinClick" Content="藍色系"/>
       <Button Click="SilverSkinClick" Content="銀色系"/>
       <Button Click="BlackSkinClick" Content="黑色系"/>
     </StackPanel>
     </odc:OdcExpander>
     </StackPanel>
    </odc:OutlookSection>
    <odc:OutlookSection Header="行事曆" Content="Hello World" 
Image="/AlignTableCellMiddleCenterHS.png" />
    <odc:OutlookSection Header="連絡人" Image="/Web.png">
     <odc:OutlookSection.Content>
      <StackPanel Focusable="False">
       <odc:OdcExpander Header="工作同仁">
        <StackPanel>
         <TextBlock Text="某甲"/>
          <TextBlock Text="某乙"/>
          <TextBlock Text="某丙"/>
          <TextBlock Text="某丁"/>
        </StackPanel>
       </odc:OdcExpander>
      </StackPanel>
     </odc:OutlookSection.Content>
     </odc:OutlookSection>
    </odc:OutlookBar.Sections>
   </odc:OutlookBar>
<Border Background="LightSteelBlue" BorderBrush="SteelBlue" BorderThickness="1" Margin="0,4,0,4" >
   <TextBlock x:Name="label" Text="自訂區域" TextBlock.FontStyle="Italic" TextBlock.FontSize="16" 
VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Border>
</DockPanel>
==<end>==============




===<反灰>=============
private void BlueSkinClick(object sender, RoutedEventArgs e)
{
    bar.Skin = OdysseySkin.OutllookBlue;	//將OutlookBar顯示成藍色的色調
}

private void SilverSkinClick(object sender, RoutedEventArgs e)
{
    bar.Skin = OdysseySkin.OutlookSilver;	//將OutlookBar顯示成銀色的色調
}

private void BlackSkinClick(object sender, RoutedEventArgs e)
{
    bar.Skin = OdysseySkin.OutlookBlack;	//將OutlookBar顯示成黑色的色調
}
==<end>==============



=====BOX========
免費WPF套件下載網址：
* WPF Toolkit：http://www.codeplex.com/wpf/Release/ProjectReleases.aspx?ReleaseId=15598。
* FluidKit Framework：http://www.codeplex.com/fluidkit/SourceControl/ListDownloadableCommits.aspx。
* WPF Contrib：http://www.codeplex.com/wpfcontrib/Release/ProjectReleases.aspx?ReleaseId=14729。
* AvalonControlsLibrary：http://www.codeplex.com/AvalonControlsLib/Release/ProjectReleases.aspx?ReleaseId=10250。
* WPF Themes：http://www.codeplex.com/wpfthemes/SourceControl/ListDownloadableCommits.aspx。
* 3D Tools for WPF：http://www.codeplex.com/3DTools/Release/ProjectReleases.aspx?ReleaseId=2058。
* Odyssey WPF Control：http://www.codeplex.com/odyssey/SourceControl/ListDownloadableCommits.aspx。
====END====================