WPF Presentation.

<< Photos from last weekends Code camp and Pub Club | Home | WInfx installation links and instructions >>

WPF Presentation.

For those of you who attended my presentation last week in Boca on introduction to Windows Presentation Foundation.

I borrowed a lot of these from windows Presentation Foundation Hands-On-Labs

http://msdn.microsoft.com/windowsvista/building/presentation/hands_on_lab/default.aspx

Please download the following startup projects

Demo1

http://www.ssccinc.com/richcontent.zip

Demo 2

http://www.ssccinc.com/WPFDataBinding.zip

Here are step by Step copy each step and expalin it to the audience.

DEMO 1

Demo1 Ex1 Task 1
1 create a new project remove the Grid tag and add the canvas tag then inside of it add the following make sure to run the application after each step so everyone knows what you are trying to accomplish.
+++++++++++++++++++++++++++
<Ellipse Width="300" Height="300" Stroke="Purple" StrokeThickness="20">
</Ellipse>
2 +++++++++++++++++++++++++++

<Ellipse.Fill>
    <LinearGradientBrush>
      <LinearGradientBrush.GradientStops>
        <GradientStop Offset="0" Color="Yellow" />
        <GradientStop Offset="1" Color="Red" />
      </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</Ellipse.Fill>
3 ++++++++++++++++

StrokeDashArray="0.5,2">

4 ++++++++++++++++++
StrokeDashCap="Round">

5 ++++++++++++++++++++++++++++++
delte stroke

<Ellipse.Stroke>
        <LinearGradientBrush>
          <LinearGradientBrush.GradientStops>
            <GradientStop Offset="0" Color="Black" />
            <GradientStop Offset="1" Color="White" />
          </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
      </Ellipse.Stroke>
6 +++++++++++++++++++++++++++++++++++++++++++
Replace Ellipse with
    <Path Width="800" Height="800"
      StrokeThickness="20" StrokeDashArray="0.5,2"
      StrokeDashCap="Round" >

      <Path.Data>
        <EllipseGeometry RadiusX="150" RadiusY="150" Center = "200,200" />
      </Path.Data>

      <Path.Fill>
        <LinearGradientBrush>
          <LinearGradientBrush.GradientStops>
            <GradientStop Offset="0" Color="Yellow" />
            <GradientStop Offset="1" Color="Red" />
          </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
      </Path.Fill>

      <Path.Stroke>
        <LinearGradientBrush>
          <LinearGradientBrush.GradientStops>
            <GradientStop Offset="0" Color="Black" />
            <GradientStop Offset="1" Color="White" />
          </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
      </Path.Stroke>
    </Path>
7 ++++++++++++++++++++++++++++
replace
      <Path.Data>
        <CombinedGeometry GeometryCombineMode="Union">
          <CombinedGeometry.Geometry1>
            <EllipseGeometry Center="200,200" RadiusX="150" RadiusY="150" />
          </CombinedGeometry.Geometry1>
          <CombinedGeometry.Geometry2>
            <EllipseGeometry Center="400,200" RadiusX="150" RadiusY="150" />
          </CombinedGeometry.Geometry2>
        </CombinedGeometry>
      </Path.Data>
8 +++++++++++++++++++++++++++++++++++++
  <Path.Fill>
    <VisualBrush>
    <VisualBrush.Visual>
    <TextBlock Text="Hello World" FontWeight="Bold" Padding="10">
      <TextBlock.Background>
      <LinearGradientBrush>
      <LinearGradientBrush.GradientStops>
        <GradientStop Offset="0" Color="Yellow" />
        <GradientStop Offset="1" Color="Red" />
      </LinearGradientBrush.GradientStops>
      </LinearGradientBrush>
      </TextBlock.Background>
    </TextBlock>
    </VisualBrush.Visual>
    </VisualBrush>
  </Path.Fill>
======================================
Ex2
1 +++++++
Name="MyPath" add to Path
then
      <Path.Triggers>
        <EventTrigger RoutedEvent="Path.Loaded">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation
                  Storyboard.TargetName="MyPath"
                  Storyboard.TargetProperty="StrokeDashOffset"
                  To="20" Duration="0:0:10"
          RepeatBehavior="Forever" />
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Path.Triggers>
2 ++++++++++++++++++++++++++++++++++++++++++++
add to ellipse geomtry
x:Name="MyEllipseGeometry"
   <EllipseGeometry x:Name="MyEllipseGeometry"
        Center="200,200" RadiusX="150" RadiusY="150" />
then

      <BeginStoryboard>
        <Storyboard>
          <PointAnimation
            Storyboard.TargetName="MyEllipseGeometry"
            Storyboard.TargetProperty="Center"
            From="150,100" To="650,200" Duration="0:0:3"
            RepeatBehavior="Forever" AutoReverse="True"/>
        </Storyboard>
      </BeginStoryboard>
3 ++++++++++++++++++++++++++++++++++++++++++++++
replace textblock
<TextBlock Text="Hello World" FontWeight="Bold" Padding="10">

