Tweened

• French version

In a joint production of Regart.net and Microsoft, I participated with Boris Forconi, in developing a plugin for wordpress. The idea was to create a Silverlight gallery in wordpress using the API but by developing the gallery itself in Silverlight. It is partially based on the one made by Tim Heuer. Boris has occupied any part of PHP and Wordpress integration. For my part, I developed the Silverlight gallery. The goal is to provide a simple way to put pictures online nicely for Wordpress blogs as shown below:

Just write a tag like : [sl-gallery: ...]

You can set parameters as shown in the example below :

• width=400
• height=400
• leftArrow=true
  //show/hide left arrow
• rightArrow=true
  //show/hide right arrow
• pageNumbers=true
  //affiche ou cache la pagination
• thumbnails=true
  //show/hide thumbnails
• fill=uniform
  / / used to indicate a way of filling you can choose between:
  / / Uniform (homothetic part by filling ability)
  / / UniformToFill (filling with homothety)
  / / Fill (filling with deformation dimensions)
  / / None (preserves the original dimensions)
• bgcolor
  //set the background color
• bgmode
  // set the background mode(windowless)

The first good news is that it is possible to use a menu to set it all in 2 seconds. It adds to the administration of sections Wordpress. A small window appears when you click the button (see below).

The second good news is that we will quickly sources available on wordpress.com. This way you can completely change the visual side of the gallery Silverlight. In all cases, it dynamically retrieves images from the gallery Wordpress. You can download a first version here.

• French version

I recently completed writing my book Silverlight Practice wich is dedicated to technology of the same name. It should be over 500 pages and focuses on learning good practices and team production. It is published by Pearson Education France and released February 2, 2010. I have not designed as a glossary of features but rather as a production guide and learning. He draws a sketch of the design of Silverlight applications, starting from the display list to loading external data in the design model MVVM through prototyping or organizational workflow.

The general idea of the book is to provide concrete examples downloadable for both designers and for developers. You can reserve a copy on the website of Pearson France here.

This book is for Web integrators, interactive designers, graphic designers and pure web developers unfamiliar platform. Net. It creates a bridge between development and design, to improve collaboration and productivity.

Its content takes into account the specificities of developers and designers of interactive forms of complementary exercises. The C # is chosen as the only logical language for clarity. The theory, examples and exercises (downloadable) are progressive and can be a learning base for non-developers. However this is not a book for beginners Web, but to those who have acquired bases on other technologies.

Here is the summary of the book:)

Part I. Approach Silverlight

1. Introduction
1.1 What does Silverlight?
1.2 In. Net 1 to Silverlight
1.3 The benefits of Silverlight
1.4 The Expression Studio
1.5 Positioning business
1.6 Development language and choice

2. The couple XAML / C #
2.1 XML
2.2 XAML, a declarative language powerful
2.3 The fundamentals of C #

3. HelloWorld
3.1 A first Silverlight application
3.2 Architecture of a solution
3.3 The root container
3.4 Add Text
3.5 Test and compile

4. A site full screen in 2 minutes
4.1 type projects website
4.2 Creating resizable containers
4.3 The component button
4.4 Add interactivity
4.5 Files deployed

5. The visual and logical tree
5.1 Components Visual
5.2 Principle of Nesting
5.3 Adding children to the display list
5.4 Remove objects from the visual tree
5.5 Exchange index

Part II. Interactivity and graphic design

6. Animation
6.1 Introduction
6.2 Animating with Expression Blend
6.3 Managing acceleration
6.4 Animating with C
6.5 The transformations on
6.6 Animate particles

7. Buttons
7.1 Create a video player
7.2 Visual Style
7.3 Generic Button
7.4 The manager of visual states
7.5 The switch or button ToggleButton

8. Interactivity and event model
8.1 The foundations of event model
8.2 withdrawn listening to an event
8.3 The weak coupling in practice
8.4 Event Propagation
8.5 The behavior

9. The basics of 3D projection
9.1 The 3D environment
9.2 The properties of 3D
9.3 The camera
9.4 Introduction to matrices

10. Prototyping dynamic SketchFlow
10.1 The Environment
10.2 Simple Prototype
10.3 The player SketchFlow
10.4 Interactivity
10.5 Interface rich

Part III. Designing rich applications

11. Graphic Resources
11.1 What is a resource
11.2 brushes
11.3 Fonts
11.4 Styles and component models
11.5 The model Slider
11.6 connections
11.7 The model ListBox

12. Custom Components
User Control 12.1
12.2 Connection Box
12.3 Custom Controls

13. Media and Data
13.1 Loading media
13.1.1 Dynamic loading of images
13.1.2 video formats and modes of dissemination
13.1.3 A simple video player
13.1.4 Dynamic Loading videos
13.2 Design MVVM
13.2.1 Principles
12.2.2 Model
12.2.3 Model-View
13.3 Loading Data
13.3.1 The object WebClient
13.3.2 Introduction to LINQ
13.3.3 Lambda Expression
13.3.4 Consuming XML with LINQ
13.3.5 Loading a JSON feed
13.3.6 Cross Domain Security

• French version

Hi, I recently have to find a solution create two customs controls

I recently needed controls customizable type ColorPicker ColorChooser and, finding none, I have designed from scratch, here's a demo.

They are in beta but I think provide a final version by November 15. In the meantime, if you want to test those controls and download the dll to test in SL3 is here.

Ps: the Silverlight plugin for wordpress provided by  Tim Heuer, is powerful and useful, so thank you to him, I will only use this solution from now.

• French version

I've just released V2 of ProxyrenderTransform. ProxyRenderTransform use extensions methods to allow easy access to renderTransforms nodes. These are difficult to target by C# when they are not named. If you add the reference ProxyRenderTransform.dll, you will easily reach RenderTransform for any FrameWork element by extensions methods :

• SetX / GetX
• SetScaleX / GetScaleX
• SetRotate / GetRotate
• SetSkewX / SetSkewY

You can get PropertyPath corresponding the way Blend create RenderTransformGroup via static properties

• _SCALE_X_PATH // (UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)
• _SCALE_Y_PATH
• _SKEW_X_PATH
• _SKEW_Y_PATH
• _ROTATE_PATH
• _TRANSLATE_X_PATH
• _TRANSLATE_Y_PATH

You can also get reference to transform nodes themselves

• GetScaleNode
• GetTranslateNode
• GetRotateNode
• GetSkewNode

there's an example below :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

void Page_Loaded(object sender, RoutedEventArgs e)
{
//any FrameworkElement can now have direct access to his RenderTransform
rec.SetX(605);
Debug.WriteLine( rec.GetX());
//rec.SetX(105);
//rec.SetRotate(60);
//rec.SetScaleX(2);
 
dp.Interval = TimeSpan.FromMilliseconds(10);
dp.Tick += new EventHandler(dp_Tick);
dp.Start();
}
 
void dp_Tick(object sender, EventArgs e)
{
double newX = (double)rec_Copy.GetX() ( 500 - (double)rec_Copy.GetX() ) * .2;
rec_Copy.SetX(newX);
}

In that release, you will have access to 3D projection plan too...

You can get library under MS-PL licence on Code Plex here.
Don't hesitate to send me an email or post a comment if you encounter bugs or difficulties when you use it

• French version

Recently i needed to get static method contained by a Class to display their visual result.
Indeed The idea was to display Robert Penner's Equation used by tweened. For doing such task you just have to use Reflection Api provided by Silverlight Framework that you can find in System.Reflection package. You will find the code I used in this article. Read the rest of this entry »