What the content Control does i to show with a nice transition an element (e.g. from a list), but without showing the others.

Below the example that you can try:

I think that it’s stressful for a user don’t see what’s next element and what’s the previous one at least. It may be need something more. Let’s see anyway how to use it

First of all add a reference of Silverlight layout toolkit to your project

Then add the reference into XAML (i called it layoutToolkit):

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:layoutToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit" x:Class="TransitionContentExample.MainPage"
    d:DesignWidth="640" d:DesignHeight="480">
  <Grid x:Name="LayoutRoot">

      <layoutToolkit:TransitioningContentControl
        x:Name="_transitionControl"
        Content="TransitioningContentControl"/>

    </Grid>
</UserControl>

Now we need a little template to display data, really easy template, with a soft shadow to make it look a little better:

<layoutToolkit:TransitioningContentControl
            x:Name="_transitionControl"
            Content="TransitioningContentControl">

            <!--Add a little effect-->
            <layoutToolkit:TransitioningContentControl.Effect>
                <DropShadowEffect Color="Black" BlurRadius="10" ShadowDepth="10" Direction="315"/>
            </layoutToolkit:TransitioningContentControl.Effect>

            <!--Add a little template. Change the template with something interesting  -->
            <layoutToolkit:TransitioningContentControl.ContentTemplate>
                <DataTemplate>
                    <Grid>
                        <Rectangle Width="200" Height="180" RadiusX="10" RadiusY="10" Fill="BlueViolet"/>
                        <TextBlock Text="{Binding}" FontSize="15" Foreground="White" FontWeight="Bold"
                                   VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    </Grid>
                </DataTemplate>
            </layoutToolkit:TransitioningContentControl.ContentTemplate>

        </layoutToolkit:TransitioningContentControl>

And now we need to write a little C# code to make it work.

Lets create a list of strings that will be passed as a content and displayed in the textblock (since it has a Binding) we can do it easily.

private List<String> _fakeItems = new List<string>();
        public MainPage()
        {
            InitializeComponent();

            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 20; i++)
            {
                _fakeItems.Add("Something " + i);
            }

            //assign the first element immediately
            _transitionControl.Content = _fakeItems[++counter];
        }

and then override the “mouse left” event to change the items:

private int counter = 0;
        protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e)
        {
            //checks if counter will index out of range
            counter = counter + 1 == _fakeItems.Count ? 0 : counter;

            base.OnMouseLeftButtonDown(e);
            _transitionControl.Transition = "UpTransition";
            _transitionControl.Content = _fakeItems[++counter];
        }

(the link @ the src code)

As you seen nothing really difficult, but I can’t really see how to use it any suggestion?

-dave

Let me spend two words on Imagine Cup, before to dig into what we’ve done.

To participate to Imagine Cup students have to create a team and submit for one of the offered categories, which may vary each year. Main categories are:

• Software Design
• Embedded development
• Game Design
• Windows Phone 7
• ….

We all have a common theme, which can vary each year, but last two years was to reach one of 8 Millennium Goals.

The competition starts on August 1st and ends on April, but this is decided by each Country. In fact Students first participate to National finals and the first team on Software Design goes to World Finals.

This year in Italy we were 250 competitors, and each year the number is growing, which means, better competitors, and better softwares!

As CodeZero we developed a software called Flexy, and we placed 2nd for Software Design! It’s been a wonderful experience.

Flexy is a software that let you have a better way to Work. Our slogan is BETTER WORK, BETTER WORLD. It does not follow directly the 8 Millennium Goals, but  what we thought is that, if we can have less dirty money floating around, let people find work more easily, a good way to organize the work, we can also export this good organization and have money to build schools, reduce the ignorance, do advertising campaign, to reach Millennium Goals.

Now, people said to us, “ok, but you can get money from everywhere, even buying an ice cream and give money to Millennium Goals”. True, but is not an organized massive way to do it, and does not teach something to the community.

But anyway we didn’t directly followed the Millennium Goals, even thought that our work was HUGE, and well organized and presented.

We were amazed how difficult for the jury was to decide among 6 complex softwares (finalists).

Another aspect of the competition was to meet companies that look for talents. We meet them and we’re really satisfied how things turned out well for us. We’ll see and we’ll update as soon as possible. So just for now we won’t open to everybody our secrets as we usually do, but we’ll share the advertising video for Flexy.

For people who speaks enough italian to read some articles we are proud to point out some good articles that talks about this competition and about us (plus all other guys and teams)

Links

• Il Denaro TV
• Il Corriere.it (pics) & link to the article
• Punto Informatico

Another good source is facebook with our own page, official Imagine Cup italian page, and the official italian blog (designed by Code Zero ).

Comments are always appreciated!

-dave & roby

I talked about WPF & Silverlight 3 and here goes codes & slides.

You can also download the video tutorial about Silverlight and WPF, recorded at the talk.

Enjoy

-dave

Per il momento è disponibile solo l’emulatore e ci si può divertire con questo gioiellino di tecnologia anche in modalità virtuale! Su http://silverlight.net/getstarted/ potete trovare tutte le indicazioni per iniziare a lavorare con VS express 2010 per WP7.

Su Wp7 sono disponibili due diverse tecnologie, XNA 4 e Silverlight 4, ovviamente con una ci si scrivono i giochi e con l’altra le applicazioni .

Avere Silverlight come tecnologia di supporto alle app è una vera goduria perchè è davvero facile e da quello che sono riuscito a vedere è decentemente supportato anche da Expression Blend 4 WP7 add-in, e spero che nella versione definitiva ci sia anche SketchFlow per WP7.

