- XAMLFinance.zip
- Common
- XAMLFinanceApp
- XAMLFinanceDataSource
- Dependencies
- Visiblox
- Silverlight
- Visiblox.Charts.dll
- Visiblox.Charts.XML
- WP7
- WPF
- Visiblox.Charts.dll
- Visiblox.Charts.XML
- WP7
- XAMLFinanceSilverlight
- XAMLFinanceWP7
- XAMLFinanceWPF
- TwitterExample.zip
|
<UserControl x:Class="XAMLFinance.View.HeatMapView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:v="clr-namespace:XAMLFinance.View"
xmlns:vis="clr-namespace:System.Windows.Controls.DataVisualization;assembly=System.Windows.Controls.DataVisualization.Toolkit"
mc:Ignorable="d"
d:DataContext="{d:DesignData Source=../../../Common/XAMLFinanceApp/View/HeatMapViewDesignData.xml}"
d:DesignHeight="300" d:DesignWidth="400">
<UserControl.Resources>
<Style TargetType="Border" x:Key="GlowStyle">
<Setter Property="BorderBrush" Value="Yellow"/>
</Style>
<Style TargetType="Border" x:Key="RegularStyle">
<Setter Property="BorderBrush" Value="Black"/>
</Style>
<DataTemplate x:Key="InstrumentTemplate">
<Grid MouseLeftButtonUp="Grid_MouseUp">
<Border MouseEnter="Border_MouseEnter"
MouseLeave="Border_MouseLeave"
x:Name="Border"
BorderBrush="Black"
BorderThickness="1">
<Border.Resources>
<Storyboard x:Key="BorderHighlight" >
<ColorAnimation To="Yellow"
Storyboard.TargetName="Border"
Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"
Duration="00:00:00.1"/>
</Storyboard>
<Storyboard x:Key="BorderRemoveHighlight" >
<ColorAnimation To="Black"
Storyboard.TargetName="Border"
Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"
Duration="00:00:01"/>
</Storyboard>
</Border.Resources>
<Grid x:Name="Grid">
<Viewbox MaxHeight="15">
<TextBlock Text="{Binding Symbol}"
Foreground="White"
FontSize="10"
VerticalAlignment="Center"
HorizontalAlignment="Center"/>
</Viewbox>
</Grid>
</Border>
</Grid>
</DataTemplate>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White">
<vis:TreeMap ItemsSource="{Binding Path=Sectors}">
<vis:TreeMap.ItemDefinition>
<vis:TreeMapItemDefinition ValueBinding="{Binding MarketCap}">
<DataTemplate>
<Grid>
<Border x:Name="Border"
BorderBrush="Black"
BorderThickness="1"
Margin="0 0 1 1">
<Grid>
<!-- sector treemap -->
<vis:TreeMap ItemsSource="{Binding Path=Children}">
<vis:TreeMap.Interpolators>
<v:LinearGradientBrushInterpolator TargetName="Grid"
TargetProperty="Background"
DataRangeBinding="{Binding ChangePercent}">
<v:LinearGradientBrushInterpolator.TemplateBrush>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
<GradientStop Offset="0" Color="Red"/>
<GradientStop Offset="0.5" Color="Black"/>
<GradientStop Offset="1" Color="Green"/>
</LinearGradientBrush>
</v:LinearGradientBrushInterpolator.TemplateBrush>
</v:LinearGradientBrushInterpolator>
</vis:TreeMap.Interpolators>
<vis:TreeMap.ItemDefinition>
<vis:TreeMapItemDefinition ValueBinding="{Binding MarketCap}"
ItemTemplate="{StaticResource InstrumentTemplate}"/>
</vis:TreeMap.ItemDefinition>
</vis:TreeMap>
<!-- sector name -->
<Viewbox MaxHeight="30">
<Border CornerRadius="5"
Background="#99FFFFFF"
VerticalAlignment="Center"
Padding="10,0,10,0"
Margin="10,0,10,0"
HorizontalAlignment="Center">
<TextBlock Text="{Binding Name}"
FontSize="16"
FontWeight="Bold"
Opacity="1"
Foreground="Black"/>
</Border>
</Viewbox>
</Grid>
</Border>
</Grid>
</DataTemplate>
</vis:TreeMapItemDefinition>
</vis:TreeMap.ItemDefinition>
</vis:TreeMap>
</Grid>
</UserControl>
|
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.