For hierarchical data type, we can define hierarchical data template. This template can be used with tree control, menu control or any hierarchical data template. This time we are going to use hierarchical data template with C# code. Here is a class diagram to show the hierarchical data template class.

Here out XAML is very simple. We are only defining tree control in XAML and does rest of the template in code.

  1: <Window x:Class="WpfTreeView.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     xmlns:local="clr-namespace:WpfTreeView"

  5:     Title="Hierarchical Data Template" Height="300" Width="300">

  6:     <Grid>

  7:         <TreeView Name="tree" Margin="5">

  8:             <TreeView.Background>

  9:                 <LinearGradientBrush>

 10:                     <GradientStop Offset="0" Color="AliceBlue"/>

 11:                     <GradientStop Offset="0.5" Color="Blue"/>

 12:                     <GradientStop Offset="1" Color="AliceBlue"/>

 13:                 </LinearGradientBrush>

 14:             </TreeView.Background>

 15:         </TreeView>

 16:     </Grid>

 17: </Window>

 18: 

Here is a code to define hierarchical data template in code.

  1: HierarchicalDataTemplate hdt =

  2:     new HierarchicalDataTemplate(typeof(State));

  3: hdt.ItemsSource = new Binding("Cities");

  4: FrameworkElementFactory tb =

  5:     new FrameworkElementFactory(typeof(TextBlock));

  6: tb.SetBinding(TextBlock.TextProperty, new Binding("Name"));

  7: tb.SetValue(TextBlock.ForegroundProperty, Brushes.Yellow);

  8: hdt.VisualTree = tb;

  9: 

This template will define the hierarchy that cities are part of state. In addition we also define the background color of tree view items in this code. Here is a complete C# code of the program.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace WpfTreeView

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         public Window1()

 23:         {

 24:             InitializeComponent();

 25:

 26:             List<State> stateList = new List<State>();

 27:

 28:             HierarchicalDataTemplate hdt =

 29:                 new HierarchicalDataTemplate(typeof(State));

 30:             hdt.ItemsSource = new Binding("Cities");

 31:             FrameworkElementFactory tb =

 32:                 new FrameworkElementFactory(typeof(TextBlock));

 33:             tb.SetBinding(TextBlock.TextProperty, new Binding("Name"));

 34:             tb.SetValue(TextBlock.ForegroundProperty, Brushes.Yellow);

 35:             hdt.VisualTree = tb;

 36:

 37:             List<City> citylist1 = new List<City>();

 38:             citylist1.Add(new City("Baltimore"));

 39:             citylist1.Add(new City("Frederick"));

 40:             citylist1.Add(new City("Rockville"));

 41:             State state1 = new State();

 42:             state1.Name = "Maryland";

 43:             state1.Cities = citylist1;

 44:

 45:             stateList.Add(state1);

 46:

 47:             List<City> citylist2 = new List<City>();

 48:             citylist2.Add(new City("Los Angeles"));

 49:             citylist2.Add(new City("Sacramento"));

 50:             citylist2.Add(new City("San Franscico"));

 51:             citylist2.Add(new City("San Diegao"));

 52:             State state2 = new State();

 53:             state2.Name = "California";

 54:             state2.Cities = citylist2;

 55:

 56:             stateList.Add(state2);

 57:

 58:             List<City> citylist3 = new List<City>();

 59:             citylist3.Add(new City("Houston"));

 60:             citylist3.Add(new City("Dallas"));

 61:             citylist3.Add(new City("Austin"));

 62:             citylist3.Add(new City("San Antino"));

 63:             State state3 = new State();

 64:             state3.Name = "Taxes";

 65:             state3.Cities = citylist3;

 66:

 67:             stateList.Add(state3);

 68:

 69:             TreeViewItem tvi = new TreeViewItem();

 70:             tvi.ItemsSource = stateList;

 71:             tvi.ItemTemplate = hdt;

 72:

 73:             tree.Items.Add(tvi);

 74:         }

 75:     }

 76:

 77:     public class City

 78:     {

 79:         public City(String name)

 80:         {

 81:             Name = name;

 82:         }

 83:

 84:         public String Name

 85:         { set; get; }

 86:     }

 87:

 88:     public class State

 89:     {

 90:         public State()

 91:         {

 92:             this.Cities = new List<City>();

 93:         }

 94:

 95:         public String Name

 96:         { get; set; }

 97:

 98:         public List<City> Cities

 99:         { get; set; }

100:     }

101: }

102: 

Here is the output of this program.

I have just developed a cool control called WordPressFeedList, which will list a certain number of entries from any WordPress Feed. It is based on the ObjectList, which means that you can provide it with any formatting you’d like, like an <ul> list or a <table> etc.

This control makes it easy to list blog entries from any WordPress blog and will also use the new CacheHandler class (if caching is desired) to help cache the blog entries.

The WordPressFeedList control will be available in the upcoming Wigbi 0.99.2 release.

Now we are going to calculate depreciation one more method. This method is known as Sum of Years method. In this method we first sum all the years and then calculate the percentage by dividing years by the total number of years.

For example if we want to calculate the depreciation for 5 years then we first sum integer from 1 to 5. The sum is 15. And then we divide each year by 15 to calculate the depreciation value of that year.

Here is a C# code to calculate the depreciation.

  1: double accDepreciation = 0;

  2: double bookValue = cost -scrap;

  3: double depExpense = 0;

  4: int sum = year * (year + 1) / 2;

  5: int totalYears = year;

  6:

  7: for (int iIndex = 0; iIndex < year; iIndex++)

  8: {

  9: 	double percentage = (double)totalYears / (double)sum;

 10:

 11: 	depExpense = bookValue * percentage;

 12: 	cost -= depExpense;

 13: 	accDepreciation += depExpense;

 14:

 15: 	DepreciationInfo dpInfo = new DepreciationInfo();

 16: 	dpInfo.Year = (iIndex + 1);

 17: 	dpInfo.Depreciation = depExpense;

 18: 	dpInfo.AccDepreciation = accDepreciation;

 19: 	dpInfo.BookValue = cost;

 20: 	dpInfo.Percentage = percentage * 100;

 21:

 22: 	depreciation.Add(dpInfo);

 23: 	totalYears--;

 24: }

 25: 

Here is complete XAML code of this project.

  1: <Window x:Class="Depreciation.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Depreciation" Height="400" Width="600">

  5:

  6:     <Grid Background="AliceBlue">

  7:         <Grid.RowDefinitions>

  8:             <RowDefinition/>

  9:             <RowDefinition/>

 10:             <RowDefinition/>

 11:             <RowDefinition Height="4*"/>

 12:             <RowDefinition/>

 13:         </Grid.RowDefinitions>

 14:

 15:         <Grid.ColumnDefinitions>

 16:             <ColumnDefinition/>

 17:             <ColumnDefinition/>

 18:         </Grid.ColumnDefinitions>

 19:         <TextBlock Grid.Column="0" Grid.Row="0" Margin="5" VerticalAlignment="Center">Enter Cost of Fixed Asset</TextBlock>

 20:         <TextBox Grid.Column="1" Grid.Row="0" Margin="5" VerticalAlignment="Center" Name="txtCost"></TextBox>

 21:         <TextBlock Grid.Column="0" Grid.Row="1" Margin="5" VerticalAlignment="Center">Enter life Span</TextBlock>

 22:         <TextBox Grid.Column="1" Grid.Row="1" Margin="5" VerticalAlignment="Center" Name="txtYear"></TextBox>

 23:         <TextBlock Grid.Column="0" Grid.Row="2" Margin="5" VerticalAlignment="Center">Enter Scrap Value</TextBlock>

 24:         <TextBox Grid.Column="1" Grid.Row="2" Margin="5" VerticalAlignment="Center" Name="txtScrapValue"></TextBox>

 25:

 26:         <ListView Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Name="list" Margin="5" HorizontalContentAlignment="Stretch">

 27:             <ListView.View>

 28:                 <GridView>

 29:                     <GridView.ColumnHeaderTemplate>

 30:                         <DataTemplate>

 31:                             <Border BorderBrush="Brown" BorderThickness="2" CornerRadius="5">

 32:                                 <Border.Background>

 33:                                     <LinearGradientBrush>

 34:                                         <GradientStop Offset="0" Color="Wheat"/>

 35:                                         <GradientStop Offset="1" Color="LightCoral"/>

 36:                                     </LinearGradientBrush>

 37:                                 </Border.Background>

 38:                                 <TextBlock Foreground="Blue" FontSize="14" FontWeight="Bold" Margin="5" Text="{Binding}" Width="Auto"/>

 39:                             </Border>

 40:                         </DataTemplate>

 41:                     </GridView.ColumnHeaderTemplate>

 42:                     <GridViewColumn Width="Auto" Header="Year" DisplayMemberBinding="{Binding Path=Year}"/>

 43:                     <GridViewColumn Width="Auto" Header="Depreciation" DisplayMemberBinding="{Binding Path=Depreciation}"/>

 44:                     <GridViewColumn Width="Auto" Header="Accumulated Depreciation" DisplayMemberBinding="{Binding Path=AccDepreciation}"/>

 45:                     <GridViewColumn Width="Auto" Header="Book Value" DisplayMemberBinding="{Binding Path=BookValue}"/>

 46:                     <GridViewColumn Width="Auto" Header="Percentage">

 47:                         <GridViewColumn.CellTemplate>

 48:                             <DataTemplate>

 49:                                 <ProgressBar Width="50" Height="20" Margin="5" Minimum="0" Maximum="100" Value="{Binding Percentage}"/>

 50:                             </DataTemplate>

 51:                         </GridViewColumn.CellTemplate>

 52:                     </GridViewColumn>

 53:                 </GridView>

 54:             </ListView.View>

 55:         </ListView>

 56:         <Button Grid.Column="0" Grid.Row="4" Margin="10" Width="75" Name="btnCalculate" Click="btnCalculate_Click">Calculate</Button>

 57:         <Button Grid.Column="1" Grid.Row="4" Margin="10" Width="75" Name="btnExit" Click="btnExit_Click">Exit</Button>

 58:     </Grid>

 59: </Window>

 60: 