<TextBlock.Foreground>
    <LinearGradientBrush>
      <LinearGradientBrush.GradientStops>
        <GradientStop Offset="0" Color="Yellow" />
        <GradientStop Offset="1" Color="Red" />
      </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</TextBlock.Foreground>

<TextBlock.Background>
    <VisualBrush>
      <VisualBrush.Visual>
         <MediaElement Source="C:\\apollo11_launchclip04.mpg" />
      </VisualBrush.Visual>
    </VisualBrush>
</TextBlock.Background>

</TextBlock>

============================================
ex 3
==============================================
clear all and paste this

    <Viewport3D.Camera>
      <PerspectiveCamera
       FarPlaneDistance="20"
       LookDirection="0,-0.65,-1"
       UpDirection="0,1,0"
       NearPlaneDistance="1"
       Position="0,2,3"
       FieldOfView="40" />
    </Viewport3D.Camera>
    <Viewport3D.Children>
      <ModelVisual3D>
        <ModelVisual3D.Content>
          <Model3DGroup >
            <Model3DGroup.Children>
              <AmbientLight Color="White" />
              <GeometryModel3D>

                <GeometryModel3D.Geometry>
                  <MeshGeometry3D
                   TriangleIndices="0,1,2   2,3,0   6,5,4   4,7,6"
                   TextureCoordinates="1,1 1,0   0,0   0,1   0,1 0,0   1,0   1,1"
                   Positions="-0.5,-0.5,0   -0.5,0.5,0   0.5,0.5,0    0.5,-0.5,0      -0.5,-0.5,0   -0.5,0.5,0   0.5,0.5,0    0.5,-0.5,0 "/>
                </GeometryModel3D.Geometry>

                <GeometryModel3D.Transform>
                  <RotateTransform3D>
                    <RotateTransform3D.Rotation>
                      <AxisAngleRotation3D x:Name="MyRotation3D" Angle="45" Axis="0 1 0"/>
                    </RotateTransform3D.Rotation>
                  </RotateTransform3D>
                </GeometryModel3D.Transform>

                <GeometryModel3D.Material>
                  <DiffuseMaterial>
                    <DiffuseMaterial.Brush>
                      <VisualBrush>
                        <VisualBrush.Visual>
                          <TextBlock Text="Hello" />
                        </VisualBrush.Visual>
                      </VisualBrush>
                    </DiffuseMaterial.Brush>
                  </DiffuseMaterial>
                </GeometryModel3D.Material>

              </GeometryModel3D>
            </Model3DGroup.Children>
          </Model3DGroup>
        </ModelVisual3D.Content>
      </ModelVisual3D>
    </Viewport3D.Children>
    <Viewport3D.Triggers>
      <EventTrigger RoutedEvent="Viewport3D.Loaded">
        <EventTrigger.Actions>
          <BeginStoryboard>
            <Storyboard>
              <DoubleAnimation From="0" To="360" Duration="0:0:3"
              Storyboard.TargetName="MyRotation3D"
              Storyboard.TargetProperty="Angle" RepeatBehavior="Forever" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
    </Viewport3D.Triggers>
</Viewport3D>
2 ++++++++++++++++++++++++++++++++++++++++++++++++++++
<MeshGeometry3D
    TriangleIndices="0,1,2 3,4,5 6,7,8 9,10,11 12,13,14 15,16,17 18,19,20 21,22,23 24,25,26 27,28,29 30,31,32 33,34,35 "
    Normals="0,0,-1 0,0,-1 0,0,-1 0,0,-1 0,0,-1 0,0,-1 0,0,1 0,0,1 0,0,1 0,0,1 0,0,1 0,0,1 0,-1,0 0,-1,0 0,-1,0 0,-1,0 0,-1,0 0,-1,0 1,0,0 1,0,0 1,0,0 1,0,0 1,0,0 1,0,0 0,1,0 0,1,0 0,1,0 0,1,0 0,1,0 0,1,0 -1,0,0 -1,0,0 -1,0,0 -1,0,0 -1,0,0 -1,0,0 "
    TextureCoordinates="1,1 1,0 0,0 0,0 0,1 1,1 0,1 1,1 1,0 1,0 0,0 0,1 0,1 1,1 1,0 1,0 0,0 0,1 1,1 1,0 0,0 0,0 0,1 1,1 1,0 0,0 0,1 0,1 1,1 1,0 0,0 0,1 1,1 1,1 1,0 0,0 "
    Positions="-0.5,-0.5,-0.5 -0.5,0.5,-0.5 0.5,0.5,-0.5 0.5,0.5,-0.5 0.5,-0.5,-0.5 -0.5,-0.5,-0.5 -0.5,-0.5,0.5 0.5,-0.5,0.5 0.5,0.5,0.5 0.5,0.5,0.5 -0.5,0.5,0.5 -0.5,-0.5,0.5 -0.5,-0.5,-0.5 0.5,-0.5,-0.5 0.5,-0.5,0.5 0.5,-0.5,0.5 -0.5,-0.5,0.5 -0.5,-0.5,-0.5 0.5,-0.5,-0.5 0.5,0.5,-0.5 0.5,0.5,0.5 0.5,0.5,0.5 0.5,-0.5,0.5 0.5,-0.5,-0.5 0.5,0.5,-0.5 -0.5,0.5,-0.5 -0.5,0.5,0.5 -0.5,0.5,0.5 0.5,0.5,0.5 0.5,0.5,-0.5 -0.5,0.5,-0.5 -0.5,-0.5,-0.5 -0.5,-0.5,0.5 -0.5,-0.5,0.5 -0.5,0.5,0.5 -0.5,0.5,-0.5 "/>