Ecco una delle schermate pubblicitarie di una app per WP7, una roba che si ottiene in maniera relativamente semplice

Ma visto che siamo in tema di news, vediamo anche come iniziare a programmare su Silverlight 4 per WP7.

e non dimenticate di scaricare i codici sorgenti della demo.

-dave

enjoy
-dave

Infine, siccome Roby aveva un pc con uno schermo multi touch, la parte di Surface, cioè NUI (Natural User Interface) l’ho fatta usando il pc di Roby: improvvisato grandissimo . La difficoltà maggiore è stata adattarsi alla tastiera inglese, non trovavo mezzo comando, però quello che mostravo potevo davvero metterlo in pratica… mica male .

Un piccolo recap sull’agenda:

Dave

• User Interface: Usability & Responsiveness
• WPF con Expression Blend & Visual Studio
• Disegnare una app in WPF: Navigation Framework
• Approcciare il 3d in WPF: Fluid Kit & Outlook Contacts
• Lavorare con il 3D in WPF: componenti come texture su mesh 3D
• Surface: multi-user interface
  • Pensare in modalità multi-user
  • Creare le applicazioni per multi-user
  • Usare suoni e video
  • Menù per ogni componente

Roby

• Compact Framework
• Pensare una applicazione Mobile: le risorse
• Creare una semplice applicazione mobile
• Creare un installer e uninstaller con test sul device reale
• Sfruttare servizi mobile, per gestire chiamate ed SMS
• Creazione di una applicazione complessa: SeizeMyLife

Ecco il link al blog di Roberto

Il link per scaricare i codici sorgenti  (surface  & WPF ) & slides

Commenti sono sempre ben accetti!

-dave

www.dotnetcampus.it

Link alle slides

Link ai codici sorgenti

-dave

Di ritorno da dove?

Ma dal Game Day di Napoli naturalmente. Per chi non ha potuto esserci, non ha voluto esserci, o non sapeva dell’esistenza di quest’evento la faccio breve: un’intera mattinata dedicata alla realizzazione di videogames tramite l’utilizzo di due tecnologie di punta del macrocosmo Microsoft : Silverlight e XNA. La giornata del 25 è stata decisamente intensa, dopo una dovuta e necessaria introduzione del Prof. Peron, Presidente del Corso di Laurea in Informatica dell’Università Federico II, e di Mauro Minella, Academic Relations Manager di Microsoft, ha preso la parola l’ospite d’onore della giornata, ovvero Joe Wilson, Senior Director of Academic Initiatives in Microsoft ( o genio, profeta, scienziato come ha scritto un giornale ), che ha parlato delle potenzialità degli studenti e dei motivi per cui Microsoft punta tantissimo su di essi, proiettando una fantastica presentazione in WPF, molto american-style, ma che ha quasi fatto piovere dell’intimo femminile sul palco della Sala Azzurra del complesso di Monte Sant’Angelo dove si è svolto l’evento.

Terminati i convenevoli è arrivata la sostanza, la polpa, ciò per cui gli studenti erano lì : lo sviluppo dei videogames.Ha preso la parola Davide Luzzu (Dave) MSE ed esperto di UI Design, che ha subito catturato l’attenzione dei presenti con il suo modo di esporre e con delle slide simpatiche e (come sempre) curatissime. La sessione Silverlight, durata circa 50minuti, è stata intensa, impegnativa e molto incentrata sul design, ma stando tra il pubblico ho notato grande curiosità ed interesse, che si è mantenuto vivo fino alla fine della sessione. Il momento topico è stato sicuramente la scenetta di Dave Developers VS Designers, una piece teatrale di spessore!

Non c’è tanto tempo da perdere. Rapido coffee-break e sale sul palco Giuseppe Maggiore MSP (super)senior ed esperto di XNA, che impiega pochissimi minuti ad ammaliare i presenti, me compreso. Parlantina sciolta, accento veneziano D.O.C. e grande conoscenza della materia, ha tirato su in 50 minuti un mini-videogame X-Wing VS Tie-Fighters stile Star Wars con gestione dei danni,sistemi particellari, esplosioni, grafica accattivante e il tocco finale di una nebulosa spaziale da applausi, che sono partiti prima ancora che la session fosse terminata.

In definitiva la giornata è stata un ottimo successo di pubblico, sia in termini di numero che in termini di gradimento. Per questo onore va ai ragazzi di Napoli : Raffaele, Tino e Michele ( e gli altri che non ho avuto modo di conoscere) che hanno tirato su un evento con i controfiocchi.

Infine mi permetto una piccola parentesi personale:

sono stati due giorni molto piacevoli in cui ho avuto modo e piacere di conoscere Mauro e Francesca, e gli altri MSP che prima del 25 erano più che altro nomi ed indirizzi e-mail. Inoltre ho potuto toccare con mano quali sono gli obbiettivi di questa iniziativa e del ruolo di MSP.

Non mi dilungo oltre… anche se ci sarebbe tanto da dire e raccontare.

Ke’

P.S. ecco gli speakers Dave e Giuseppe :

P.P.S. Gli indispensabili link ai loro personal blog  su Academic Club:

http://blogs.academicclub.org/uidev

http://blogs.academicclub.org/xna

I’ve created in no-time the graphics for blog, cards, posters…hopefully youìll like them

you can find the official blog @ http://blogs.academicclub.org/gameday , definitaly a cool template

hope you like!

-dave

And obviously the code and the slides in a zip

Hope you like

-dave