Here is complete C# code of this program.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace Depreciation

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         List<DepreciationInfo> depreciation;

 23:         private int year;

 24:         private double cost;

 25:         private double scrap;

 26:

 27:         public Window1()

 28:         {

 29:             InitializeComponent();

 30:

 31:             depreciation = new List<DepreciationInfo>();

 32:         }

 33:

 34:         private void btnExit_Click(object sender, RoutedEventArgs e)

 35:         {

 36:             Close();

 37:         }

 38:

 39:         private void btnCalculate_Click(object sender, RoutedEventArgs e)

 40:         {

 41:             depreciation.Clear();

 42:

 43:             year = Convert.ToInt32(txtYear.Text);

 44:             cost = Convert.ToDouble(txtCost.Text);

 45:             scrap = Convert.ToDouble(txtScrapValue.Text);

 46:

 47:             if (year <= 0)

 48:             {

 49:                 MessageBox.Show("Number of years can not be zero or negative.");

 50:                 return;

 51:             }

 52:

 53:             if (cost <= 0 || scrap <= 0)

 54:             {

 55:                 MessageBox.Show("Either Cost or Scrap value is not correct.");

 56:                 return;

 57:             }

 58:

 59:             double accDepreciation = 0;

 60:             double bookValue = cost -scrap;

 61:             double depExpense = 0;

 62:             int sum = year * (year + 1) / 2;

 63:             int totalYears = year;

 64:

 65:             for (int iIndex = 0; iIndex < year; iIndex++)

 66:             {

 67:                 double percentage = (double)totalYears / (double)sum;

 68:

 69:                 depExpense = bookValue * percentage;

 70:                 cost -= depExpense;

 71:                 accDepreciation += depExpense;

 72:

 73:                 DepreciationInfo dpInfo = new DepreciationInfo();

 74:                 dpInfo.Year = (iIndex + 1);

 75:                 dpInfo.Depreciation = depExpense;

 76:                 dpInfo.AccDepreciation = accDepreciation;

 77:                 dpInfo.BookValue = cost;

 78:                 dpInfo.Percentage = percentage * 100;

 79:

 80:                 depreciation.Add(dpInfo);

 81:                 totalYears--;

 82:             }

 83:

 84:             list.ItemsSource = depreciation;

 85:         }

 86:     }

 87:

 88:     public class DepreciationInfo

 89:     {

 90:         public int Year

 91:         { get; set; }

 92:

 93:         public double Depreciation

 94:         { get; set; }

 95:

 96:         public double AccDepreciation

 97:         { get; set; }

 98:

 99:         public double BookValue

100:         { get; set; }

101:

102:         public double Percentage

103:         { get; set; }

104:     }

105: }

106: 

Here is the output of this program.

I have created two new handy classes that makes it possible to comment “anything” on a site; the Comment seed and the CommentForm control.

Basically, the Comment class is really general and defines the optional name, e-mail and web site of the author as well as a comment text. It can also be strongly bound to a User seed if this is preferred instead.

The CommentForm works just like the HtmlContentForm – it is a really simple form that can be used to edit and create Comment objects. By default, it has no requirements on any field input, but this can be easily handled manually.

These two classes will be available in the Wigbi 0.99.2 release, which is up soon.

Together with the release, the Wigbi Demos will introduce commenting of all demos, which will make it possible for you to discuss each class, give eachother  tips & tricks, provide feedback etc.

WPF defines three controls that are based on range of values. These controls are Progress bar, slider and scroll bar. All of these are inherited by RangeBase based class. Here is a class diagram of Rangebase class.

Now we are going to use these controls together and do data binding. In addition we also display the current value of the range in text block. Here is a complete XAML code of this.

  1: <Window x:Class="Slider.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Range Base Controls" Height="300" Width="400">

  5:     <Grid>

  6:         <Grid.RowDefinitions>

  7:             <RowDefinition/>

  8:             <RowDefinition/>

  9:             <RowDefinition/>

 10:             <RowDefinition/>

 11:         </Grid.RowDefinitions>

 12:

 13:         <TextBlock FontSize="20" Foreground="Blue" FontWeight="Bold"

 14:                    HorizontalAlignment="Center" VerticalAlignment="Center"

 15:                    Grid.Row="0" Name="text" Margin="5"

 16:                    Text="{Binding ElementName=slider, Path=Value}"></TextBlock>

 17:         <ProgressBar Margin="5" Grid.Row="1" Minimum="0" Maximum="100"

 18:                      Value="{Binding ElementName=slider, Path=Value}"></ProgressBar>

 19:         <ScrollBar Orientation="Horizontal" Grid.Row="2" Margin="5"

 20:                    Minimum="0" Maximum="100"

 21:                    Value="{Binding ElementName=slider, Path=Value}"></ScrollBar>

 22:         <Slider VerticalAlignment="Center" Grid.Row="3" Minimum="0" Maximum="100"

 23:                TickPlacement="Both" TickFrequency="5" Name="slider" Margin="5"></Slider>

 24:     </Grid>

 25: </Window>

 26: 

Here is the output of this program.

I conducted my first ever official training today and I must say that I really enjoyed sharing to the Team what I know. I am part  of  the Team which develops BlastSuites which is a set of products from our company BlastAsia Inc. Most of the products in the said bundle are built using Microsoft Silverlight as the front-end. In an effort to efficiently improve user experience in our apps as well as the improve development environment for developers, the company purchased a set of tools from Telerik.  So my task was study up on the controls and share what I’ve learned to the Team. I was only requested to demo 5 controls of which would be more likely to make their way into our apps.

Preparing for the training was a little tedious and time consuming since I have other tasks in my own project but it was so rewarding to see that it would be potentially beneficial to others devs in the Team. It was a joy to be facilitating in that training, especially in the kind of work-hard-play-hard attitude of Blasters, it felt like we were back in college and working at the same time. I think I really have to brush up on my instructional skills though. I tend to rush things while I teach and forget that not everyone has the same level of perception: in short I may have to study to talk slowly.

With the recent changes in life, I am starting to enjoy almost every aspect of my work. Its fun to create and innovate on a daily basis and in an environment that induces creativity… maybe the great location move did its wonders.

Well, that’s it for now. Got to Install a few things on my new laptop before going to sleep. I got to try the feeling of developing in my machine.

Good night and God bless!