3 +++++++++++++++++++++++++++++++++++++++++++++++++++++
<DiffuseMaterial>
<DiffuseMaterial.Brush>
    <VisualBrush>
      <VisualBrush.Visual>
        <MediaElement Source = "C:\apollo11_launchclip04.mpg" />
      </VisualBrush.Visual>
    </VisualBrush>
</DiffuseMaterial.Brush>
</DiffuseMaterial>
4 ++++++++++++++++++++++++++++++++++++++++++++++++++++++

                      <Path.Data>
                        <CombinedGeometry GeometryCombineMode="Union">
                          <CombinedGeometry.Geometry1>
                            <EllipseGeometry x:Name="MyEllipseGeometry"
                              Center="200 200" RadiusX="150" RadiusY="150" />
                          </CombinedGeometry.Geometry1>
                          <CombinedGeometry.Geometry2>
                            <EllipseGeometry Center="400 200" RadiusX="150" RadiusY="150" />
                          </CombinedGeometry.Geometry2>
                        </CombinedGeometry>
                      </Path.Data>

                      <Path.Fill>
                        <VisualBrush>
                          <VisualBrush.Visual>
                            <TextBlock Text="Hello World" FontWeight="Bold" Padding="10">
                              <TextBlock.Foreground>
                                <LinearGradientBrush>
                                  <LinearGradientBrush.GradientStops>
                                    <GradientStop Offset="0" Color="Yellow" />
                                    <GradientStop Offset="1" Color="Red" />
                                  </LinearGradientBrush.GradientStops>
                                </LinearGradientBrush>
                              </TextBlock.Foreground>
                              <TextBlock.Background>
                                <VisualBrush>

                                    <VisualBrush.Visual>
                                      <MediaElement>
                                   <MediaElement.Source>
                                <MediaTimeline Source="C:\Microsoft Hands-On-Lab\HOL-PRSHOL08\Source\apollo11_launchclip04.mpg" RepeatBehavior="Forever"/>
                              </MediaElement.Source>
                                  </MediaElement>

                                  </VisualBrush.Visual>
                                </VisualBrush>
                              </TextBlock.Background>
                            </TextBlock>
                          </VisualBrush.Visual>
                        </VisualBrush>
                      </Path.Fill>

                      <Path.Triggers>
                        <EventTrigger RoutedEvent="Path.Loaded">
                          <EventTrigger.Actions>
                            <BeginStoryboard>
                              <Storyboard>
                                <DoubleAnimation To="20" Duration="0:0:10"
                                  Storyboard.TargetName="MyPath"
                                  Storyboard.TargetProperty="StrokeDashOffset"
                                  RepeatBehavior="Forever" />
                              </Storyboard>
                            </BeginStoryboard>
                            <BeginStoryboard>
                              <Storyboard>
                                <PointAnimation From="150,100" To="650,200" Duration="0:0:3"
                                  Storyboard.TargetName="MyEllipseGeometry"
                                  Storyboard.TargetProperty="Center"
                                  RepeatBehavior="Forever" AutoReverse="True"/>
                              </Storyboard>
                            </BeginStoryboard>
                          </EventTrigger.Actions>
                        </EventTrigger>
                      </Path.Triggers>
                    </Path>

DEMO 2

Create a new C# WPF windows Project
add a new codepage and Call it data.cs

1 Add the following Using statements to the top +++++++++++++++++++++++
using System;
using System.Collections.Generic;
using System.Text;
using System.IO;
using System.Collections.ObjectModel;
using System.ComponentModel;

2 ++++++++++++++++++++

Inside namespace PhotoStore

    public class Photo
    {
        public Photo(string path)
        {
            _source = path;
        }

        public override string ToString()
        {
            return Source;
        }

private string _source;
public string Source { get { return _source; } }

}

3 ++++++++++++++++++++++++++++++++++++++
    public class PhotoList : ObservableCollection<Photo>
    {
        public PhotoList() { }

public PhotoList(string path) : this(new DirectoryInfo(path)) { }

        public PhotoList(DirectoryInfo directory)
        {
            _directory = directory;
            Update();
        }

        public string Path
        {
            set
            {
                _directory = new DirectoryInfo(value);
                Update();
            }
            get { return _directory.FullName; }
        }

        public DirectoryInfo Directory
        {
            set
            {
                _directory = value;
                Update();
            }
            get { return _directory; }
        }
        private void Update()
        {
            foreach (FileInfo f in _directory.GetFiles("*.jpg"))
            {
                Add(new Photo(f.FullName));
            }
        }

DirectoryInfo _directory;
}

