-->

Monday, July 13, 2015

Use of ProgressBar in WPF also add it in Status bar with animation effect

Use of ProgressBar in WPF also add it in Status bar with animation effect

In this article i will show you, how to use progress bar in wpf (Window Presentation Foundation) and how to add it in status bar dynamically. Actually i explained it with basic information, today i will explain more about it. In this article, first to add a status bar in the page after that add a TextBlock control in it. Now the code look like :


<Grid>

        <StatusBar Name="sbar1" Background="BlueViolet" VerticalAlignment="Bottom">
            <StatusBarItem>
                <TextBlock>Status:</TextBlock>
            </StatusBarItem>
        </StatusBar>
    </Grid>

Now, create a new function just after the InitializeComponent() method, it means you can view your progress bar on window load.  

Code behind code

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Animation;

namespace WpfApplication2
{
    /// <summary>
    /// Interaction logic for progressbar.xaml
    /// </summary>
    public partial class progressbar : Window
    {
        public progressbar()
        {
            InitializeComponent();
            
            createprogressbar();
        }

        private void createprogressbar()
        {
            ProgressBar pb2 = new ProgressBar();
            pb2.IsIndeterminate = false;
            pb2.Orientation = Orientation.Horizontal;
            pb2.Width = 100;
            pb2.Height = 25;
           
            Duration dur = new Duration(TimeSpan.FromSeconds(30));
            DoubleAnimation dblani = new DoubleAnimation(200.0, dur);
            pb2.BeginAnimation(ProgressBar.ValueProperty, dblani);
            sbar1.Items.Add(pb2);

        }

  
    }
}

Now, code generate the following output:

Use of ProgressBar in WPF also add it in Status bar with animation effect


Here,
  1. Create a ProgressBar class object also set some data members like width, height etc.
  2. Set the animation by BeginAnimation method( )

Read other related articles

Also read other articles

© Copyright 2013 Computer Programming | All Right Reserved