Facebook CEO Mark Zuckerberg has just written an open letter to Facebook users regarding a privacy overhaul that is due to hit the site in the next few weeks. Soon, users will be able to selectively choose, on a per-post basis, who can see the content they post to the site. Facebook is also going to remove regional networks entirely, largely because some of those networks (like China) consist of millions of users, which makes them useless from a privacy standpoint. If these changes sound familiar, it’s because Facebook actually announced them way back in July. Zuckerberg also notes that Facebook now has 350 million users — it has added a whopping 50 million of them in the last two and a half months.

Alongside the regional network change, privacy controls will be simplified. As Facebook rolls out the new privacy settings, users will be presented with a page designed to walk them through the new options. Depending on your current privacy level, Facebook will make recommendations, though you’ll be able to change them as usual.

The way Facebook makes its recommendations will have a huge impact on the site’s future. Right now, most people don’t share their content using the ‘everyone‘ option that Facebook introduced last summer. If Facebook pushes users to start using that, it could have a better stream of content to go against Twitter in the real-time search race. But Facebook has something to lose by promoting ‘everyone’ updates: given the long-standing private nature of Facebook, they could lead to a massive privacy fiasco as users inadvertently share more than they mean to.

Back when Facebook first announced the changes last July, it sounded like the site might go in that direction. But it may have had a change of heart, which could have been the cause of the delay. Facebook has started to backpedal from the Twitter-like redesign it launched in March by working an old-style News Feed back into the homepage. Perhaps the site has decided to favor privacy over real-time. We’ll find out in the next few weeks.

From Zuckerberg’s letter:

We’re adding something that many of you have asked for — the ability to control who sees each individual piece of content you create or upload. In addition, we’ll also be fulfilling a request made by many of you to make the privacy settings page simpler by combining some settings. If you want to read more about this, we began discussing this plan back in July.

Since this update will remove regional networks and create some new settings, in the next couple of weeks we’ll ask you to review and update your privacy settings. You’ll see a message that will explain the changes and take you to a page where you can update your settings. When you’re finished, we’ll show you a confirmation page so you can make sure you chose the right settings for you. As always, once you’re done you’ll still be able to change your settings whenever you want.

We’ve worked hard to build controls that we think will be better for you, but we also understand that everyone’s needs are different. We’ll suggest settings for you based on your current level of privacy, but the best way for you to find the right settings is to read through all your options and customize them for yourself. I encourage you to do this and consider who you’re sharing with online.

We can add the check box in list box just like we did with combo box. We have to define the data template for the listbox item. Here is a complete XAML code of this project.

  1: <Window x:Class="CheckBox.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Checked Box in ListBox" Height="300" Width="300">

  5:     <Grid>

  6:         <ListBox Name="list" Margin="5" HorizontalContentAlignment="Stretch" >

  7:             <ListBox.ItemTemplate>

  8:                 <DataTemplate>

  9:                     <Border Margin="3" BorderBrush="Brown" BorderThickness="2" CornerRadius="3">

 10:                         <Border.Background>

 11:                             <LinearGradientBrush>

 12:                                 <GradientStop Offset="0" Color="Blue"/>

 13:                                 <GradientStop Offset="0.5" Color="AliceBlue"/>

 14:                                 <GradientStop Offset="1" Color="Navy"/>

 15:                             </LinearGradientBrush>

 16:                         </Border.Background>

 17:                         <StackPanel Orientation="Horizontal">

 18:                             <CheckBox Margin="2" VerticalAlignment="Center" IsChecked="{Binding IsVisited}"/>

 19:                             <TextBlock Margin="2" Foreground="Yellow" FontSize="14"  Text="{Binding CityName}"/>

 20:                         </StackPanel>

 21:                     </Border>

 22:                 </DataTemplate>

 23:             </ListBox.ItemTemplate>

 24:         </ListBox>

 25:     </Grid>

 26: </Window>

 27: 

The C# code is same as previous project. Here is a complete C# coding of this project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace CheckBox

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         public Window1()

 23:         {

 24:             InitializeComponent();

 25:

 26:             List<TripInfo> tripList = new List<TripInfo>();

 27:

 28:             tripList.Add(new TripInfo(false, "Miami"));

 29:             tripList.Add(new TripInfo(true, "Boston"));

 30:             tripList.Add(new TripInfo(true, "Los Angeles"));

 31:             tripList.Add(new TripInfo(true, "Houston"));

 32:             tripList.Add(new TripInfo(false, "Dallas"));

 33:             tripList.Add(new TripInfo(false, "Atlantic City"));

 34:             tripList.Add(new TripInfo(true, "Chicago"));

 35:

 36:             list.ItemsSource = tripList;

 37:         }

 38:     }

 39:

 40:     public class TripInfo

 41:     {

 42:         public TripInfo(bool isVisited, string cityName)

 43:         {

 44:             IsVisited = isVisited;

 45:             CityName = cityName;

 46:         }

 47:

 48:         public Boolean IsVisited

 49:         { get; set; }

 50:

 51:         public String CityName

 52:         { get; set; }

 53:     }

 54: }

 55: 

Here is the output of this program.

Using checkbox in combo box is very much similar to using any other control. Here we are going to use data template to define the visual tree of each and individual items of the combo box. When defining the visual tree we are going to place text box along with check box inside the panel. Here we are using Stack panel and select horizontal orientation of stack panel.

Here is a XAML code of this.

  1: <Window x:Class="CheckBox.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Checked Box in Combo Box" Height="300" Width="300">

  5:     <Grid>

  6:         <Grid.RowDefinitions>

  7:             <RowDefinition/>

  8:             <RowDefinition/>

  9:         </Grid.RowDefinitions>

 10:

 11:         <ComboBox Name="cmb" Margin="5" Height="35" >

 12:             <ComboBox.ItemTemplate>

 13:                 <DataTemplate>

 14:                     <StackPanel Orientation="Horizontal">

 15:                         <CheckBox Margin="5" IsChecked="{Binding IsVisited}"/>

 16:                         <TextBlock Margin="5" Text="{Binding CityName}"/>

 17:                     </StackPanel>

 18:

 19:                 </DataTemplate>

 20:             </ComboBox.ItemTemplate>

 21:         </ComboBox>

 22:     </Grid>

 23: </Window>

 24: 

We are defining one data structure with one Boolean and one string data type to store information about how which city we have already visited. Then we will display that information in side the combo box. Here is a C# code of the project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace CheckBox

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         public Window1()

 23:         {

 24:             InitializeComponent();

 25:

 26:             List<TripInfo> tripList = new List<TripInfo>();

 27:

 28:             tripList.Add(new TripInfo(false, "Miami"));

 29:             tripList.Add(new TripInfo(true, "Boston"));

 30:             tripList.Add(new TripInfo(true, "Los Angeles"));

 31:             tripList.Add(new TripInfo(true, "Houston"));

 32:             tripList.Add(new TripInfo(false, "Dallas"));

 33:             tripList.Add(new TripInfo(false, "Atlantic City"));

 34:             tripList.Add(new TripInfo(true, "Chicago"));

 35:

 36:             cmb.ItemsSource = tripList;

 37:         }

 38:     }

 39:

 40:     public class TripInfo

 41:     {

 42:         public TripInfo(bool isVisited, string cityName)

 43:         {

 44:             IsVisited = isVisited;

 45:             CityName = cityName;

 46:         }

 47:

 48:         public Boolean IsVisited

 49:         { get; set; }

 50:

 51:         public String CityName

 52:         { get; set; }

 53:     }

 54: }

 55: 

Here is the output of this program.

I have just finished developing a convenient list control that can be used to list any collection of objects in a very convenient way. Just add items and define a start and stop string (e.g. “<ul>” and “</ul>”) as well as a function that will be used to build each list item (e.g. a function that returns “<li>Foo</li>”, “<li>Bar</li>” etc.)  and the control will handle itself.

This new control makes it really easy to implement paging for a page, since it is not responsible for any data handling whatsoever. Just load a new collection of objects in any way, then just push all the items you want to display into the list.

The ObjectList control will be available in Wigbi 0.99.2

Happy Thanksgiving from the JFXtras team!  While everyone else is celebrating the holiday with friends and family, we are going to be busy finishing up the 0.6 release.

Wild turkey in LaConner, WA taken by stevevoght

In case you have some spare time between meals and celebration, you can join in the fun too by trying out the JFXtras 0.6 preview release, which can be downloaded here:

http://code.google.com/p/jfxtras/downloads/list

There is a whole slew of new functionality including the following under Common:

• Layouts – Changes to the Grid API in preparation for inclusion in the JavaFX Soma release, and also added animation support to all the layouts.
• Sphere – Pseudo 3D sphere created for the Groovy showdown with Andrey Almiray.
• Gear – New shape from Steve Bixby.
• ManualResizableRectangle – Very useful shape from Yannick’s post.
• JXScene – Pedro’s improved API for Swing integration.
• PaintUtil, HSBColor, new gradients – Liu’s magic paint classes
• Custom Paints – From Jeff Friesen’s excellent article on Custom Paints.
• Custom Cursors – From Jeff Friesen’s excellent article on Custom Cursors.
• Wipe Library – A transition library from Simon Morris’ JavaFX in Action book.
• XMap – A bindable Map implementation for JavaFX.
• XStore – David Armitage’s simple persistence for JavaFX variables using dependency injection.
• ImageCache – Caching of JavaFX images for building high performance applications contributed by Joshua Marinacci.
• XEDT – Simplified event thread mangement for JavaFX infrastructure classes (Warning: Use the JavaFX Task API instead unless you know exactly what you are doing)

And the rest under a new Controls jar:

• XTableView – I am still working on this, but it is very useful already as demonstrated by Jim Weaver’s SpeedReaderFX application.
• XTreeView – Jim Clarke’s Tree Control.
• XCalendarPicker – Tom’s excellent calendar control.
• XPane – A titled region with rounded corners developed by Dean Iverson.
• XPicker – David Armitage did some great work on this…  Check out his demo on the JFXtras website.
• XShelfView – A high performance Display Shelf control implementation with support for reflection, titles, and a scrollbar as showcased on JFXStudio.
• XSpinnerWheel – A prize spinner wheel that makes use of pseudo 3D effects as showcased in the JUG Prize Spinner application.
• XMenu – Pure JavaFX Menu developed by Jonathan Giles (this version will be replaced by the official Sun Menu control when it becomes available).
• XPasswordBox – Control from Liu to create a password field.
• XMultiLineTextBox – Till’s control for editing multiple lines of text.
• XSwingTable – From John Freeman, this gives you all the power of a JTable directly from JavaFX code.

For this release we decided to go with a new naming convention to differentiate our classes from the built-in JavaFX layouts and controls.  Most of the classes are now prefixed with an “X” for jfXtras.  This will make migration slightly more painful now, but prevent future collisions and name changes down the road.

There is also a new version of JFXtras Test.  This is the final version that will be released under this name (it is being merged with FEST-JavaFX), but it required an update to work with the new naming convention and to add some much-needed JUnit Runner support (see my Devoxx Conference Presentation for more details).

I probably missed a few things along the way here.  You can find the definitive list in the online JavaFXDoc:

http://jfxtras.googlecode.com/svn/site/javadoc/release-0.6/index.html

Please feel free to download the jars and give the preview release a try.  We are putting the finishing touches on several of the layouts and controls, so expect a final release in a week or so.

Happy Thanksgiving!

We just saw how to calculate the depreciation using straight line method, now we are going to calculate depreciation using another method, i.e. Decline Balance method. This is also known as double declining balance method. Here are are again going to use progress bar in the list control.

Here is a code to calculate the depreciation using declining balance method.

  1: for (int iIndex = 0; iIndex < year; iIndex++)

  2: {

  3: 	depExpense = bookValue * percentage * 2;

  4:

  5: 	if (bookValue - depExpense < scrap)

  6: 	{

  7: 		depExpense = bookValue - scrap;

  8: 		bookValue = scrap;

  9: 	}

 10: 	else

 11: 	{

 12: 		bookValue -= depExpense;

 13: 	}

 14:

 15: 	accDepreciation += depExpense;

 16:

 17: 	DepreciationInfo dpInfo = new DepreciationInfo();

 18: 	dpInfo.Year = (iIndex + 1);

 19: 	dpInfo.Depreciation = depExpense;

 20: 	dpInfo.AccDepreciation = accDepreciation;

 21: 	dpInfo.BookValue = bookValue;

 22: 	dpInfo.Percentage = (bookValue * 100) / cost; ;

 23:

 24: 	depreciation.Add(dpInfo);

 25: }

 26: 

Here is a complete XAML code of the project.

  1: <Window x:Class="Depreciation.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Depreciation" Height="400" Width="600">

  5:

  6:     <Grid Background="AliceBlue">

  7:         <Grid.RowDefinitions>

  8:             <RowDefinition/>

  9:             <RowDefinition/>

 10:             <RowDefinition/>

 11:             <RowDefinition Height="4*"/>

 12:             <RowDefinition/>

 13:         </Grid.RowDefinitions>

 14:

 15:         <Grid.ColumnDefinitions>

 16:             <ColumnDefinition/>

 17:             <ColumnDefinition/>

 18:         </Grid.ColumnDefinitions>

 19:         <TextBlock Grid.Column="0" Grid.Row="0" Margin="5" VerticalAlignment="Center">Enter Cost of Fixed Asset</TextBlock>

 20:         <TextBox Grid.Column="1" Grid.Row="0" Margin="5" VerticalAlignment="Center" Name="txtCost"></TextBox>

 21:         <TextBlock Grid.Column="0" Grid.Row="1" Margin="5" VerticalAlignment="Center">Enter life Span</TextBlock>

 22:         <TextBox Grid.Column="1" Grid.Row="1" Margin="5" VerticalAlignment="Center" Name="txtYear"></TextBox>

 23:         <TextBlock Grid.Column="0" Grid.Row="2" Margin="5" VerticalAlignment="Center">Enter Scrap Value</TextBlock>

 24:         <TextBox Grid.Column="1" Grid.Row="2" Margin="5" VerticalAlignment="Center" Name="txtScrapValue"></TextBox>

 25:

 26:         <ListView Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Name="list" Margin="5" HorizontalContentAlignment="Stretch">

 27:             <ListView.View>

 28:                 <GridView>

 29:                     <GridView.ColumnHeaderTemplate>

 30:                         <DataTemplate>

 31:                             <Border BorderBrush="Brown" BorderThickness="2" CornerRadius="5">

 32:                                 <Border.Background>

 33:                                     <LinearGradientBrush>

 34:                                         <GradientStop Offset="0" Color="Wheat"/>

 35:                                         <GradientStop Offset="1" Color="LightCoral"/>

 36:                                     </LinearGradientBrush>

 37:                                 </Border.Background>

 38:                                 <TextBlock Foreground="Blue" FontSize="14" FontWeight="Bold" Margin="5" Text="{Binding}" Width="Auto"/>

 39:                             </Border>

 40:                         </DataTemplate>

 41:                     </GridView.ColumnHeaderTemplate>

 42:                     <GridViewColumn Width="Auto" Header="Year" DisplayMemberBinding="{Binding Path=Year}"/>

 43:                     <GridViewColumn Width="Auto" Header="Depreciation" DisplayMemberBinding="{Binding Path=Depreciation}"/>

 44:                     <GridViewColumn Width="Auto" Header="Accumulated Depreciation" DisplayMemberBinding="{Binding Path=AccDepreciation}"/>

 45:                     <GridViewColumn Width="Auto" Header="Book Value" DisplayMemberBinding="{Binding Path=BookValue}"/>

 46:                     <GridViewColumn Width="Auto" Header="Percentage">

 47:                         <GridViewColumn.CellTemplate>

 48:                             <DataTemplate>

 49:                                 <ProgressBar Width="50" Height="20" Margin="5" Minimum="0" Maximum="100" Value="{Binding Percentage}"/>

 50:                             </DataTemplate>

 51:                         </GridViewColumn.CellTemplate>

 52:                     </GridViewColumn>

 53:                 </GridView>

 54:             </ListView.View>

 55:         </ListView>

 56:         <Button Grid.Column="0" Grid.Row="4" Margin="10" Width="75" Name="btnCalculate" Click="btnCalculate_Click">Calculate</Button>

 57:         <Button Grid.Column="1" Grid.Row="4" Margin="10" Width="75" Name="btnExit" Click="btnExit_Click">Exit</Button>

 58:     </Grid>

 59: </Window>

 60: 