3.5 +++++++++++++++++++++++++++++++++
public class PrintType
    {
        public PrintType(string description, double cost)
        {
            _description = description;
            _cost = cost;
        }

        public override string ToString()
        {
            return _description;
        }

private string _description;
public String Description { get { return _description; } }

        private double _cost;
        public double Cost { get { return _cost; } }
    }

4 +++++++++++++++++++++++++++++++++++++

    public class PrintTypeList : ObservableCollection<PrintType>
    {
        public PrintTypeList()
        {
            Add(new PrintType("4x6 Print", 0.19));
            Add(new PrintType("5x7 Print", 0.99));
            Add(new PrintType("8x10 Print", 2.99));
            Add(new PrintType("Framed Print", 7.99));
            Add(new PrintType("T-Shirt", 12.99));
        }
    }
5 +++++++++++++++++++++++++++++++++++++++++++++
    public class Print : INotifyPropertyChanged
    {
        public Print(Photo photo, PrintType printtype, int quantity)
        {
            Photo = photo;
            PrintType = printtype;
            Quantity = quantity;
        }

        private Photo _photo;
        public Photo Photo
        {
            set { _photo = value; OnPropertyChanged("Photo"); }
            get { return _photo; }
        }

        private PrintType _PrintType;
        public PrintType PrintType
        {
            set { _PrintType = value; OnPropertyChanged("PrintType"); }
            get { return _PrintType; }
        }

        private int _quantity;
        public int Quantity
        {
            set { _quantity = value; OnPropertyChanged("Quantity"); }
            get { return _quantity; }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void OnPropertyChanged(String info)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(info));
        }

        public override string ToString()
        {
            return Quantity + " " + PrintType + " " + Photo;
        }
    }

6 ++++++++++++++++++++++++++++++++++
    public class PrintList : ObservableCollection<Print> { }
================= WIndow1.xaml.cs =================
7 in window1.xaml.cs add the following delcartion++++++++++++++++++++++++++++++++++++
        PhotoList Photos;
        PrintList PhotoTray;

8 make sure you copy the images in the zip file to c:\Pics directory
if you copy it to a different folder modify the code below ++++++++++++++++++
        private void WindowLoaded(object sender, RoutedEventArgs e)
        {
            Photos = (PhotoList)(this.Resources["Photos"] as ObjectDataProvider).Data;
            Photos.Path = "c:\\Pics";

            PhotoTray = (PrintList)(this.Resources["PhotoTray"] as ObjectDataProvider).Data;
        }
9 we need to uncomment the lines here after we modify window1.xaml in the next example ++++++++++++++++++++++++++++++++++++++
        private void AddToPhotoTray(object sender, RoutedEventArgs e)
        {
            /*
            if (PrintTypeComboBox.SelectedItem != null)
            {
                foreach (Photo p in PhotosListBox.SelectedItems)
                {
                    Print print = GetPrintFromPhotoTray(p, PrintTypeComboBox.SelectedItem as PrintType);

                    if (print != null)
                    {
                        print.Quantity++;
                    }
                    else
                    {
                        print = new Print(p, PrintTypeComboBox.SelectedItem as PrintType, 1);
                        PhotoTray.Add(print);
                    }
                }
            }
            */
        }
10 +++++++++++++++++++++++++++++++++++++
        private void Upload(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i <= 100; i++)
            {
                //UploadProgressBar.Value = i;
            }
        }
11 +++++++++++++++++++++++++++++++++++++++++
        private Print GetPrintFromPhotoTray(Photo photo, PrintType printtype)
        {
            foreach (Print print in PhotoTray)
            {
                if (print.Photo == photo && print.PrintType == printtype)
                {
                    return print;
                }
            }
            return null;
        }
===================================
Task 2
===================================

1 Add the following line to the top of the page window1.xaml ++++++++++++++++++
<?Mapping XmlNamespace="ps" ClrNamespace="PhotoStore" ?>

2 Insert this to the end of the tag++++++++++++++++++++++++
Loaded="WindowLoaded"
xmlns:ps="ps"
    Width="640"
Height="670">
<Window.Background>
    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
      <LinearGradientBrush.GradientStops>
        <GradientStopCollection>
          <GradientStop Offset="0" Color="#DDDDDD"/>
          <GradientStop Offset="1" Color="#EEEEEE"/>
        </GradientStopCollection>
      </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</Window.Background>
<Window.Resources>
    <ObjectDataProvider
      x:Name="PhotosODP"
      x:Key="Photos"
      ObjectType="{x:Type ps:PhotoList}" />
    <ObjectDataProvider
      x:Name="PhotoTrayODP"
      x:Key="PhotoTray"
      ObjectType="{x:Type ps:PrintList}" />
    <ObjectDataProvider
      x:Name="PrintTypes"
      x:Key="PrintTypes"
      ObjectType="{x:Type ps:PrintTypeList}" />
</Window.Resources>

3 +++++++++++++++++++++++++++++++++++++++++++++

