XAMLFinance – A Cross-platform WPF, Silverlight & WP7 Application

Colin Eberhardt

Rate me:

4.94/5 (99 votes)

21 Sep 2011CPOL27 min read

216.1K

9.9K

251

This article describes the development of XAML Finance, a cross-platform application which works on the desktop, using Windows Presentation Foundation (WPF), on the web, using Silverlight and on Windows Phone 7 (WP7).

XAMLFinance.zip
- Common
  - XAMLFinanceApp
  - XAMLFinanceDataSource
- Dependencies
  - Visiblox
    - Silverlight
      - Visiblox.Charts.dll
      - Visiblox.Charts.XML
    - WP7
      - Microsoft.Phone.Controls.Toolkit.dll
      - Visiblox.Charts.dll
      - Visiblox.Charts.xml
    - WPF
      - Visiblox.Charts.dll
      - Visiblox.Charts.XML
  - WP7
    - README.txt
    - WP7Contrib.View.Controls.dll
- XAMLFinanceSilverlight
  - XAMLFinanceAppSilverlight
    - App.xaml
    - App.xaml.cs
    - Images
      - caret.png
      - close-icon.png
      - heatmap.png
      - markets.png
    - MainPage.xaml
    - MainPage.xaml.cs
    - Notes.txt
    - Properties
      - AppManifest.xml
      - AssemblyInfo.cs
    - View
    - ViewModel
      - Command
      - XAMLFinanceViewModelSilverlight.cs
      - XmlFileDataSource.cs
    - XAMLFinanceAppSilverlight.csproj
    - XAMLFinanceAppSilverlight.csproj.user
    - XAMLFinanceAppSilverlight.suo
  - XAMLFinanceDataSource
    - Properties
      - AssemblyInfo.cs
    - XAMLFinanceDataSource.csproj
    - XAMLFinanceDataSource.csproj.user
    - XmlDataSource
      - Data
  - XAMLFinanceSilverlight.sln
  - XAMLFinanceSilverlight.suo
- XAMLFinanceWP7
  - TreeMapWP7
    - Properties
      - AssemblyInfo.cs
    - README.txt
    - Themes
      - generic.xaml
    - TranisitioningContentControl
      - TransitioningContentControl.cs
    - TreeMap
      - BindingExtractor.cs
      - Interpolators
        
        DoubleInterpolator.cs
        
        InterpolationMode.cs
        
        Interpolator.cs
        
        RangeInterpolator.cs
        
        SolidColorBrushInterpolator.cs
      - Layout
        
        SquaringAlgorithm.cs
        
        TreeMapNode.cs
      - TreeMap.cs
      - TreeMap.xaml
      - TreeMapItemDefinition.cs
      - TreeMapItemDefinitionSelector.cs
    - TreeMapWP7.csproj
    - TreeMapWP7.csproj.user
    - Tuple.cs
    - VisualStates.cs
    - WeakEventListener.cs
  - XAMLFinanceDataSource
    - Properties
      - AssemblyInfo.cs
    - XAMLFinanceDataSource.csproj
    - XAMLFinanceDataSource.csproj.user
    - XmlDataSource
      - Data
  - XAMLFinanceWP7.sln
  - XAMLFinanceWP7.suo
  - XAMLFinanceWP7
    - addFavourite.png
    - App.xaml
    - App.xaml.cs
    - ApplicationIcon.png
    - Background.png
    - Controls
      - DeferredLoadContentControl.cs
    - Converter
    - heatmap.png
    - HeatmapPage.xaml
    - HeatmapPage.xaml.cs
    - InstrumentDetailsPage.xaml
    - InstrumentDetailsPage.xaml.cs
    - PanoramaIndex.xaml
    - PanoramaIndex.xaml.cs
    - Properties
      - AppManifest.xml
      - AssemblyInfo.cs
      - WMAppManifest.xml
    - SectorPage.xaml
    - SectorPage.xaml.cs
    - SplashScreenImage.jpg
    - Themes
      - generic.xaml
    - View
      - arrow.png
      - DirecationIndicator.xaml
      - DirecationIndicator.xaml.cs
      - InstrumentChartView.xaml
      - InstrumentChartView.xaml.cs
      - InstrumentDetailsChartPivotPage.xaml
      - InstrumentDetailsChartPivotPage.xaml.cs
      - InstrumentDetailsPivotPage.xaml
      - InstrumentDetailsPivotPage.xaml.cs
      - InstrumentDetailSummaryPivotPage.xaml
      - InstrumentDetailSummaryPivotPage.xaml.cs
      - Util
    - ViewModel
      - Command
      - XAMLFinanceViewModelWP7.cs
    - wall-street-sign.jpg
    - XAMLFinanceWP7.csproj
    - XAMLFinanceWP7.csproj.user
    - XAMLFinanceWP7.suo