Here is complete C# code of the project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace Depreciation

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         List<DepreciationInfo> depreciation;

 23:         private int year;

 24:         private double cost;

 25:         private double scrap;

 26:

 27:         public Window1()

 28:         {

 29:             InitializeComponent();

 30:

 31:             depreciation = new List<DepreciationInfo>();

 32:         }

 33:

 34:         private void btnExit_Click(object sender, RoutedEventArgs e)

 35:         {

 36:             Close();

 37:         }

 38:

 39:         private void btnCalculate_Click(object sender, RoutedEventArgs e)

 40:         {

 41:             depreciation.Clear();

 42:

 43:             year = Convert.ToInt32(txtYear.Text);

 44:             cost = Convert.ToDouble(txtCost.Text);

 45:             scrap = Convert.ToDouble(txtScrapValue.Text);

 46:

 47:             if (year <= 0)

 48:             {

 49:                 MessageBox.Show("Number of years can not be zero or negative.");

 50:                 return;

 51:             }

 52:

 53:             if (cost <= 0 || scrap <= 0)

 54:             {

 55:                 MessageBox.Show("Either Cost or Scrap value is not correct.");

 56:                 return;

 57:             }

 58:

 59:             double percentage = 100 / year;

 60:             percentage /= 100;

 61:             double accDepreciation = 0;

 62:             double bookValue = cost;

 63:             double depExpense = 0;

 64:

 65:             for (int iIndex = 0; iIndex < year; iIndex++)

 66:             {

 67:                 depExpense = bookValue * percentage * 2;

 68:

 69:                 if (bookValue - depExpense < scrap)

 70:                 {

 71:                     depExpense = bookValue - scrap;

 72:                     bookValue = scrap;

 73:                 }

 74:                 else

 75:                 {

 76:                     bookValue -= depExpense;

 77:                 }

 78:

 79:                 accDepreciation += depExpense;

 80:

 81:                 DepreciationInfo dpInfo = new DepreciationInfo();

 82:                 dpInfo.Year = (iIndex + 1);

 83:                 dpInfo.Depreciation = depExpense;

 84:                 dpInfo.AccDepreciation = accDepreciation;

 85:                 dpInfo.BookValue = bookValue;

 86:                 dpInfo.Percentage = (bookValue * 100) / cost; ;

 87:

 88:                 depreciation.Add(dpInfo);

 89:             }

 90:

 91:             list.ItemsSource = depreciation;

 92:         }

 93:     }

 94:

 95:     public class DepreciationInfo

 96:     {

 97:         public int Year

 98:         { get; set; }

 99:

100:         public double Depreciation

101:         { get; set; }

102:

103:         public double AccDepreciation

104:         { get; set; }

105:

106:         public double BookValue

107:         { get; set; }

108:

109:         public double Percentage

110:         { get; set; }

111:     }

112: }

113: 

Here is the output of the program.

The new Wigbi release is being developed, together with new demos, a new template application as well as a lot of new seeds and controls.

For now, the following seeds have been added to the standard seed collection:

• Activity
• City
• Country
• Forum
• ForumThread
• ForumThreadEntry
• Location

Also, the following control has been added to the standard control collection:

• ObjectList (can be used to easily list objects within an array)

Wigbi 0.99.2 will also feature several new seed functions, like loadMultiple, addListItems, removeListItems. These new functions will make it easier to affect multiple objects with one function, which really simplifies some AJAX operations and also reduces the number of database operations needed for certain operations.

WPF 4.0 introduced lots of new feature and one of them is Data Grid control. Here we are going to study the simple usage of Data grid control. Here is a class diagram of DataGrid.

Here is a XAML code of this project.

  1: <Window x:Class="grid.MainWindow"

  2:         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:         Title="Example of Data Grid" Height="300" Width="300">

  5:     <Grid>

  6:         <DataGrid Name="grid" AlternationCount="2" Background="AliceBlue" AlternatingRowBackground="LightGreen">

  7:         </DataGrid>

  8:     </Grid>

  9: </Window>

 10: 

We just create a list of our user define class and assign it to the grid class. Here is a complete C# code of this project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace grid

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for MainWindow.xaml

 19:     /// </summary>

 20:     public partial class MainWindow : Window

 21:     {

 22:         private List<Student> student;

 23:

 24:         public MainWindow()

 25:         {

 26:             InitializeComponent();

 27:

 28:             student = new List<Student>();

 29:             student.Add(new Student(10, "Bob", "Smith"));

 30:             student.Add(new Student(25, "James", "Brown"));

 31:             student.Add(new Student(15, "Joe", "Martin"));

 32:             student.Add(new Student(12, "Dona", "Taylor"));

 33:             student.Add(new Student(18, "Peter", "Brian"));

 34:

 35:             grid.ItemsSource = student;

 36:         }

 37:     }

 38:

 39:     public class Student

 40:     {

 41:         public Student(int id, String firstName, String lastName)

 42:         {

 43:             ID = id;

 44:             FirstName = firstName;

 45:             LastName = lastName;

 46:         }

 47:

 48:         public int ID

 49:         { get; set; }

 50:

 51:         public String FirstName

 52:         { get; set; }

 53:

 54:         public String LastName

 55:         { get; set; }

 56:     }

 57: }

 58: 

Here is the output of this project.

The libraries and they SDKs were updated in the last few days.
In the CustomControls I have completed the Ribbons in the 2007th style. In the MVVM I have pay attention to the MessageBoxes finally.
More information regarding the usage will follow soon.

Da Evil

We can easily insert progras bar inside the tree view just like we added check box and combo box. We are again going to use the CellTemplate property of GridViewColumn. We are going to define data template to use the progress bar.

This time we are going to do something useful rather than using some dummy sample. This time we are going to make one simple application to calculate the book value of a fixed assets cost using the straight line method.

Here is a class to store the information about the depreciation.

  1: public class DepreciationInfo

  2: {

  3: 	public int Year

  4: 	{ get; set; }

  5:

  6: 	public double Depreciation

  7: 	{ get; set; }

  8:

  9: 	public double AccDepreciation

 10: 	{ get; set; }

 11:

 12: 	public double BookValue

 13: 	{ get; set; }

 14:

 15: 	public double Percentage

 16: 	{ get; set; }

 17: }

 18: 

Calculation of book value using straight line method is very simple. Here is a simple method to calculate the book value.

  1: double depExpense = depValue / year;

  2: double accDepreciation = 0;

  3: double bookValue = cost;

  4:

  5: for (int iIndex = 0; iIndex < year; iIndex++)

  6: {

  7: 	accDepreciation += depExpense;

  8: 	bookValue -= depExpense;

  9: 	DepreciationInfo dpInfo = new DepreciationInfo();

 10: 	dpInfo.Year = (iIndex + 1);

 11: 	dpInfo.Depreciation = depExpense;

 12: 	dpInfo.AccDepreciation = accDepreciation;

 13: 	dpInfo.BookValue = bookValue;

 14: 	dpInfo.Percentage = bookValue * 100 / cost;

 15:

 16: 	depreciation.Add(dpInfo);

 17: }

 18:

 19: 