Margin="20" MaxWidth="600" ShowGridLines="False" >

    <TextBlock
      Grid.Row="0"
      Grid.ColumnSpan="2">
      PhotoStore
    </TextBlock>

<TextBlock Grid.Row="1" Grid.ColumnSpan="2">Making memories.</TextBlock>

</StackPanel>

    <TextBlock
      Grid.Row="3"
      Grid.Column="1">
      Photo Tray
    </TextBlock>

      <ProgressBar
        Name="UploadProgressBar"
        Width="126"
        Value="0"
        Margin="2"
        VerticalAlignment="Center" />
      <Button Click="Upload" Margin="2" VerticalAlignment="Center" >Upload</Button>

</StackPanel>
====================================

EX2 task 1
=====================================

1 ++++++++++++++++++++++++++++++++++++++
    <Style TargetType="{x:Type TextBlock}">
      <Setter Property="FontFamily" Value="Segoe Black" />
      <Setter Property="HorizontalAlignment" Value="Center" />
      <Setter Property="FontSize" Value="12pt" />
      <Setter Property="Foreground" Value="#777777" />
    </Style>

2 +++++++++++++++++++++++++++++++++++++++++
first add this to photostore
Style="{StaticResource TitleText}">

then
    <Style
      x:Key="TitleText"
      BasedOn="{StaticResource {x:Type TextBlock}}"
      TargetType="{x:Type TextBlock}">
      <Setter Property="FontSize" Value="32pt" />

<Setter Property="Foreground">
        <Setter.Value>
          <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <LinearGradientBrush.GradientStops>
              <GradientStopCollection>
                <GradientStop Offset="0" Color="#90C117"/>
                <GradientStop Offset="1" Color="#5C9417"/>
              </GradientStopCollection>
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Setter.Value>
      </Setter>

      <Setter Property="RenderTransform">
        <Setter.Value>
          <TransformGroup>
            <TransformGroup.Children>
              <TranslateTransform X="0" Y="10"/>
            </TransformGroup.Children>
          </TransformGroup>
        </Setter.Value>
      </Setter>

</Style>

3 +++++++++++++++++++++++++++++++++++++++++++++++++++
add to to Photo Tray
HorizontalAlignment="Left">

4 ++++++++++++++++++++++++++++++++++++++++++++++++++

add this to items control
Style="{StaticResource TrayItemsControl}"

then

5 ++++++++++++++++++++++++++++++++++++++++++++
<Style x:Key="TrayItemsControl" TargetType="{x:Type ItemsControl}">
      <Setter Property="Foreground" Value="White" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ItemsControl}" >
            <Border
              Height="250"
              Width="200"
              Padding="10"
              BorderThickness="0.5"
              CornerRadius="6"
              VerticalAlignment="Center"
              HorizontalAlignment="Center">
              <WrapPanel
                ItemHeight="75"
                ItemWidth="75"
                IsItemsHost="True"
                Orientation="Horizontal"
                VerticalAlignment="Top"
                HorizontalAlignment="Center" />
              <Border.BorderBrush>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                  <LinearGradientBrush.GradientStops>
                    <GradientStopCollection>
                      <GradientStop Offset="0" Color="#88000000"/>
                      <GradientStop Offset="1" Color="#DDFFFFFF"/>
                    </GradientStopCollection>
                  </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
              </Border.BorderBrush>
              <Border.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                  <LinearGradientBrush.GradientStops>
                    <GradientStopCollection>
                      <GradientStop Offset="0" Color="#CCFFFFFF"/>
                      <GradientStop Offset="1" Color="#55FFFFFF"/>
                    </GradientStopCollection>
                  </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
              </Border.Background>
            </Border>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

6 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
    <DataTemplate DataType="{x:Type ps:Photo}">
      <Border
        VerticalAlignment="Center"
        HorizontalAlignment="Center"
        Padding="4"
        Margin="2"
        Background="White">
        <Image Source="{Binding Source}" />
      </Border>
    </DataTemplate>
7 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
add this to content Control
ContentTemplate="{StaticResource ReflectedPhoto}"/>
then paste this

<Border
          Grid.Row="1"
          VerticalAlignment="Top"
          Width="{Binding ElementName=MainBorder, Path=ActualWidth}"
          Background="White"
          BorderBrush="#EEEEEE"
          BorderThickness="1">
          <Border.LayoutTransform>
            <TransformGroup>
              <TransformGroup.Children>
                <ScaleTransform ScaleX="1" ScaleY="-0.5"/>
              </TransformGroup.Children>
            </TransformGroup>
          </Border.LayoutTransform>
          <Border.OpacityMask>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
              <LinearGradientBrush.GradientStops>
                <GradientStopCollection>
                  <GradientStop Offset="0" Color="Transparent"/>
                  <GradientStop Offset="1" Color="#50000000"/>
                </GradientStopCollection>
              </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
          </Border.OpacityMask>
          <Image
            Margin="7"
            Width="{Binding ElementName=MainImage, Path=ActualWidth}"
            Source="{Binding Source}"/>
        </Border>