- XAMLFinanceWPF
  - XAMLFinanceAppWPF
    - app.config
    - App.xaml
    - App.xaml.cs
    - BureauBlack.xaml
    - BureauBlue.xaml
    - chart.ico
    - DataTemplates.xaml
    - ExpressionDark.xaml
    - ExpressionLight.xaml
    - Images
      - close-icon.png
      - heatmap.png
      - markets.png
      - new-window.png
    - MainWindow.xaml
    - MainWindow.xaml.cs
    - Properties
      - AssemblyInfo.cs
      - Resources.Designer.cs
      - Resources.resx
      - Settings.Designer.cs
      - Settings.settings
    - ShinyBlue.xaml
    - View
      - Converter
      - PriceListGridView.xaml
      - PriceListGridView.xaml.cs
      - TabHeaderView.xaml
      - TabHeaderView.xaml.cs
      - XAMLFinanceView.xaml
      - XAMLFinanceView.xaml.cs
    - ViewModel
      - Command
        
        PopInCommand.cs
        
        PopOutCommand.cs
      - NamedViewModelBaseWPF.cs
      - XAMLFinanceViewModelWPF.cs
    - ViewModelHost.xaml
    - ViewModelHost.xaml.cs
    - WhistlerBlue.xaml
    - XAMLFinanceAppWPF.csproj
    - XAMLFinanceAppWPF.csproj.user
  - XAMLFinanceDataSource
    - Properties
      - AssemblyInfo.cs
    - XAMLFinanceDataSource.csproj
    - XmlDataSource
      - Data
  - XAMLFinanceWPF.sln
  - XAMLFinanceWPF.suo
TwitterExample.zip
- FeedViewModelDesignTime.xml
- SilverlightTwitterApp
  - SilverlightTwitterApp.sln
  - SilverlightTwitterApp.suo
  - SilverlightTwitterApp
    - App.xaml
    - App.xaml.cs
    - MainPage.xaml
    - MainPage.xaml.cs
    - Properties
      - AppManifest.xml
      - AssemblyInfo.cs
    - Resources
      - Twitter_logo.jpg
    - SilverlightTwitterApp.csproj
    - SilverlightTwitterApp.csproj.user
    - View
      - TwitterView.xaml
      - TwitterView.xaml.cs
    - ViewModel
      - ClassDiagram.cd
      - data.xml
      - FeedItemViewModel.cs
      - FeedViewModel.cs
- WPFTwitterApp
  - WPFTwitterApp.sln
  - WPFTwitterApp.suo
  - WPFTwitterApp
    - App.xaml
    - App.xaml.cs
    - MainWindow.xaml
    - MainWindow.xaml.cs
    - Properties
    - Resources
    - View
    - ViewModel
    - WPFTwitterApp.csproj

<HeatMapViewModel xmlns="clr-namespace:XAMLFinance.ViewModel">
  <HeatMapViewModel.Sectors>
    <SectorViewModel Name="Industrial" MarketCap="10000" ChangePercent="5">
      <SectorViewModel.Children>
        <InstrumentPriceViewModel
                          MarketCap="5000"
                          ChangePercent="4"
                          Symbol="XYZ"/>
        <InstrumentPriceViewModel
                         MarketCap="5800"
                         ChangePercent="0"
                         Symbol="ABC"/>
        <InstrumentPriceViewModel
                         MarketCap="2000"
                         ChangePercent="-4"
                         Symbol="123"/>
      </SectorViewModel.Children>
    </SectorViewModel>
    <SectorViewModel Name="Finance" MarketCap="5000" ChangePercent="6">
      <SectorViewModel.Children>
        <InstrumentPriceViewModel
                          MarketCap="5000"
                          ChangePercent="4"
                          Symbol="XYZ"/>
        <InstrumentPriceViewModel
                         MarketCap="5800"
                         ChangePercent="0"
                         Symbol="ABC"/>
        <InstrumentPriceViewModel
                         MarketCap="2000"
                         ChangePercent="-4"
                         Symbol="123"/>
      </SectorViewModel.Children>
    </SectorViewModel>
  </HeatMapViewModel.Sectors>
</HeatMapViewModel>

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.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Colin Eberhardt

Architect Scott Logic

United Kingdom

I am CTO at ShinobiControls, a team of iOS developers who are carefully crafting iOS charts, grids and controls for making your applications awesome.

I am a Technical Architect for Visiblox which have developed the world's fastest WPF / Silverlight and WP7 charts.

I am also a Technical Evangelist at Scott Logic, a provider of bespoke financial software and consultancy for the retail and investment banking, stockbroking, asset management and hedge fund communities.

Visit my blog - Colin Eberhardt's Adventures in .NET.

Follow me on Twitter - @ColinEberhardt

-

XAMLFinance – A Cross-platform WPF, Silverlight & WP7 Application

License

Comments and Discussions