Here is a complete XAML code of this project.

  1: <Window x:Class="Depreciation.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     Title="Depreciation" Height="400" Width="600">

  5:     <Grid Background="AliceBlue">

  6:         <Grid.RowDefinitions>

  7:             <RowDefinition/>

  8:             <RowDefinition/>

  9:             <RowDefinition/>

 10:             <RowDefinition Height="4*"/>

 11:             <RowDefinition/>

 12:         </Grid.RowDefinitions>

 13:

 14:         <Grid.ColumnDefinitions>

 15:             <ColumnDefinition/>

 16:             <ColumnDefinition/>

 17:         </Grid.ColumnDefinitions>

 18:         <TextBlock Grid.Column="0" Grid.Row="0" Margin="5" VerticalAlignment="Center">Enter Cost of Fixed Asset</TextBlock>

 19:         <TextBox Grid.Column="1" Grid.Row="0" Margin="5" VerticalAlignment="Center" Name="txtCost"></TextBox>

 20:         <TextBlock Grid.Column="0" Grid.Row="1" Margin="5" VerticalAlignment="Center">Enter life Span</TextBlock>

 21:         <TextBox Grid.Column="1" Grid.Row="1" Margin="5" VerticalAlignment="Center" Name="txtYear"></TextBox>

 22:         <TextBlock Grid.Column="0" Grid.Row="2" Margin="5" VerticalAlignment="Center">Enter Scrap Value</TextBlock>

 23:         <TextBox Grid.Column="1" Grid.Row="2" Margin="5" VerticalAlignment="Center" Name="txtScrapValue"></TextBox>

 24:

 25:         <ListView Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Name="list" Margin="5" HorizontalContentAlignment="Stretch">

 26:             <ListView.View>

 27:                 <GridView>

 28:                     <GridView.ColumnHeaderTemplate>

 29:                         <DataTemplate>

 30:                             <Border BorderBrush="Brown" BorderThickness="2" CornerRadius="5">

 31:                                 <Border.Background>

 32:                                     <LinearGradientBrush>

 33:                                         <GradientStop Offset="0" Color="Wheat"/>

 34:                                         <GradientStop Offset="1" Color="LightCoral"/>

 35:                                     </LinearGradientBrush>

 36:                                 </Border.Background>

 37:                                 <TextBlock Foreground="Blue" FontSize="14" FontWeight="Bold" Margin="5" Text="{Binding}" Width="Auto"/>

 38:                             </Border>

 39:                         </DataTemplate>

 40:                     </GridView.ColumnHeaderTemplate>

 41:                     <GridViewColumn Width="Auto" Header="Year" DisplayMemberBinding="{Binding Path=Year}"/>

 42:                     <GridViewColumn Width="Auto" Header="Depreciation" DisplayMemberBinding="{Binding Path=Depreciation}"/>

 43:                     <GridViewColumn Width="Auto" Header="Accumulated Depreciation" DisplayMemberBinding="{Binding Path=AccDepreciation}"/>

 44:                     <GridViewColumn Width="Auto" Header="Book Value" DisplayMemberBinding="{Binding Path=BookValue}"/>

 45:                     <GridViewColumn Width="Auto" Header="Percentage">

 46:                         <GridViewColumn.CellTemplate>

 47:                             <DataTemplate>

 48:                                 <ProgressBar Width="50" Height="20" Margin="5" Minimum="0" Maximum="100" Value="{Binding Percentage}"/>

 49:                             </DataTemplate>

 50:                         </GridViewColumn.CellTemplate>

 51:                     </GridViewColumn>

 52:                 </GridView>

 53:             </ListView.View>

 54:         </ListView>

 55:         <Button Grid.Column="0" Grid.Row="4" Margin="10" Width="75" Name="btnCalculate" Click="btnCalculate_Click">Calculate</Button>

 56:         <Button Grid.Column="1" Grid.Row="4" Margin="10" Width="75" Name="btnExit" Click="btnExit_Click">Exit</Button>

 57:     </Grid>

 58: </Window>

 59: 

Here is a complete C# code of this project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace Depreciation

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         List<DepreciationInfo> depreciation;

 23:         private int year;

 24:         private double cost;

 25:         private double scrap;

 26:

 27:         public Window1()

 28:         {

 29:             InitializeComponent();

 30:

 31:             depreciation = new List<DepreciationInfo>();

 32:         }

 33:

 34:         private void btnExit_Click(object sender, RoutedEventArgs e)

 35:         {

 36:             Close();

 37:         }

 38:

 39:         private void btnCalculate_Click(object sender, RoutedEventArgs e)

 40:         {

 41:             depreciation.Clear();

 42:

 43:             year = Convert.ToInt32(txtYear.Text);

 44:             cost = Convert.ToDouble(txtCost.Text);

 45:             scrap = Convert.ToDouble(txtScrapValue.Text);

 46:

 47:             if (year <= 0)

 48:             {

 49:                 MessageBox.Show("Number of years can not be zero or negative.");

 50:                 return;

 51:             }

 52:

 53:             double depValue = cost - scrap;

 54:

 55:             if (depValue <= 0)

 56:             {

 57:                 MessageBox.Show("Either Cost or Scrap value is not correct.");

 58:                 return;

 59:             }

 60:

 61:             double depExpense = depValue / year;

 62:             double accDepreciation = 0;

 63:             double bookValue = cost;

 64:

 65:             for (int iIndex = 0; iIndex < year; iIndex++)

 66:             {

 67:                 accDepreciation += depExpense;

 68:                 bookValue -= depExpense;

 69:                 DepreciationInfo dpInfo = new DepreciationInfo();

 70:                 dpInfo.Year = (iIndex + 1);

 71:                 dpInfo.Depreciation = depExpense;

 72:                 dpInfo.AccDepreciation = accDepreciation;

 73:                 dpInfo.BookValue = bookValue;

 74:                 dpInfo.Percentage = bookValue * 100 / cost;

 75:

 76:                 depreciation.Add(dpInfo);

 77:             }

 78:

 79:             list.ItemsSource = depreciation;

 80:         }

 81:     }

 82:

 83:     public class DepreciationInfo

 84:     {

 85:         public int Year

 86:         { get; set; }

 87:

 88:         public double Depreciation

 89:         { get; set; }

 90:

 91:         public double AccDepreciation

 92:         { get; set; }

 93:

 94:         public double BookValue

 95:         { get; set; }

 96:

 97:         public double Percentage

 98:         { get; set; }

 99:     }

100: }

101: 

Here is the output of this program.

Now the “Content” category is available. There every article regarding the actual files and the content of them will be listed. The SDKs are partially with example code inside (only for the CustomControls currently). Apart from that the SDKs only list what the library contains.
In the future I will write some articles to each part and link it in that content page.

Da Evil

Triton Swirl Shower – thermostatic bar mixer, exposed valve, separate controls, 200mm shower head and suitable for high or low pressure systems installed.

Tiling purchased from Marabese – White bumby tiles 300mm / 200mm with the odd picture tile added – finished with white grout.

4 door shower screen, pulls out and sits tight against the bath rim.

If we have a simple grid form of data then we can simply display it in list view. We can even further customize the display of our data by using data template and display in different controls such as check box, text block etc.

If we have hierarchical data, such as the state information and list of big cities in each state then we can display this in the form of nested combo box inside the list view.

First we have to change our data structure. Now our class contains not only simple data, but also list of string to store more than one big cities in each state. Here is our class look like.

  1:     public class StateInfo

  2:     {

  3:         private List<String> list;

  4:

  5:         public StateInfo()

  6:         {

  7:         }

  8:

  9:         public StateInfo(String name, String capital, String nickName, String timeZone, Boolean visited)

 10:         {

 11:             Name = name;

 12:             Capital = capital;

 13:             NickName = nickName;

 14:             TimeZone = timeZone;

 15:             Visited = visited;

 16:

 17:             list = new List<string>();

 18:         }

 19:

 20:         public String Name

 21:         { get; set; }

 22:

 23:         public String Capital

 24:         { get; set; }

 25:

 26:         public String NickName

 27:         { get; set; }

 28:

 29:         public String TimeZone

 30:         { get; set; }

 31:

 32:         public Boolean Visited

 33:         { get; set; }

 34:

 35:         public List<String> Cities

 36:         {

 37:             get { return list; }

 38:             set { list = value; }

 39:         }

 40:

 41:     }

 42: 