<Rectangle
          Grid.Row="0"
          VerticalAlignment="Bottom"
          HorizontalAlignment="Center"
          Width="{Binding ElementName=MainBorder, Path=ActualWidth}"
          Height="30" >
          <Rectangle.RenderTransform>
            <TransformGroup>
              <TransformGroup.Children>
                <TranslateTransform X="0" Y="15"/>
              </TransformGroup.Children>
            </TransformGroup>
          </Rectangle.RenderTransform>
          <Rectangle.Fill>
            <RadialGradientBrush >
              <RadialGradientBrush.GradientStops>
                <GradientStopCollection>
                  <GradientStop Offset="0" Color="#B0000000"/>
                  <GradientStop Offset="1" Color="Transparent"/>
                </GradientStopCollection>
              </RadialGradientBrush.GradientStops>

          </RadialGradientBrush>
          </Rectangle.Fill>
        </Rectangle>

<Border
          Grid.Row="0"
          x:Name="MainBorder"
          Background="White"
          BorderBrush="#DDDDDD"
          BorderThickness="1"
          HorizontalAlignment="Center"
          VerticalAlignment="Bottom" >
          <Image
            Margin="7"
            x:Name="MainImage"
            Source="{Binding Source}" />
        </Border>

</Grid>

    </DataTemplate>
9+++++++++++++++++++++++++++++++++++++++++++
    <Style x:Key="{x:Type ListBoxItem}" TargetType="{x:Type ListBoxItem}">
      <Setter Property="FocusVisualStyle" Value="{x:Null}" />
      <Setter Property="Opacity" Value="0.5" />
      <Setter Property="MaxHeight" Value="75" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ListBoxItem}">
            <Border
              x:Name="ContentBorder"
              BorderThickness="1"
              BorderBrush="Transparent">
              <ContentPresenter />
            </Border>
            <ControlTemplate.Triggers>
              <Trigger Property="IsSelected" Value="True">
                <Setter Property="Opacity" Value="1.0" />
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
      <Style.Triggers>

</Style.Triggers>
</Style>

Sorry For the Delay, but here are all the files for the demo.

Share This Post:

Print | posted on Thursday, March 16, 2006 5:16 AM

Comments on this post

# re: WPF Presentation.

I am trying to run the PhotoStore sample with the February CTP of Vista, and I am having trouble getting it to compile and run. On the line <?Mapping XmlNamespace="ps" ClrNamespace="PhotoStore" ?>, I get an error that Assembly is required. I have tried putting in the Assembly attribute with PhotoStore, bin\debug\PhotoStore, and every other combination like that I can think of. Do you know how to get this to run against the February CTP?

Thanks,
Ian

Left by Ian on Apr 18, 2006 12:55 PM

# re: WPF Presentation.

Very nice post. Information given is nicely elaborated. Thanks for sharing.

Left by Kevin on Jan 12, 2010 8:03 AM

# re: WPF Presentation.

Very informative and helpful post. This post contains content that is very useful for me and I was looking for it from past week. Thanks for posting it, pictures made it easy to understand.

Left by Wholesale Foods on Jul 10, 2010 12:50 AM

# re: WPF Presentation.

Thanks for this very informative and educational post of yours. This could really help me in my work now, I’ve been looking for this information on different sites, good thing I already find it here on your blog. Keep posting for more!

Car Accident Solicitor

Left by Car Accident Solicitor on Jul 26, 2010 8:08 PM

# re: WPF Presentation.

It was a great presentation. Thanks for sharing in your great work here.

Left by Free Article Directory on Jul 29, 2010 5:31 AM

# re: WPF Presentation.

Thank you soo much for taking time to post this very useful information.
This will be a very good help for me.

Left by Fredrickson International on Sep 07, 2010 1:42 AM

# Teaching Quran

Quran tutor is not only Quran tutoring service but they are a full service Quran teaching academy that has been started with a single aim to help everyone get completely free Quran lessons, Quran rthe Quran tutor ,ecitation and even Quran recitation with Quran Tajweed, they are a group of qualified Quran tutors with pleasing personalities that has completed their masters from well renowned Islamic universities and just to help everyone get free Quran teachthe Quran tutor ,ing and learning they are devoting to help you everyone involved.

Left by QuranTutor on Nov 04, 2010 11:57 AM

# Read Quran

Quran Reading is a source of getting knowledge from the Holy Quran for Muslims of all in the world, it is almost very important to read Quran. Although the reading of the Quran comes naturally in the life of the Muslims But some of the Muslims are unable to read the Holly Quran due to some factors. Muslims who have not studied the Quran and they are willing to read the Holly Quran. We has opened doors to all kinds of information and learning processes and online Quran reading is one of them!
Before the application of net it was a very difficult task to get the knowledge of holy quran in some countries but now days it is very common and can be learn easily in any part of the world.
Now it’s possible to learn Quran deeply with us as we make all the important "surahs" and "ayats" of the Quran reachable to you in a single click! By which you can make self study.

Left by onlinereadquran on Nov 26, 2010 12:59 PM

