Custom Controls: Weather control: Part 2 – The Slider

2 comments / posted by Denislav Savkov on Aug 12, 2008 (4 months ago)

What is the slider

Main part of the weather control we introduced is the slider.

Custom controls: Weather forecast control: Part 1 - Introduction

8 comments / posted by Denislav Savkov on Aug 08, 2008 (5 months ago)

See also part 2, part 3 and the updated version with item by item sliding.

Introduction

In this article series we'll show you how we made a custom weather forecast control. To create the control we used some of the developments from our previous articles. Here we review mostly the new things that were not reviewed before. In the end of the article there are links to those articles that are relevant.

As you see in the end we have a a nice control with custom look that draws weather data from a web service and that is usable in real-life.

How to inherit from ItemsControl and create a UniformGrid with containers

0 comments / posted by Denislav Savkov on Jul 28, 2008 (5 months ago)

Introduction

In our serial article about custom controls in Silverlight we will create a control that inherits from ItemsControl. We thought it would be interesting to show you how to replace the default StackPanel with Grid and let items arrange consecutively like in StackPanel instead of using the Row and Column attached properties. Another thing we added is a container for each item. We used ListBox as a model for our control, the Reflector was very helpful for that. To achieve extended functionality we implement Dependency Properties.

Randomizing and rearranging the SubImages of the MultiscaleImage control

0 comments / posted by Martin Mihaylov on Jul 22, 2008 (5 months ago)

Update: The demo, the source code and the code in the article are compatible with Silverlight 2 RTW. The only changes I made were to the object element in the host page.

Introduction

With this article I continue the series for the MultiscaleImage. Yesterday I wrote about the MultiscaleImage control and the SubImages collection. Today I am going to explain how to randomize the SubImage collection by changing the order of the images in it and how to apply this change on the screen using animations. I will use the tarantula again, assuming that you have already get used to it. Don’t forget to check out the live demo and download the source code if you want to take a look at the whole application.

Live demo | Source code

The MultiscaleImage control and the SubImages collection

2 comments / posted by Martin Mihaylov on Jul 21, 2008 (5 months ago)

Update: The demo, the source code and the code in the article are compatible with Silverlight 2 RTW. The only changes I made were to the object element in the host page.

Introduction

The MultiscaleImage is a really great control that allows us to do amazing things in Silverlight 2. That is why I decided to write a series of articles about the nice things that can be done using it. This is the first one and it is focused on the SubImages collection. It explains how to select an image from the collection and then fit it to the size of the control. If you're new to this control read my previous article about it - Using the MultiscaleImage control. Before going ahead you should also be familiar with the DeepZoom Composer and its latest changes. Note that in this article I've replaced the "Double-Click" zoom with “One-Click” zoom.

Live demo | Source code

Creating a Silverlight game

1 comments / posted by Boyan Mihaylov on Jul 18, 2008 (5 months ago)

Note: This article is submitted by Boyan Mihailov for Silverlight Contest: Write and Win.Thanks a lot, Boyan! Hello All, Please drop a comment if you like it.

Introduction

I am a great fan of Silverlight. I have never liked 1.0, but when version 2.0 was released I was very amazed. I created a few solitaire games. Now I decided to create a new game and to describe the problems I have encountered to you. First I decided to write an article about creating a Silverlight application for Facebook. But subsequently I decided to divide the article in two parts – creating a Silverlight application, which is a game in this occasion, and integrating it in Facebook.
I am going to create a game, called Cows & Bulls. You play that game for time. It supports a list of all players and their time.

Application Source | Application on the Web

Custom ContentControl using VisualStateManager

0 comments / posted by Denislav Savkov on Jul 17, 2008 (5 months ago)

Introduction

We’ve introduced you to the basics of Custom Controls in our previous article. Now we will give another example this time involving the Visual States Manager. We will create a templatable ContentControl that uses animations on its Content and the States & Parts model proposed by Microsoft.

Dowload source code

Parts & States Model

The idea behind the States & Parts is to separate better the logic from the visual appearance and thus to allow better flexibility for both.

Tip: Maximal and minimal zoom level in the MultiscaleImage control

1 comments / posted by Martin Mihaylov on Jul 08, 2008 (6 months ago)

You are not familiar with the MultiscaleImage control, are you? Read this article.

When using MultiscaleImage control with its zoom functionality, it's really useful to set a maximum and a minimum level for the zoom. The reason is that sometimes there is no reason to zoom - the image either becomes too small and is almost not visible at all or it gets so big that you can't see any details. Adding such levels will allow you to make the behavior of your control more reasonable.

The Making of Deep Zoom Obama

0 comments / posted by Donavon West on Jul 08, 2008 (6 months ago)

Note: This article is submitted by Donavon West for Silverlight Contest: Write and Win.Thanks a lot, Donavon! Hello All, Please drop a comment if you like it.

In this article, I will explain how I built the Deep Zoom Obama project. It was developed in Silverlight 2 Beta2, uses Deep Zoom and is hosted on Silverlight Streaming (Microsoft’s free 10GB hosting service). It uses, of course, Deep Zoom to display a very large mosaic image of Barack Obama constructed from over 12,000 individual images of his supporters.

So how was it done? Read on young Skywalker.

Animating ListBox items - the VisualStateManager

2 comments / posted by Ivan Dragoev on Jun 13, 2008 (6 months ago)

Introduction

In the first article I showed you how to animate ListBox items in Silverlight 2 Beta 1. Then, to make all the animation the way I wanted, I used some code and hardcoded names of the Storyboards for each state. Now with Silverlight 2 Beta 2 and the cool new VisualStateManager the task for adding animation and other effects for each state becomes easier. Other than that – now we can add animations even for the transitions from one state to another.

In this article I’ll make the same animations like in the previous one but this time using VisualStateManager and styles.

Demos

What is the slider

Introduction

Introduction

Introduction

Introduction

Introduction

Introduction

Parts & States Model

Introduction