Now we are going to populate some data in this class. In this example we are inserting data by code, but it can be loaded by database, LINQ or any other techniques. Here is an example of inserting data in this data structure.

  1: List<StateInfo> statesList = new List<StateInfo>();

  2:

  3: StateInfo s1 = new StateInfo();

  4: s1.Name = "Maryland";

  5: s1.Capital = "Annapolis";

  6: s1.NickName = "Old Line State";

  7: s1.Visited = true;

  8: List<String> s1List = new List<string>();

  9: s1List.Add("Frederick");

 10: s1List.Add("Baltimore");

 11: s1List.Add("Rockville");

 12: s1List.Add("Hagerstown");

 13: s1.Cities = s1List;

 14: statesList.Add(s1);

 15:

 16: StateInfo s2 = new StateInfo();

 17: s2.Name = "California";

 18: s2.Capital = "Sacramento";

 19: s2.NickName = "Golden State";

 20: s2.Visited = true;

 21: List<String> s2List = new List<string>();

 22: s2List.Add("Los Angeles");

 23: s2List.Add("San Franscico");

 24: s2List.Add("San Deiago");

 25: s2List.Add("San Jose");

 26: s2List.Add("Fresno");

 27: s2List.Add("Long Beach");

 28: s2.Cities = s2List;

 29: statesList.Add(s2);

 30:

 31: StateInfo s3 = new StateInfo();

 32: s3.Name = "Taxes";

 33: s3.Capital = "Austin";

 34: s3.NickName = "Lone Star State";

 35: s3.Visited = true;

 36: List<String> s3List = new List<string>();

 37: s3List.Add("Houston");

 38: s3List.Add("Dallas");

 39: s3List.Add("San Antonio");

 40: s3List.Add("El Paso");

 41: s3.Cities = s3List;

 42: statesList.Add(s3);

 43:

 44: StateInfo s4 = new StateInfo();

 45: s4.Name = "Ohio";

 46: s4.Capital = "Columbus";

 47: s4.NickName = "Buckeye State";

 48: s4.Visited = false;

 49: List<String> s4List = new List<String>();

 50: s4List.Add("Cleveland");

 51: s4List.Add("Cincinnati");

 52: s4.Cities = s4List;

 53: statesList.Add(s4);

 54:

 55: StateInfo s5 = new StateInfo();

 56: s5.Name = "Florida";

 57: s5.Capital = "Tallahassee";

 58: s5.NickName = "Sunshine State";

 59: s5.Visited = false;

 60: List<String> s5List = new List<string>();

 61: s5List.Add("Miami");

 62: s5List.Add("Jacksonville");

 63: s5List.Add("Tampa");

 64: s5.Cities = s5List;

 65: statesList.Add(s5);

 66: 

At XAML side we define one check box to display the Boolean variable.

  1: <GridViewColumn Width="Auto" Header="Visited">

  2: 	<GridViewColumn.CellTemplate>

  3: 		<DataTemplate>

  4: 			<CheckBox IsChecked="{Binding Visited}"/>

  5: 		</DataTemplate>

  6: 	</GridViewColumn.CellTemplate>

  7: </GridViewColumn>

  8: 

Similarly we define one more data template to define the cities list in combo box.

  1: <GridViewColumn Width="100" Header="Cities">

  2: 	<GridViewColumn.CellTemplate>

  3: 		<DataTemplate>

  4: 			<ComboBox Width="75" ItemsSource="{Binding Cities}"/>

  5: 		</DataTemplate>

  6: 	</GridViewColumn.CellTemplate>

  7: </GridViewColumn>

  8: 

Rest of the code is quite straight forward. Here is complete XAML code of this project.

  1: <Window x:Class="UIElement.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     xmlns:local="clr-namespace:UIElement"

  5:     Title="ListView Example" Height="300" Width="525">

  6:     <Window.Resources>

  7:         <Style x:Key="myStyle" TargetType="{x:Type ListViewItem}">

  8:             <Setter Property="Background" Value="AliceBlue"/>

  9:             <Setter Property="FontSize" Value="14"/>

 10:             <Setter Property="Foreground" Value="Green"/>

 11:         </Style>

 12:     </Window.Resources>

 13:     <Grid>

 14:         <ListView ItemContainerStyle="{StaticResource myStyle}" Name="list" Margin="5" HorizontalContentAlignment="Stretch">

 15:             <ListView.View>

 16:                 <GridView>

 17:                     <GridView.ColumnHeaderTemplate>

 18:                         <DataTemplate>

 19:                             <Border BorderBrush="Brown" BorderThickness="2" CornerRadius="5">

 20:                                 <Border.Background>

 21:                                     <LinearGradientBrush>

 22:                                         <GradientStop Offset="0" Color="Wheat"/>

 23:                                         <GradientStop Offset="1" Color="LightCoral"/>

 24:                                     </LinearGradientBrush>

 25:                                 </Border.Background>

 26:                                 <TextBlock Foreground="Blue" FontSize="14" FontWeight="Bold" Margin="5" Text="{Binding}" Width="Auto"/>

 27:                             </Border>

 28:                         </DataTemplate>

 29:                     </GridView.ColumnHeaderTemplate>

 30:                     <GridViewColumn Width="Auto" Header="Visited">

 31:                         <GridViewColumn.CellTemplate>

 32:                             <DataTemplate>

 33:                                 <CheckBox IsChecked="{Binding Visited}"/>

 34:                             </DataTemplate>

 35:                         </GridViewColumn.CellTemplate>

 36:                     </GridViewColumn>

 37:                     <GridViewColumn Width="Auto" Header="State Name" DisplayMemberBinding="{Binding Path=Name}"/>

 38:                     <GridViewColumn Width="Auto" Header="State Capital" DisplayMemberBinding="{Binding Path=Capital}"/>

 39:                     <GridViewColumn Width="Auto" Header="State Nick Name">

 40:                         <GridViewColumn.CellTemplate>

 41:                             <DataTemplate>

 42:                                 <Expander ExpandDirection="Right">

 43:                                     <TextBlock Foreground="Green" FontSize="14" Text="{Binding NickName}"/>

 44:                                 </Expander>

 45:                             </DataTemplate>

 46:                         </GridViewColumn.CellTemplate>

 47:                     </GridViewColumn>

 48:                     <GridViewColumn Width="100" Header="Cities">

 49:                         <GridViewColumn.CellTemplate>

 50:                             <DataTemplate>

 51:                                 <ComboBox Width="75" ItemsSource="{Binding Cities}"/>

 52:                             </DataTemplate>

 53:                         </GridViewColumn.CellTemplate>

 54:                     </GridViewColumn>

 55:                 </GridView>

 56:             </ListView.View>

 57:         </ListView>

 58:     </Grid>

 59: </Window>

 60: 

And here is complete C# code of this project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace UIElement

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         public Window1()

 23:         {

 24:             InitializeComponent();

 25:

 26:             List<StateInfo> statesList = new List<StateInfo>();

 27:

 28:             StateInfo s1 = new StateInfo();

 29:             s1.Name = "Maryland";

 30:             s1.Capital = "Annapolis";

 31:             s1.NickName = "Old Line State";

 32:             s1.Visited = true;

 33:             List<String> s1List = new List<string>();

 34:             s1List.Add("Frederick");

 35:             s1List.Add("Baltimore");

 36:             s1List.Add("Rockville");

 37:             s1List.Add("Hagerstown");

 38:             s1.Cities = s1List;

 39:             statesList.Add(s1);

 40:

 41:             StateInfo s2 = new StateInfo();

 42:             s2.Name = "California";

 43:             s2.Capital = "Sacramento";

 44:             s2.NickName = "Golden State";

 45:             s2.Visited = true;

 46:             List<String> s2List = new List<string>();

 47:             s2List.Add("Los Angeles");

 48:             s2List.Add("San Franscico");

 49:             s2List.Add("San Deiago");

 50:             s2List.Add("San Jose");

 51:             s2List.Add("Fresno");

 52:             s2List.Add("Long Beach");

 53:             s2.Cities = s2List;

 54:             statesList.Add(s2);

 55:

 56:             StateInfo s3 = new StateInfo();

 57:             s3.Name = "Taxes";

 58:             s3.Capital = "Austin";

 59:             s3.NickName = "Lone Star State";

 60:             s3.Visited = true;

 61:             List<String> s3List = new List<string>();

 62:             s3List.Add("Houston");

 63:             s3List.Add("Dallas");

 64:             s3List.Add("San Antonio");

 65:             s3List.Add("El Paso");

 66:             s3.Cities = s3List;

 67:             statesList.Add(s3);

 68:

 69:             StateInfo s4 = new StateInfo();

 70:             s4.Name = "Ohio";

 71:             s4.Capital = "Columbus";

 72:             s4.NickName = "Buckeye State";

 73:             s4.Visited = false;

 74:             List<String> s4List = new List<String>();

 75:             s4List.Add("Cleveland");

 76:             s4List.Add("Cincinnati");

 77:             s4.Cities = s4List;

 78:             statesList.Add(s4);

 79:

 80:             StateInfo s5 = new StateInfo();

 81:             s5.Name = "Florida";

 82:             s5.Capital = "Tallahassee";

 83:             s5.NickName = "Sunshine State";

 84:             s5.Visited = false;

 85:             List<String> s5List = new List<string>();

 86:             s5List.Add("Miami");

 87:             s5List.Add("Jacksonville");

 88:             s5List.Add("Tampa");

 89:             s5.Cities = s5List;

 90:             statesList.Add(s5);

 91:

 92:             list.ItemsSource = statesList;

 93:         }

 94:     }

 95:

 96:     public class StateInfo

 97:     {

 98:         private List<String> list;

 99:

100:         public StateInfo()

101:         {

102:         }

103:

104:         public StateInfo(String name, String capital, String nickName, String timeZone, Boolean visited)

105:         {

106:             Name = name;

107:             Capital = capital;

108:             NickName = nickName;

109:             TimeZone = timeZone;

110:             Visited = visited;

111:

112:             list = new List<string>();

113:         }

114:

115:         public String Name

116:         { get; set; }

117:

118:         public String Capital

119:         { get; set; }

120:

121:         public String NickName

122:         { get; set; }

123:

124:         public String TimeZone

125:         { get; set; }

126:

127:         public Boolean Visited

128:         { get; set; }

129:

130:         public List<String> Cities

131:         {

132:             get { return list; }

133:             set { list = value; }

134:         }

135:

136:     }