# online read quran

We are offering to read, teach, tajweed, and recite online Quran from our skilled and experienced Poole of teachers, hafiz and Quari through http://www.readequran.com

Left by readquran on Dec 06, 2010 4:34 PM

# re: WPF Presentation.

Great technical and insightful post!

Left by Carpet Cleaning San Diego on Dec 09, 2010 2:03 PM

# re: WPF Presentation.

While many strategists believe rates are rising on an fleshlight improving economy, others, like Boockvar, believe rates are rising on inflation stun guns concerns.

Left by We-Vibe on Dec 29, 2010 8:13 PM

# re: WPF Presentation.

I’ve been visiting your blog for a while now and I always find a gem in your new posts. Thanks for sharing.

Left by debt management program on Mar 02, 2011 7:12 PM

# re: WPF Presentation.

It is one of the most useful articles! This is really well written, easy to understand and very useful. Thanks for sharing your thoughts.

Left by forexmegadroid on Mar 05, 2011 12:17 AM

# re: WPF Presentation.

A lot of thanks for sharing this step by step coding as well as making it simpler for us to understand easily. If you wouldn't mind, please make a lot more posts like this. Thanks!

Left by Wet pour prices on Apr 15, 2011 12:46 AM

# re: WPF Presentation.

this shows ur hard work and thanks for sharing such a code really helpful

Left by quran reading on May 10, 2011 4:56 PM

# re: WPF Presentation.

Wow that program was really amazing, it looks hard but interesting, i hope someday i can experience that. natural remedies for bv

Left by Lauren on May 12, 2011 1:16 AM

# re: WPF Presentation.

This one is by far one of the most informative post on this blog. I have gained a lot of information through your blog over the years.

Left by acupressure on May 15, 2011 8:54 AM

# re: WPF Presentation.

The program that showing in this article was great but it look hard,I hope some day I can learned that program. natural remedies for bacterial vag

Left by hipolito kevin on May 18, 2011 12:16 AM

# re: WPF Presentation.

Great work! This works perfect and the presentation comes out to be very professional.

Left by janitorial services Calgary on May 18, 2011 5:23 AM

# re: WPF Presentation.

the demo 1 project is not letting me to open the zip file if you could suggest some thing

Left by read quran on May 24, 2011 6:00 PM

# re: WPF Presentation.

I was having problems doing the presentation for over a week now but thanks to your article everything went smoothly.

Left by dead sea hotels on Jun 03, 2011 2:39 AM

# re: WPF Presentation.

That is very nice. I like visiting this blog because I always found information explained in-depth here and it is nice to have a design which is not too flashy.

Left by Dog Earrings on Jun 03, 2011 10:32 PM

# re: WPF Presentation.

This is quite simple to implement. I had success with applying this method.

Left by hacer un blog on Jun 06, 2011 8:14 AM

# re: WPF Presentation.

1 create a new project when nude cam girls</a. remove the clothes and add the canvas tag then inside of it add the following make sure to run the mobile live chat</a. application after each step so everyone knows what you are trying to accomplish.

Left by salam on Jun 12, 2011 10:38 AM

# re: WPF Presentation.

It was very easy to implement. I think it is by far the easiest method for this presentation.
bridging loan

Left by Sammy on Jun 12, 2011 12:28 PM

# re: WPF Presentation.

Thanks for sharing such great projects.

Left by web design London on Jun 16, 2011 12:33 AM

# re: WPF Presentation.

Thanks for sharing such great projects.
web design London

Left by web design London on Jun 16, 2011 12:33 AM

# re: WPF Presentation.

Fantastic work with the article. Thanks a lot for all the help that you have given all these years.
How much do psychologists make

Left by Shelly on Jun 20, 2011 6:36 AM

# re: WPF Presentation.

hey and thanks for the correct link. It looks to me a bit like Photoshop or Autocad files. Szkoly Policealne
can you talk about Magento?

Left by Szkoly Policealne Poznan on Jun 20, 2011 7:45 AM

# re: WPF Presentation.

hey, I think that coding is one very difficult activity, and becomes even more difficult when you are busy

Projekty Domow

Left by Julia on Jun 21, 2011 11:54 AM

# re: WPF Presentation.

It works like a charm. The information that you have given above is in much detail and I think anyone can imply this easily.
mobile websites

Left by Phillipa on Jun 21, 2011 11:57 AM

# re: WPF Presentation.

Looks good. That is some great information. You make it look easy!

Left by richie on Jun 22, 2011 12:32 PM

# re: WPF Presentation.

It indeed is one of the useful posts on this blog. I had some problems with this before but now thanks to you I could work this out.
breast enhancement

Left by Amanda on Jun 28, 2011 12:24 PM

# re: WPF Presentation.

This is such a great resource that you are providing and you give it away for free. I enjoy seeing websites that understand the value of providing a prime resource for free. I truly loved reading your post. Thanks!

Left by whiplash symptoms on Jun 28, 2011 9:19 PM

# re: WPF Presentation.

It worked like a charm. I was having issues implementing this before but now it's all been sorted.
helping children learn spanish

