admin

Here is the picture guide and tutorial on how to design and draw commerical software box using Microsoft Expression Blend 2.

Step1: Select Pen from the Toolbox, draw the path Front layouts of the Software Box. Customize the Fill color of the Front to LinearGradient as following. Perform BrushTransform so that the gradient is parallel to the side of the Front.

Step2: Select Pen from the Toolbox, draw the path Side layouts of the Software Box. Customize the Fill color of the Side to LinearGradient as following. Perform BrushTransform so that the gradient is parallel to the side of the Side.

Step3: Using a Paint .Net, design the commerical front and side image to be display on the software box. You can set the background to transparent and save them as PNG format. 

Step4: You can add the side and front images to your Expression Blend project. You can add the images to your project by select "Add Existing Item".

Step5: Select on the LayoutRoot, then drag and drop the image from Projects Tree to the Designer. Resize the image, then, select "Make Image 3D".

Step6: Select on the Front3D 3D image model, then customize the 3D rotation of the front image to fit the front layout of the software box.

Step7: In order to make a reflection for the software box, select on the Front 3D model, perform a Flip Y-Axis tranform.

Step8: Then continue with a Translate-Y tranform. Select clip to bound in order clip your desired reflection bound. You can repeat the same concept for the Side.

9. Finally, you have the commercial software box.

Tags: Expression Blend

admin

In Nextwavesoft WPF Chart/Graph 1.0 Release, we have supported most of the fundamental charts and graphs in 2 Dimensions and 3 Dimension. In a xy 2D chart or graph, there are primary x axis, primary y axis, secondary x axis and secondary y axis for binding. All axis support reverse, indexing, axis labelling, side labelling, margin, stripes, major and minor gridlines, grid ticks and annotation.

In a circular 2D chart, there are circular x -axis and linear y -axis binding. All axis support reverse, indexing, axis labelling, side labelling, margin, stripes, major gridlines, grid ticks and annotation.

For those without axis, i.e. pie, doughnut, pyramid and funnel charts, segmented label and segment separation are supported.

All WPF Charts and Graphs in Nextwavesoft WPF Chart library supports themes, data template, control template, legend, title, 3D display (except stock charts and circular charts), XML, Object, Collection, Dataset, X-Y formula and real time data binding, animation, marker, tooltip and mouse interaction.

WPF Area Chart Gallery includes WPF Area Chart, WPF Stacked Area Chart, WPF Stacked Area 100% Chart and Spline Area Chart.

WPF Bars Chart Gallery includes WPF Bar Chart, WPF Stacked Bar Chart, WPF Stacked Bar 100% Chart.

WPF Column Chart Gallery includes WPF Column Chart, WPF Stacked Column Chart, WPF Stacked Column 100% Chart.

WPF Line Chart Gallery includes WPF Line Chart, WPF Spline Chart, WPF Step Line Chart.

WPF Financial Chart Gallery includes WPF Stock Bar Chart, WPF CandleStick Chart, and WPF Stock Volume Chart.

WPF Segmented Chart Gallery includes WPF Pie Chart and WPF Doughnut Chart.

WPF Accumulation Chart Gallery includes WPF Pyramid Chart and WPF Funnel Chart.

WPF Circular Chart Gallery includes WPF Radar Line Chart, WPF Radar Area Chart and WPF Radar Scatter Chart.

The Scatter Chart Gallery includes Bubble Chart, Scatter Chart and Scatter Line Chart.

The Combinational Chart Gallery.

Tags: WPF Graph | WPF Chart

admin

Nextwavesoft WPF Chart or WPF Graph Controls provide 6 types of predefined themes for all the charts. There are generic, fire, star, rose, forest and fire themes. You can define your own theme also. Please refer to our sample browser for sample codes.

Tags: Theme | WPF Graph | WPF Chart

admin

In Nextwavesoft WPF Chart/Graph 1.0 Release, we have supported most of the fundamental charts and graphs in 2 Dimensions and 3 Dimension. In a xy 2D chart or graph, there are primary x axis, primary y axis, secondary x axis and secondary y axis for binding. All axis support reverse, indexing, axis labelling, side labelling, margin, stripes, major and minor gridlines, grid ticks and annotation.

In a circular 2D chart, there are circular x -axis and linear y -axis binding.  All axis support reverse, indexing, axis labelling, side labelling, margin, stripes, major gridlines, grid ticks and annotation.

For those without axis, i.e. pie, doughnut, pyramid and funnel charts, segmented label and segment separation are supported.

All WPF Charts and Graphs in Nextwavesoft WPF Chart library supports themes, data template, control template, legend, title, 3D display (except stock charts and circular charts), XML, Object, Collection, Dataset, X-Y formula and real time data binding, animation, marker, tooltip and mouse interaction.

WPF Area Chart Gallery includes WPF Area Chart, WPF Stacked Area Chart, WPF Stacked Area 100% Chart and Spline Area Chart.

WPF Bars Chart Gallery includes WPF Bar Chart, WPF Stacked Bar Chart, WPF Stacked Bar 100% Chart.

WPF Column Chart Gallery includes WPF Column Chart, WPF Stacked Column Chart, WPF Stacked Column 100% Chart.

WPF Line Chart Gallery includes WPF Line Chart, WPF Spline Chart, WPF Step Line Chart.

WPF Financial Chart Gallery includes WPF Stock Bar Chart, WPF CandleStick Chart, and WPF Stock Volume Chart.

WPF Segmented Chart Gallery includes WPF Pie Chart and  WPF Doughnut Chart.

WPF Accumulation Chart Gallery includes WPF Pyramid Chart and  WPF Funnel Chart.

WPF Circular Chart Gallery includes WPF Radar Line Chart, WPF Radar Area Chart and WPF Radar Scatter Chart.