137: }

138: 

The output of this program would be something like this.

What I want to do,
I would like to publish my own MVVM.dll, this library provides all needed objects to easy handle the MVVM pattern.
But not only the MVVM library will be available, also an accumulation of useful controls like the known “Ribbons” in a separate CustomControls.dll.
Both will be with SDK’s, these are simple help files to show the content and are partially with example code.

Da Evil

I’ve been working lately on a new project called MaiTai. In order to build MaiTai exactly as I wanted I had to build several custom controls, including a proportional scrollbar for the canvas.

A proportional scrollbar is one where the thumb changes size to reflect the current fraction of a document that you are viewing. It has three values which matter: the current position (value), the total viewable area (totalSpan), and the amount of the viewable area currently visible (viewSpan). This scrollbar only really makes sense when combined with a scrollable document area, so I created a ScrollCanvas as well. Wiring the bars up to the actual document up requires several tricky binds, but the ScrollCanvas already does this for you. Here’s what it looks like:

Run the app

Here’s how to use the ScrollCanvas and embedded scrollbars to pan over a large image:

var img = Image {
    url: "http://farm3.static.flickr.com/2617/3688731351_3641801d44.jpg"
    backgroundLoading: false
}

var scene:Scene = Scene {
    fill: Color.WHITE
    width: 300
    height: 200
    content: [
        ScrollCanvas {
            width: bind scene.width
            height: bind scene.height
            content: ImageView {
                image: img
            }
        }
    ]
}

var stage = Stage {
    scene: scene
}

The control has a few other nice features such as:

• you can pan the canvas with the mouse wheel
• pan the canvas using the 2 finger mouse gestures on Mac
• auto sizing the scrollbars based on the canvas content
• disabling the scrollbars when the view is larger than the content
• a nice transparent look that you can customize

Note: this control is not meant to be the ultimate scrollbar. It’s missing some features (such as scroll arrows) and I didn’t build it as a proper skinnable control. Once proportional scrollbars are included in JavaFX core I will probably stop using this one. But until then, enjoy!

• Download Source
• Run the app

Till now are are applying template only at the list view header. This time we are going to apply template in the list view item. In this example we are going to insert the expender control inside the cell of the grid view. We are using data template for this purpose. We are going to apply on GridViewColumn and use its CellTemplate property. CellTemplate is a DataTemplate type property. Here is a piece of code to insert expender inside the list view.

  1: <GridViewColumn.CellTemplate>

  2: 	<DataTemplate>

  3: 		<Expander ExpandDirection="Right">

  4: 			<TextBlock Foreground="Green" FontSize="14" Text="{Binding NickName}"/>

  5: 		</Expander>

  6: 	</DataTemplate>

  7: </GridViewColumn.CellTemplate>

  8: 

Rest of the code is almost same as we saw earlier. Here is a complete XAML code of the project.

  1: <Window x:Class="UIElement.Window1"

  2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  4:     xmlns:local="clr-namespace:UIElement"

  5:     Title="ListView Example" Height="300" Width="400">

  6:     <Window.Resources>

  7:         <Style x:Key="myStyle" TargetType="{x:Type ListViewItem}">

  8:             <Setter Property="Background" Value="AliceBlue"/>

  9:             <Setter Property="FontSize" Value="14"/>

 10:             <Setter Property="Foreground" Value="Green"/>

 11:         </Style>

 12:     </Window.Resources>

 13:     <Grid>

 14:         <ListView ItemContainerStyle="{StaticResource myStyle}" Name="list" Margin="5" HorizontalContentAlignment="Stretch">

 15:             <ListView.View>

 16:                 <GridView>

 17:                     <GridView.ColumnHeaderTemplate>

 18:                         <DataTemplate>

 19:                             <Border BorderBrush="Brown" BorderThickness="2" CornerRadius="5">

 20:                                 <Border.Background>

 21:                                     <LinearGradientBrush>

 22:                                         <GradientStop Offset="0" Color="Wheat"/>

 23:                                         <GradientStop Offset="1" Color="LightCoral"/>

 24:                                     </LinearGradientBrush>

 25:                                 </Border.Background>

 26:                                 <TextBlock Foreground="Blue" FontSize="14" FontWeight="Bold" Margin="5" Text="{Binding}" Width="Auto"/>

 27:                             </Border>

 28:                         </DataTemplate>

 29:                     </GridView.ColumnHeaderTemplate>

 30:

 31:                     <GridViewColumn Width="Auto" Header="State Name" DisplayMemberBinding="{Binding Path=Name}"/>

 32:                     <GridViewColumn Width="Auto" Header="State Capital" DisplayMemberBinding="{Binding Path=Capital}"/>

 33:                     <GridViewColumn Width="Auto" Header="State Nick Name">

 34:                         <GridViewColumn.CellTemplate>

 35:                             <DataTemplate>

 36:                                 <Expander ExpandDirection="Right">

 37:                                     <TextBlock Foreground="Green" FontSize="14" Text="{Binding NickName}"/>

 38:                                 </Expander>

 39:                             </DataTemplate>

 40:                         </GridViewColumn.CellTemplate>

 41:                     </GridViewColumn>

 42:                 </GridView>

 43:             </ListView.View>

 44:         </ListView>

 45:     </Grid>

 46: </Window>

 47: 

C# code of this project is also same as previous project. Here is complete C# code of this project.

  1: using System;

  2: using System.Collections.Generic;

  3: using System.Linq;

  4: using System.Text;

  5: using System.Windows;

  6: using System.Windows.Controls;

  7: using System.Windows.Data;

  8: using System.Windows.Documents;

  9: using System.Windows.Input;

 10: using System.Windows.Media;

 11: using System.Windows.Media.Imaging;

 12: using System.Windows.Navigation;

 13: using System.Windows.Shapes;

 14:

 15: namespace UIElement

 16: {

 17:     /// <summary>

 18:     /// Interaction logic for Window1.xaml

 19:     /// </summary>

 20:     public partial class Window1 : Window

 21:     {

 22:         public Window1()

 23:         {

 24:             InitializeComponent();

 25:

 26:             List<StateInfo> statesList = new List<StateInfo>();

 27:

 28:             statesList.Add(new StateInfo("Maryland", "Annapolis", "Old Line State", "Eastern"));

 29:             statesList.Add(new StateInfo("California", "Sacramento", "Golden State", "Pacific"));

 30:             statesList.Add(new StateInfo("Washington", "Olympia", "Ever Green State", "Pacific"));

 31:             statesList.Add(new StateInfo("Taxes", "Austin", "Lone Star State", "Central"));

 32:             statesList.Add(new StateInfo("New York", "Albany", "Empire State", "Eastern"));

 33:

 34:             list.ItemsSource = statesList;

 35:         }

 36:     }

 37:

 38:     public class StateInfo

 39:     {

 40:         public StateInfo()

 41:         {

 42:         }

 43:

 44:         public StateInfo(String name, String capital, String nickName, String timeZone)

 45:         {

 46:             Name = name;

 47:             Capital = capital;

 48:             NickName = nickName;

 49:             TimeZone = timeZone;

 50:         }

 51:

 52:         public String Name

 53:         { get; set; }

 54:

 55:         public String Capital

 56:         { get; set; }

 57:

 58:         public String NickName

 59:         { get; set; }

 60:

 61:         public String TimeZone

 62:         { get; set; }

 63:     }

 64: }

 65: 

Here is the output of this program.

With the help of horizontal expender, now we can make the state nick name demand base, means user can see the nick name of his/her selected states.