Left by Cameron on Jun 30, 2011 12:18 PM

# re: WPF Presentation.

Check out socal steam clean!!!

They are one of san diego's best carpet cleaners and offer top of the line carpet cleaning service!

They offer carpet cleaning all over san diego, including encinitas escondido and even temecula!

San Diego's #1 Carpet Cleaner

Left by Socal Steam Clean San Diego on Jul 02, 2011 7:41 PM

# re: WPF Presentation.

one of those informative posts i get interested reading with. this is very helpful not just to bloggers but also to those readers out there.

Left by Mobile Spy on Jul 06, 2011 4:43 AM

# re: WPF Presentation.

Thanks a lot for this beauty Enjoying article with me. I am Appreciating it very much! Looking Forward to Another Great.
Anotonio rogers

Left by harry on Jul 07, 2011 7:52 AM

# re: WPF Presentation.

Wonderful tutorial. I really find it so helpful and informative. Thanks for posting!

Left by Forex Trading Systems on Aug 21, 2011 10:55 PM

# re: WPF Presentation.

This is such a helpful reading material for me, I’ve learned a lot of new things. Thanks for the great post!

Left by Joomla development on Aug 29, 2011 2:33 AM

# re: WPF Presentation.

The article is wonderfully written and the way
the points were sent across is very understandable. I loved it.

Left by Janice Park on Aug 31, 2011 3:42 AM

# re: WPF Presentation.

Nice article. I am going to share this my friends.

Left by Rich on Sep 07, 2011 5:48 PM

# re: WPF Presentation.

thank u for sharing this site.i love it!

Left by Flowers For Men on Sep 07, 2011 9:35 PM

# re: WPF Presentation.

thank you so much for sharing such wonderfull article.keep it up!

Left by knitting casting off on Sep 19, 2011 1:01 AM

# re: WPF Presentation.

This well-elaborated post is so inviting to read. Continue
making more articles like this.

Left by Cruise Ships Jobs UK on Sep 23, 2011 12:24 AM

# re: WPF Presentation.

Nice post thanks for sharing this site and the Information Is well detailed.

Left by STD Photos on Sep 28, 2011 12:58 AM

# re: WPF Presentation.

I liked how the thoughts and the insights of this article is well put together
and well-written. Hope to see more of this soon.

Left by Lice Pictures on Sep 29, 2011 12:10 AM

# re: WPF Presentation.

Thanks for this nice article. Will be sure to share this and knowing about School Fund Raising News can also be searched for in the
succeeding articles.

Left by School Fund Raising News on Sep 30, 2011 12:19 AM

# re: WPF Presentation.

This well-elaborated post is so inviting to read. Continue
making more articles like this.

Left by Scarf Knitting Patterns on Sep 30, 2011 1:58 AM

# re: WPF Presentation.

Thanks for putting this up.

Left by whiplash compensation on Nov 07, 2011 12:11 AM

# carpet cleaning Encinitas

Dear friend
The carpets are one of the most popular traditional way of our floor looking gorgeous. I t makes our floor extra look also it is one of the important furniture to decorate a room. But it is too heavy to cleaning for this reason sometimes it makes our room ugly or dusty. We are always with you to remove this problem contact with us. We clean your carpets also other furniture of your room. We are ready to keep your room clean and up to date.
Thanks

Left by siblysarkar02 on Jan 27, 2012 9:58 AM

Your comment:

Title:

Name:

Email: (never displayed)

(will show your gravatar)

Website:

Comment: Allowed tags: blockquote, a, strong, em, p, u, strike, super, sub, code

Enter the code shown above

News

Blog Stats

Posts - 61
Stories - 2
Comments - 6045
Trackbacks - 36

Twitter

ShervSherv Doing a SQL 2012 BI presentation (@ Embassy Suites Boca Raton) http://t.co/8Osc5a28 about 3 days ago

ShervSherv On pace to shoot a 72. After the first hole (@ Boca Raton Municipal Golf Course) http://t.co/idlyaglo about 14 days ago

ShervSherv Beautiful night out with Tara and les davis (@ Dubliner) http://t.co/LVNG3b2B about 36 days ago

ShervSherv With mike martin and holly Davis tailgating in the rain (@ Sun Life Stadium w/ 98 others) [pic]: http://t.co/3oEyUlwF about 63 days ago

ShervSherv Did I hear windows 8 beta will be avaialbe late Feb 2012? about 67 days ago

ShervSherv I just unlocked the "Superstar" badge on @foursquare! http://t.co/bQTLW5Mq about 85 days ago

ShervSherv Boca food and wine festival http://t.co/0zTDAGAy about 92 days ago

ShervSherv #WP Mia great event. Too bad @devfish doesn't have a budget like this about 95 days ago

ShervSherv @devfish , @rachelterman . Someone had to make a sensible decision. about 102 days ago

ShervSherv I'm at zenzi (10 th St, Beach, Playa del Carmen, Quintana Roo) http://t.co/m4cVFswX about 125 days ago

Shervin Shakibi's Blog