Micro Charts Part 8 – Hot

May 18, 2012 at 11:40 AM
Check out the hot-tracking tooltip feature in our Micro Charts controls for #WPF and #Silverlight. http://t.co/PuKD9B7x

May 14, 2012 at 2:50 PM
IntelliPrompt code snippet features have been added to our VS-like code editor control for #WPF and #Silverlight. http://t.co/1IchOJrr

May 10, 2012 at 9:40 PM
Our new Micro Charts control products for #WPF and #Silverlight are out now. Come build some dashboards with them! http://t.co/EEERvff0

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/kn-v5oLdFWI/post.aspx

Prevent ugly images on Windows Phone

Sometimes images look nice on a regular computer screen, but when used in your Windows Phone application they become ugly. This effect is most often seen on gradients and images with smooth coloring. In gradient images you’ll start to see stripes and bands. It looks like the colors in the image don’t blend anymore.

Below are the 32bit and 16bit versions of the same images. Notice the banding on the right one.

32bit16bit

This problem may be caused by a setting in your application or just by screen of the phone itself. It occurs when a 32bit image is shown on a 16bit screen. Because there are way more shades of colors available in 32bit images than in 16bit images, you’ll start to see these artifacts when the depth doesn’t match the screen.

The solution is relatively simple. Just scramble the pixels a bit to make the colors look like they blend. This process is called dithering. Maybe you’ll remember, back in the days with Windows 3.11, you often saw ‘gradients’ in images with only two colors. Starting with 1 color and along the image there appeared more and  more pixels of a different color.

Here’s another example of dithering. When you have only 256 colors available for a gradient, you’ll have to do something like this to blend from color to color.

image

Below is the dithering effect used on a 16bit image. On the left is the original 32bit image. The middle image is the plain 16bit version, with banding. The one on the right one dithering applied to it.

32bit16bit16bit-Dithered

The best way to fix this problem is to make sure your images look right. Don’t depend on the phones to fix the problem for you. I personally do not want to take the risk of any of my images looking ugly on someone’s phone. When the artwork is crap the app is probably too. Always make sure you walk the extra mile to make your apps look perfect. If a similar app looks better, people use that one instead of yours!

The easiest and free way to fix your images is to use Paint.NET with a special plugin.

After downloading and installing I’ve opened a splash screen for my app in Paint.NET. The image uses a lot of smooth transitions between colors and will look bad on some phones.

image

Next, go to EffectsPhoto in the menu and select Simulate Color Depth

image

I’ve you did not get the earlier part about the dithering and the different bit depths, I suggest you play a little with the settings to see what’s effect of the different bit depth settings. And turn Dither on and off a couple of times to see the magic happening.

I personally use the Bayer Ordered 8×8 method on all my images. But you’ll free to use an other one if you like.

image

Hit Ok and you’re done.

If you are using Photoshop for your imagery, you can find an action to apply dithering to your images over at Robby Ingebretsen’s blog.

Unfortunately not everyone is dithering their images, which results in bad looking apps. As you’ve seen it’s pretty simple to resolve. I hope to never see banding and ugly artifacts in applications anymore.

Article source: http://www.timmykokke.com/2012/05/prevent-ugly-images-on-windows-phone/

Silverlight Controls 2012.1 Released

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/PytvjR9J-Gc/post.aspx

WPF Controls 2012.1 Released

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/9rxwu6CiZJ8/post.aspx

Micro Charts Part 7

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/YUo35Q1n6qM/post.aspx

Micro Charts Part 6

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/vgfizSLM298/post.aspx

Micro Charts Part 5

May 7, 2012 at 6:47 AM
Today we look at bar charts, for our upcoming #WPF, #Silverlight, and #WinRT Micro Charts product. http://t.co/gxHuPS6B

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/H-Xth-fWzEE/post.aspx

Micro Charts Part 4

May 4, 2012 at 6:25 AM
See a gallery of micro area charts in our upcoming release for #WPF, #Silverlight, and #WinRT. http://t.co/qDXGwW8B

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

April 30, 2012 at 6:47 AM
We’re bringing advanced Micro Charts controls to #WPF, #Silverlight, and #WinRT #XAML. Check out a preview! http://t.co/EEERvff0

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/vjreeAxgXfA/post.aspx

Micro Charts Part 3

May 3, 2012 at 6:32 AM
See a variety of line charts that are easy to make with our upcoming #WPF, #Silverlight, #WinRT Micro Charts product. http://t.co/mbkX6tJd

May 2, 2012 at 9:51 AM
Here’s some example usages of our upcoming #WPF, #Silverlight, #WinRT Micro Charts product in dashboards, etc.
http://t.co/eBeqpw8D

May 1, 2012 at 12:19 PM
#job We’re hiring talented devs to work in #XAML tech (#WPF, #WinRT, #Silverlight) on our UI control dev team. http://t.co/vgoFWhUS

April 30, 2012 at 6:47 AM
We’re bringing advanced Micro Charts controls to #WPF, #Silverlight, and #WinRT #XAML. Check out a preview! http://t.co/EEERvff0

April 5, 2012 at 3:07 PM
IntelliPrompt code snippets are coming to our 2012.1 #WPF and #Silverlight syntax highlighting code editor control. http://t.co/1IchOJrr

Follow us on Twitter

Article source: http://feedproxy.google.com/~r/Actipro/~3/DW82scQvm28/post.aspx

Micro Charts Part 2

BlogPostBanner

The Micro Charts product, recently announced in this post, can be used in many scenarios to help visualize quantitative data.  The most common scenarios are usage in dashboards, reports, and grids.

In today’s post, we’ll look at some sample usage scenarios.

Reports

In this sample, we are reporting sales and units sold throughout various regions.  By combining raw numerical data with the advanced visualizations provided by micro charts, the report is much easier to read and also gives a lot more data.

RegionReport

Notice how we can see how the past 12 months have performed both in sales and units sold.  The sales line chart even highlights the high and low months.  This kind of information is exactly what managers want to see. 

Inline Usage

Since micro charts are designed to render clearly in small heights, they even can be used inline in text documents.

ParagraphInline

In this sample, micro charts are embedded inline within a report document and provide additional information about production and sales numbers.

Dashboards

Micro charts work great in dashboards.  Take this dashboard snippet for example.  It’s listing the stocks currently being watched.

StockReport

The sample shows the start/end prices of each stock surrounding their price micro chart.  This sample has been customized for the micro chart to indicate the high point in blue and the low point in green.  The related high/low price and date information is indicated to the right.

Summary

These are just several examples of ways that micro charts can improve data reporting and visualization.  Stay tuned for more blog posts on the upcoming Micro Charts product.

Article source: http://feedproxy.google.com/~r/Actipro/~3/_3162Y2Wg34/post.aspx

About me

Matthew parsa My name is mathew parsa and i am a programmer. In this website you see my resume,my projects and something i learned.