The Scatter Chart Gallery includes Bubble Chart, Scatter Chart and Scatter Line Chart.

The Combinational Chart Gallery.

Tags: WPF Graph | WPF Chart

admin

After month of development , we have managed to get most of the graph out . Spends like weeks to finetune those maths.

All the grid line , axis support animation !!.

There is still things to do and 3d has not been integrated in yet .  stay tune.

Tags: Nextwave Graph

admin

Here is the picture guide on how to do data binding between two elements using Microsoft Expression Blend 2. In this example, I am showing how to bind between a Slider and a Circular Marker.

Step1: Select the element you would like to bind from. Example below shows how to browse to the Circular Marker element.

Step 2: Select the property of the element you want to bind from. The example below shows that the value property of Circular Marker will be binded.

Step 3: Click on the "Advanced Property Option" from the value property

Step 5: From the Create Data Binding Menu, select "Element Property" Tab, then browse to the element you want to bind to. After that select the property of the element you want to bind to.

Tags: WPF Gauges | XAML | Expression Blend

admin

3 more new graphs are introduced in our upcoming graph library.

For now you have to manually defined a series , where each series has a X, Y point to defined . 

Thats is not very good but for now it is useful for our testing purpose . 

This is how the structure of the XAML code, ChartType is used to defined what kind of chart u want to displayed for the series .

 <kk:Chart Enable3D="True">
            <kk:Chart.Series>
                <kk:Series ChartType="AreaChart" FillColor="Red">
                    <kk:Series.DataPoints>
                        <kk:DataPoint XPoint="1" YPoint="8"/>
                        <kk:DataPoint XPoint="2" YPoint="4"/>
                        <kk:DataPoint XPoint="3" YPoint="3"/>
                        <kk:DataPoint XPoint="4" YPoint="5"/>
                        <kk:DataPoint XPoint="5" YPoint="6"/>
                        <kk:DataPoint XPoint="6" YPoint="3"/>
                    </kk:Series.DataPoints>
                </kk:Series>
                <kk:Series ChartType="ColumnChart" FillColor="Blue">
                    <kk:Series.DataPoints>
                        <kk:DataPoint XPoint="1" YPoint="3"/>
                        <kk:DataPoint XPoint="2" YPoint="4"/>
                        <kk:DataPoint XPoint="3" YPoint="3"/>
                        <kk:DataPoint XPoint="4" YPoint="5"/>
                        <kk:DataPoint XPoint="5" YPoint="6"/>
                        <kk:DataPoint XPoint="6" YPoint="7"/>
                    </kk:Series.DataPoints>
                </kk:Series>
              
            </kk:Chart.Series>
        </kk:Chart>

all the Axis are automatically calculated .

1.  Area Chart

Line Chart

And column Chart

Tags: WPF Graph | user control

admin

Although lots of work lately , we have still managed to squeeze time out to come out our first graph , it is nothing fancy , but serves the basis of our graph library .

Our first bubble graph in orthogonal camera 

And in perspective camera

Tags: WPF Graph | Control | Custom Control

admin

Lately there are numbers of sending email asking how to auto resizing the gauge , So i have decided to post a solution here .

There are couple of way how this can be done , but i will post a solution which i have posted in the forum .

and i will described how it works here :

1. We create a user control call MyGauge , in the MyGauge override the OnMeasure method .

private Size _oriSize;
public MyGauge()
{
InitializeComponent();
_oriSize = new Size(this.Width, this.Height);
}

protected override Size MeasureOverride(Size constraint)
{
this.circularGauge1.LayoutTransform = new ScaleTransform(constraint.Width / _oriSize.Width, constraint.Height / _oriSize.Height);
return base.MeasureOverride(constraint);
}

What we are doing here first we save the original size , whenever the user control get resize , user control will re measure with the new size . We calculate the ratio by doing a new size / old size , then appy a scale transformation to it .

Once it is done . You have a usercontrol that will resize the gauge .

Now , we need to use this gauge in a window .

We create a new project , then embed the newly created UserControl in the XAML

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:lala="clr-namespace:Demo;assembly=Demo"
    Title="Window1" Height="200" Width="200">
    <Grid>
        <l:MyGauge></:MyGauge>
    </Grid>
</Window>

But when you run the project , as you resize the window , the control does not resize !!

The solution to this problemi is in XAML

change

 <l:MyGauge Width="Auto" Height="Auto"></l:MyGauge>
 

Now the window will resize the user control automatically .

 download the application from here 

 http://nextwavesoft.com/images/fbfiles/files/Demo-ae3449dbe05da0c8a1ca07654d969596.zip

Tags: Auto Resizing | Gauge | XAML | Control | WPF

admin

Here are the list of image archieved of our WPF Speedometer, WPF DBI/Decibel Meter, WPF R134A Pressure Meter, WPF Electronic Battery Meter, WPF Sliders, WPF Knob Control, WPF Meat Thermometer, WPF Medical Meter, WPF Clock, WPF Watch, WPF Stop Watch, WPF DC Voltmeter, WPF Tachometer, WPF Odometer and WPF Trapezoid Digital Panel.

Tags: WPF Gauges

admin

Spent a week to upgrade our ugly website to Joomla 1.5 supporting web2.0 feature. More animations and cool stuff were added in our site. Thanks to all joomla extensions that are contributed by joomla communities. Special thanks to Gavick Photoslide at the main page, Xmap for the site map, Fireboard for the forum, Idoblog for this blog page, Docman for download management, expose gallery for our product demo album, qcontact for contact us tab last and not least joomla 1.5!

Special thanks to our friends and customers from Norway, German, United States and others part of the world for their constructive feedbacks and supports. We will continue to grow. 

Tags: Website