blogs.ASPItalia.com

.NET Framework 4.0 beta 1: WPF 4.0

Marco Leoncini — Tue, 19 May 2009 09:50:00 GMT

Con il rilascio del VS 2010 e del .NET Framework 4.0, Microsoft non apporta modifiche rivoluzionarie a WPF 4.0 ma ne consolida, amplia e migliora quelle che sono le peculiari caratteristiche.

WPF 4.0 supporta pienamente Windows 7, di conseguenza potremo dotare le nostre applicazioni del Multi-Touch, ovvero la possibilit� di interagire con pi� dita con l'interfaccia utente della nostra applicazione.

Per supportare in modo adeguato il Multi-Touch sono stati apportati dei cambiamenti all'elemento base di tutti gli oggetti della nostra interfaccia, ad esempio il tipo UIElement riconosce gesti come il double-tap o il rollver.

Ma Windows 7 non � solo Multi-Touch, non pu� non saltare all'occhio la nuova Taskbar, la quale se vogliamone ne rivoluziona l'utilizzo in ambiente Windows.

WPF 4.0 supporta pienamente la nuova TaskBar introducendo il supporto alle Jumplists, Progress bars, Thumbnails e Icon Overlay.

In generale l'integrazione di WPF con Windows e con le applicazioni che lo hanno reso celebre � notevolmente migliorata, ad esempio per creare UI coerenti � stato introdotto il supporto alle Ribbon, quella particolare interfaccia resa celebre da Office 2007.

WPF 4.0 supporta Ribbontabs, Ribbongroups e Keytips il tutto condito dal supporto a Design time.

Nel campo grafico � stata introdotta la possibilit� di gestire in modo fine e granulare il caching degli elementi renderizzati, cos� da migliorare le performace generali, miglioramenti anche nel rendering del testo, adesso molto pi� nitido e definito.

In WPF 4.0 viene introdotto un concetto derivato da Silverlight 2.0, il Visual State Manager, ovvero la possibilit� di associare ad un particolare stato logico di un controllo uno stato visivo, bench� in WPF mediante i trigger sia possibile fare questo e molto altro, spesso l'implementazione pu� risultare difficoltosa, complessa e difficilemente gestibile mediante tool.

Sul fronte Tool, una delle caratteristiche pi� desiderate in assoluto � l'introduzione nel VS 2010 dell'Intellisense per le Markup exstension, � stato inoltre migliorato il DataBinding e in generale � possibile editare pi� propriet� attraverso l'IDE, senza la necessit� di editare manualemente lo XAML.

Maggiori informazioni e le informazioni per il download sono disponibili nel nostro mini-sito dedicato al .NET Framework 4.0.

Tags: .NET Framework 4.0, Visual Studio, Windows 7, Windows Client, .NET Framework

Continua a leggere .NET Framework 4.0 beta 1: WPF 4.0.

CTP che va SDk che trovi

Marco Leoncini — Thu, 20 Jul 2006 10:15:00 GMT

finalmente ieri dopo la dipartita della ennesima macchina virtuale, a causa di una sciagurata disinstallazione do WinFx beta 2, sono riuscito a installare la CTP di luglio di quello che fu WinFX ovvero .NET Framework 3.0.

non mi ho verificato se sono state apportate modifiche, perlomeno il Namespace System.Windows.Media.Media3D sembra stabile...anche se incrocio le dita per l'introduzione di alcune cose "potate" dalla beta 2.

una piacevole sopresa invece la porta il nuovoSDK, il cambio di nome a portato una riorganizzazione dei contenuti, adesso si trovano dove ci si aspetta di trovarli.

molto piacevole trovare finalmente la documentazione della classe Viewport3DVisual, in pratica migliori perormance al costo di perdere alcune features... vedremo se l'incremento vale la rinuncia.
naturalmente rimane la classica Viewport.

portandosi dietro la parola Visual c'era da immaginarselo che fornisse migliori performace, Visual � l'oggeto chiave di tutta l'architettura del nuovo layer di presentazione.

Visual � il punto di connessone tra le api gestite e le DirectX (vabbe ho tralasciato volutamente il milocore :D)

Certo tutto questo ben di dio di documentazione farebbe gola averla in italiano...sto inglese mi iniza ad annoiare..abbiamo vinto o no i mondiali :D

Tags: .NET Framework, .NET Framework 3.0, Windows Communication Foundation, Windows Presentation Foundation

Continua a leggere CTP che va SDk che trovi.

bye bye ScreenSpaceLines3D

Marco Leoncini — Fri, 23 Jun 2006 13:35:00 GMT

ieri sera mi stavo arabattando per rendere pi� chiari gli esempi di un articolo che presto troverete pubblicato su winfxitalia.
l'articolo esplora le caratteristiche 3D di WPF, in particolare avevo bisogno della classe� ScreenSpaceLines3D, comoda per tracciare semplici linee nello spazio 3D, indispensabile per tutti quelli che vogliono ottere un effetto WireFrame.
con mia somma sorpresa nessun tentativo di utilizzare la classe dava esito positivo,verso l'una (riccardo�� onnipresente online :D) faccio una leggera irruzione su MSDN: nulla.
stanco me ne vado a letto, visto che il concerto che si teneva a due passi da casa mia volgeva al terminee potevo finalemente sentire i miei pensieri e riposare.
solo nel pomeriggio di oggi ho trovato la risposta alle mie domande: semplice questa classe non c'� pi� nella beta 2...gi� tra le varie CTP c'� stata una moria di classi, in una delle quali mi ricordo esistava un "segnaposto" che accendeva in me la speranza, il segnaposto era per la mappa di bump, comunemente utilizzata per il bumpmapping, insomma se volevate d'are l'impressione di un materiale rugoso era la l'ideale
non ho capito bene il motivo della rimozione di ScreenSpaceLines3D, spero solo ricompaia nella RTM.
detto questo stasera continuiro l'articolo...avvertendo ricciolo�che questa � una scusa perfetta per ritardare la consegna fno a martedi :D

Tags: Windows Presentation Foundation, XAML

Continua a leggere bye bye ScreenSpaceLines3D.

WinFX cambiamenti natalizzi

Marco Leoncini — Wed, 21 Dec 2005 09:56:00 GMT

per quelli come me, che stanno disinstallando la CTP novembrina di WinFX (dita incrociate annesse), per mettere su quella Natalizia ecco un articolo su MSDN che spiega cosa cambia:
cambiamenti nella versione natalizia
buona lettura.

Tags: .NET Framework, .NET Framework 3.0

Continua a leggere WinFX cambiamenti natalizzi.

Avalon tutto scorre

Marco Leoncini — Tue, 08 Nov 2005 14:24:00 GMT

era un pezzetto che non riprendevo a leggere qualcosa su WPF per chi non ama l'abbreviazioni Windows Presentatio Fondation, il buon "vecchio" Avalon .
sono rimasto un bel p� indietro.

leggendo qu�

e qu�

il cambiamento � significativo, la propriet� Models di Viewport3D verr� rimossa e sostituita dalla propriet� Children, del tipo Visual3DCollection, una collezione di oggeti Visual3D.
a questo punto � lecito chiedersi: dove metto le mie mesh (Model3D )? risposta: nella propriet� Content di ModelVisual3d (eredita da visual3D).
perche questo cambiamento? premetto che non ho avuto modo di trovare i limiti della vecchia implementazione.
ma quello che avevo, in parte intuito era giusto, non potevo inplementare una libreria di primiteve, che per chi mastica un p� di 3d sono il cono il cubo e stranemente anche la teiera,
al massimo mi dovevo accontentare di inserire la definizione della mesh come risorsa.
per la cronaca � apparso anche un nuovo tipo Viewport3DVisual con documentazione pari a zero :)

Continua a leggere Avalon tutto scorre .

Windows Presentation Foundation

Marco Leoncini — Mon, 26 Sep 2005 13:06:00 GMT

Windows Presentation Foundation
Un applicazione che usa Windows Presentation Foundation , per gli amici WPF per gli intimi Avalon :), è costituita in larga parte da una collezione di pagine XAML , la similitudine con le pagine Web, da questo punto di vista è forte.
a dare un senzo a questa collezione di pagine , è application model.
ci sono due tipi di apllicazioni quelle web, e quelle installabili, si sviluppano allo stesso modo (figata), i cambiamenti sono a livello di compilazione, naturalmente i due modelli godono di diritti diversi.
quello Web, avrà un accesso limitato al FileSystem ed al registro, ma sarà eseguibile semplicemente al click su un link, quella istallabile, avrà un accesso pieno alle risorse della macchina, ma per constro dovrà essere installata esplicitamente.
anche se siamo abituati, utilizzano le Template del VS 2005, a creare l'applicazione in maniera dichiarativa, possiamo farlo anche in modo procedurale:
prendiamo questo frammento di codice:

using System; using System.Windows; using System.Windows.Documents; using System.Threading; using System.Windows.Controls; using System.Windows.Shapes; using System.Windows.Media; namespace AvalonApplication1 { class test : Application { TextBlock txtElement; Canvas rooCanvas; Ellipse ellipse; Window win; protected override void OnStartup(StartupEventArgs e) { win = new System.Windows.Window(); rooCanvas = new Canvas(); ellipse = new Ellipse(); ellipse.Height = 50; ellipse.Width = 300; ellipse.Fill = Brushes.Red; ellipse.Stroke = Brushes.Black; ellipse.StrokeThickness = 2; Canvas.SetLeft(ellipse, 160); Canvas.SetTop(ellipse, 300); win.Content = rooCanvas; rooCanvas.Children.Add(ellips); win.Show(); } internal sealed class TestMain { [System.STAThread()] public static void Main() { test app = new test(); app.Run(); }

creiamo una classe che eredita da Applicationm, nel metodo OnStartup, creiamo un Canvas (eredita da Panel, è uno dei controlli destinati al layout), un elisse (System.Windows.Shapes) impostiamo le proprietà, l'aggiungiamo alla collezione dei controlli nel Canvas, a sua volta "scelto" come contenuto della finestra, infine con win.Show la mostriamo.

Tags: .NET Framework 3.0, Windows Presentation Foundation

Continua a leggere Windows Presentation Foundation.

cosa aspettarsi da chi sviluppa con Avalon

Marco Leoncini — Tue, 20 Sep 2005 13:09:00 GMT

Avalon (a me piace sempre chiamarlo cos�) ribattezzato Windows Presentation Fondation, sta arrivando.
ieri dopo varie peripezie, sono riuscito a installare la September CTP, mi ha levato un p� il sonno, ma ci sono riuscito.
dando una brevissima occhiata, si notano (se non mi sbaglio) alune nuove classi che ereditano da Panel (una classe base usata per il Layout).
alcuni effetti per le Bitmap (tipo le ombre), non ho controllato, se ci sono novit� per il 3D.
cosa porta con se di nuovo WPF (Windows Presentation Fondation), sicuramente una grande liberta per il grafico, libert� di creare applicazioni dal look accattivante, che sfruttino a dovere l'hardware esistente.
la separazione tra presentazione e il codice � netta, il grafico potrebbe creare tutte le risorse necessarie, conprese le animazioni, e lasciare che il programmatore le utilizzi.
per me, che non ho ancora deciso, se essere in programmatore prestato alla grafica o viceversa (o nessuno dei due :) ), WPF rappresenta un opportunit�, oppurtunit� di sviluppare applicazioni "differenti" interfacce alternative, non necessariamente migliori, ma non peggiori.
tutta questa liberta per� potrebbe portare ad aberrazioni stilistiche, applicazioni dalla trasparenze e rotondit� spinte e inutili in poche parole UI incoerenti e non a caso secondo me sono gi� presenti delle linee guida .
sfuttare tutte le nuove caratteristiche messe a disposizione da WPF (e non solo), per rendere l'esperienza dell'utente (infine � lui che ci paga) non solo pi� accattivante, ma pi� immersiva e intelligente � una sfida, che sottovalutata pu� portare a effetti indesiderati.
possiamo sfruttare Avalon solo per rendere le applicazioni pi� gradevoli, con riflessi (dio come vanno di moda), ombre, icone colorate e ben definite. ma sarebbe un progresso? o solo un truccarsi prima si uscire il sabato sera? (non che io lo faccia personalmenrte :)).
secondo me Avalon deve essere di pi� che realizzare datagrid degni di extreme makeover.

Continua a leggere cosa aspettarsi da chi sviluppa con Avalon.

Routed Events

Marco Leoncini — Tue, 13 Sep 2005 16:53:00 GMT

mi ero promesso di studiare pi� a fondo Avalon, anche se ormai, dovremmo chiamarlo Microsoft Windows Presentation Foundation.
nella pausa pranzo, ho controllato se c'erano articoli nuovi su msdn, in particolare per lo sviluppo su Vista.
ho trovato un articolo relativamente nuovo, mi sono concentrato sull'argomento che conosco meno i Routed Events.
la faccio breve, almeno commetto anche meno imprecisioni :).
in una normale WinForm, tre bottoni necessitano di un riferimento esplicito ad un gestore d'evento, per poter intercettare il click.
in avalon non � pi� cos�:

<Border Height="50" Width="300" BorderBrush="Gray" BorderThickness="1">
<StackPanel Background="LightGray" Orientation="Horizontal" Button.Click="CommonClickHandler">
<Button Name="YesButton">Yes</Button>
<Button Name="NoButton">No</Button>
<Button Name="CancelButton">Cancel</Button>
</StackPanel>
</Border>

usando i Routed Events, possiamo trarre vantaggio dal fatto che i bottoni contenuti all'iterno dello StackPanel "risponderanno" al click sul loro contenitore,
in pratica l'evento scorre tutto l'albero dei controlli per poi risalirlo, la discesa prende il nome di Tunneling, e gli eventi hanno il prefisso Preview, la risalita Bubbling.

devo approfondire la logica, ma meccanicamente � tutto molto intuitivo.

p.s. nell'articolo si fa riferimento a molte sessione del PDC, sono convinto che Daniele e Ricciolo le seguiranno e "narreranno" per noi

Tags: .NET Framework 3.0, Windows Presentation Foundation

Continua a leggere Routed Events.

ma quante belle propietà; che hai...per impostarti meglio...

Marco Leoncini — Wed, 27 Jul 2005 16:27:00 GMT

refusi fiabeschi apparte, nella tarda sera di ieri, mi sono deciso a sviluppare, qualcosa di concreto con Avalon.
Il primo problema che si � presentato � la realizzazione di un Control personalizzato, per fornire metodi e propriet�, che potessero facilitare, da classi esterne, l'aggiunta di pulsati ecc ecc.
se fino ad adesso, eravamo abituati a vedere una propriet� "solo" come modo sicuro per accedere ad un campo privato, nascondendo la complessit� del codice di validazione e altro, Avalon ne aggiunge due nuovi tipi:

Dependency Property

Attached Properties

ma facciamo un passo in dietro, ci sono diverse vie per impostare una propriet�

impostarla localmente:

<Button Background="red"/>

con il tag della propriet�

<Button>
<Button.Background>
<HorizontalGradient StartColor="Blue" EndColor="White"/>
</Button.Background>
</Button>

Tramite altri tipi

<CheckBox DockPanel.Dock="Top">Test</CheckBox>

con il DataBind o attraverso le risorse (globali o locali)

<DockPanel.Resources>
<SolidColorBrush x:Key="MyBrush" Color="gold"/> 
</DockPanel.Resources>
<Text Foreground="{StaticResource MyBrush}" TextContent="Text" />

tramite la classe Style, e non dimentichiamo la possibilit� di animarle.

tutto questo � reso possibile dal "sistema delle propriet�"; che Avalon mette a disposizione.
possiamo trarre vantaggio da questa infrastruttura:
- "estendendo" una propriet� con una Dependency Property per fornire servizi di Stylig o DataBinding,
- dichiarando una propriet� in una classe, per utilizzarla su altri tipi (Attached Properties), il panel le usa per impostare il layout dei propri figli.

Dependency Property

per creare una Dependency Property, � necessario registrarla nel sistema di dipendenze di Avalon, tramite il metodo DependencyProperty.Register.
le Dependency Property possono essere utilizzate solo dai tipi che ereditano da DependencyObject.
Quando una propiet� deve supportare gli Styles, DataBinding, Animazioni, Ereditariet�, Invalidazione e Valori di Default � qua che ci dobbiamo rivolgere

Attached Propeties

Come dicevo, in alcuni casi pu� essere utile, dichiarare una propriet�, che poi verr� usata su alri tipi.
Queste propriet� vengono chiamate Attached Propertie e devono essere registate tramite il metodo DependencyProperty.RegisterAttached.
� possibile utilizzarle su ogni oggetto derivato da DependencyObject ( e sono molti ).

un esempio di Attached Properties � DockPanel.Dock, questa propriet� � stata creata per essere utilizzata su gli oggetti contenuti nel DockPanel al fine di impostarne il Lyaout.

<CheckBox DockPanel.Dock="Top">Test</CheckBox>
DockPanel.SetDock(myCheckbox, Dock.Top);

in genere ricorreremo alle Attached Propeties per impostare il Layout degli elementi figli rispetto al padre

Continua a leggere ma quante belle propietà; che hai...per impostarti meglio... .

non si vive di soli rettangoli

Marco Leoncini — Thu, 21 Jul 2005 12:54:00 GMT

La stanchezza si fa sentire, ho un p� rallentato l'esplorazioni delle doti multimediali di Avalon, anche perche voglio defire un obbiettivo e poi lavorare per raggiungelo.
Ieri sera stanco e assonnato, mi sono dedicato a qualcosa di pi� soft, accanotante le forme "primitive" di sono dedicato alla, ben pi� interessante (per me) classe path:
Un Path � un insieme connessio di linee o, curve (Bezier o meno ).
Tante sintassi per un unico obbiettivo:
 <Path Stroke="Black" StrokeThickness="1" Fill="{StaticResource MyBush}"> <Path.Data> <PathGeometry> <PathGeometry.Figures> <PathFigureCollection> <PathFigure> <PathFigure.Segments> <PathSegmentCollection> <StartSegment Point="10,100" /> <LineSegment Point="100,100" /> <LineSegment Point="100,50" /> <CloseSegment /> </PathSegmentCollection> </PathFigure.Segments> </PathFigure> </PathFigureCollection> </PathGeometry.Figures> </PathGeometry> </Path.Data> </Path>  <Path Stroke="Black" StrokeThickness="1" Data="m 10,200 l 90,0 l 0,-50 z" Fill="{StaticResource MyBush}"/>  <Path Stroke="Black" StrokeThickness="1" Data="m 10,300 h 90 v -50 z" Fill="{StaticResource MyBush}"/>

Qaundo si disegna un Path, le cose da specificare possono essere molte, per questo � a disposizione una sintassi abbreviata:

con m o M (non viene fatta distinzione) si specifica il prossimo punto da quale iniziare a disegnare,
con l o L disegniamo una linea, le coordiante sono relativa all'ultimo punto.
con z il chiudiamo il tracciato con una linea nella posizione attuale, al primo punto disegnato.
nel tezo esempio la sintassi � ulteriormente abbreviata, utilizzando H e V, che disegnano, rispettivamente, una linea orizzontale e una verticale.

Continua a leggere non si vive di soli rettangoli.

Avalon , Risorse e Stile

Marco Leoncini — Tue, 19 Jul 2005 13:09:00 GMT

Abbiamo visto che disegnare, non � difficile, perlomeno con forme semplici e pochi oggetti.
Ma cosa accade se dobbiamo creare pi� forme, magari con propiet� simili?.
A questo scopo Avalon mette a disposizione le risorse e gli stili.
Gli stili di avalon, volendo fare un paragone, possono essere assimilati hai css, ma da questi, prendono solo la caratteristica di impostere l'aspetto.
Per creare uno Style lo dichiareremo nell'elemento Resources, la propriet� Resources � ereditata dalla classe FrameworkElement, permettendoci di creare risorse locali per i vari elementi del framevork
Gli Style vengono dichiarati da un insieme di Setter, responsabili di impostare il valore di una propriet�.
Per riutilizzare l'aspetto della finta scatola:

<Grid.Resources>
<Style x:Key="Style1">
<Setter Property="Shape.Width" Value="280"/>
<Setter Property="Shape.Height" Value="360"/>
<Setter Property="Shape.Stroke">
<Setter.Value>
<SolidColorBrush Color="White" />
</Setter.Value>
</Setter>
<Setter Property="Shape.StrokeThickness" Value="2"/>
<Setter Property="Shape.RenderTransform">
<Setter.Value>
<TransformGroup>
<SkewTransform Center="0,0" AngleY="-15" AngleX="0" />
<ScaleTransform Center="0,0" ScaleX="0.7" ScaleY="1" />
</TransformGroup>
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>

Modifichiamo infine il codice di ieri

<Rectangle Name="Rectangle" Canvas.Left="35" Style="{StaticResource Style1}"> <Rectangle.Fill> <ImageBrush ImageSource="immagini\doom.jpg" /> </Rectangle.Fill> </Rectangle> ... <Rectangle Name="Rectangle2" Canvas.Left="250" Style="{StaticResource Style1}"> <Rectangle.Fill> <ImageBrush ImageSource="immagini\jade.jpg" /> </Rectangle.Fill> </Rectangle>la sola propriet� rimasta da impostare � il riempimento, diverso, naturalmente per ogni "scatola".

adesso non mi rimane che riorganizzare un p� il tutto, per far si che anche la seconda scatola ri "rifletta"

Continua a leggere Avalon , Risorse e Stile.

Avalon Extreme Makeover

Marco Leoncini — Mon, 18 Jul 2005 12:57:00 GMT

c'eravamo lasciati con un poco attraente quadrato ruotante.
Fare meglio era pi� facile.
Riprendendo in mano l';esempio della scorsa settimana, ho deciso per adesso di accantonare ( solo per oggi ), Timeline e Trigger, per dedicarmi un attimo al "look".
Creiamo un Canvans, utile per posizionare gli elementi relativamente alla sua area.
All'interno aggiungiamo un elisse, che andr� a creare l'illusione di un ombra, sotto l'ex rettangolo rosso.
 <Ellipse RadiusX="150" RadiusY="30" Canvas.Top="350" Canvas.Left="-5"> <Ellipse.OpacityMask> <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0,0" RadiusX="4" RadiusY="4"> <RadialGradientBrush.GradientStops> <GradientStop Color="Black" Offset="0" /> <GradientStop Color="transparent" Offset="0.10" /> <GradientStop Color="transparent" Offset="0.12"/> </RadialGradientBrush.GradientStops> </RadialGradientBrush> </Ellipse.OpacityMask> <Ellipse.Fill> <SolidColorBrush Color="Black" /> </Ellipse.Fill> <Ellipse.RenderTransform> <TransformGroup> <SkewTransform Center="0,0" AngleY="-20" AngleX="0" /> </TransformGroup> </Ellipse.RenderTransform> </Ellipse>Utilizziamo OpacityMask, per rendere pi� morbidi e trasparenti i bordi dell'ombra, applichiamo SkewTransform, per dare l'illusione, di un ombra proiettata su un piano 3D.
Sopra la finata ombra il nostro rettangolo rosso cambia cos�:
 <Rectangle Width="280" Height="360" Name="myAnimatedRectangle" StrokeThickness="2" Canvas.Left="35"> <Rectangle.Fill> <ImageBrush ImageSource="immagini\doom.jpg" /> </Rectangle.Fill> <Rectangle.Stroke> <SolidColorBrush Color="White" /> </Rectangle.Stroke> <Rectangle.RenderTransform> <TransformGroup> <SkewTransform Center="0,0" AngleY="-15" AngleX="0" /> <ScaleTransform Center="0,0" ScaleX="0.7" ScaleY="1" /> </TransformGroup> </Rectangle.RenderTransform> </Rectangle>Cambiate le dimensione, il tipo di riempimento, aggiunte un paio di trasformazioni ed infine aggiunto un sottile bordo bianco, per staccare l'elemento dallo sfondo.
Fin qua nulla che gi� non si potesse fare, con qualsiasi altro sistema ( SVG, Flash ecc ecc) , posizioniamo un ulteriore rettangolo, all';incirca subito dopo il "myAnimatedRectangle" .
In questa forma, simuleremo la riflessione, attraverso un VisualBrush
 <Rectangle Width="400" Height="400" Name="Riflessione" Canvas.Top="450" RenderTransform="scale -1 -1 translate 490 320"> <Rectangle.Fill> <VisualBrush ViewboxUnits="Absolute" Viewbox="0,0,400,480" ViewportUnits="RelativeToBoundingBox" Viewport="0,0,1,1"/> </Rectangle.Fill> <Rectangle.OpacityMask> <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <LinearGradientBrush.Transform> <SkewTransform Center="0,0" AngleY="-15" AngleX="0" /> </LinearGradientBrush.Transform> <LinearGradientBrush.GradientStops> <GradientStop Color="transparent" Offset="0.25" /> <GradientStop Color="Black" Offset="0.55" /> <GradientStop Color="transparent" Offset="1"/> </LinearGradientBrush.GradientStops> </LinearGradientBrush > </Rectangle.OpacityMask> </Rectangle>al finto riflesso � applicata inoltre un? OpacityMask, per simulare il comportamento di alcuni materiali, che in genere hanno uno o pi� punti d'attenuazione (molto dipende da quanto il materiale � liscio).
per finire � necessario aggiunge due righe di C# nel costruttore della finestra:

VisualBrush vs = (VisualBrush)this.Riflessione.Fill;
vs.Visual = this.itemCanvas;

i VisualBrush in 3 parole: sono una figata :), dentro pu� andare qualsiasi cosa erediti da Visual, in pratica ogni elemento del Framework.

Continua a leggere Avalon Extreme Makeover .

Le sere con Avalon

Marco Leoncini — Fri, 15 Jul 2005 14:52:00 GMT

� da un pezzetto, che avevo installato Avalon, (WinFX SDK).
Per l'occasione ricordo di aver formattato il pc.
Solo in questi giorni, lo sto utilizzando "seriamente", complice l'avvicinarsi delle vacanze, lavori poco stimolanti, turni serali della mia ragazza e non ultima, la frustrazione di prendere ogni sera, sonore legnate, giocando Live ad Halo 2 .
Non so se Avalon � una rivoluzione, di sicuro � una soluzione.
Per rendere pi� "accattivanti" le nostre applicazioni, le abbiamo provate di tutte.
Flash e Director per citare i sistemi si Authoring pi� famosi.
Chi usa i prodotti Macromedia (oggi corpo unico con Adobe) , ne conosce pregi e difetti.
Macromedia ha tentato con Director di portare il 3D si internet, con scarsi risulati, mentre con Flash si �, conquistata sul campo il giusto successo.
Passiamo dalle parole hai fatti:

<Window x:Class="AvalonApplication2.Window1"
xmlns="http://schemas.microsoft.com/winfx/avalon/2005"
xmlns:x="http://schemas.microsoft.com/winfx/xaml/2005"
Text="AvalonApplication2"
>
<Grid DockPanel.Dock="Top" >
<Grid.Background>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<LinearGradientBrush.GradientStops>
<GradientStop Color="Blue" Offset="0" />
<GradientStop Color="#333399" Offset="0.50"/>
<GradientStop Color="#006699" Offset="0.72"/>
<GradientStop Color="#000066" Offset="1" />
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Grid.Background>
<StackPanel Margin="30" HorizontalAlignment="Left">
<Canvas Name="maniCanvas">
<Rectangle Width="120" Height="120" Name="myAnimatedRectangle">
<Rectangle.Fill>
<SolidColorBrush Color="Red"></SolidColorBrush>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<RotateTransform Angle="0" Center="60,60" />
</Rectangle.RenderTransform> </Rectangle>
</Canvas>
<StackPanel Orientation="Horizontal" Margin="0,140,0,60" HorizontalAlignment="Left">
<Button Name="restartButton">Restart</Button>
<Button Name="pauseButton">Pause</Button>
<Button Name="resumeButton">Resume</Button>
<Button Name="stopButton">Stop</Button>
</StackPanel>
</StackPanel>
</Grid>
<Window.Storyboards>
<ParallelTimeline Name="myParallelTimeline">
<SetterTimeline TargetName="myAnimatedRectangle" Path="(Rectangle.Opacity)">
<DoubleAnimation From="1" To="0" Duration="0:0:5" AutoReverse="True" RepeatBehavior="Forever"/>
</SetterTimeline>
</ParallelTimeline>
<SetterTimeline TargetName="myAnimatedRectangle" 
Path="(Rectangle.RenderTransform).(RotateTransform.Angle)" Name="mySetter">
<DoubleAnimation From="0" To="360" RepeatBehavior="Forever" AutoReverse="True" Duration="0:0:1" />
</SetterTimeline>
</Window.Storyboards>
<Window.Triggers>
<EventTrigger RoutedEvent="Button.Click" SourceName="restartButton">
<EventTrigger.Actions>
<BeginAction TargetName="myParallelTimeline" />
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="pauseButton">
<EventTrigger.Actions>
<PauseAction TargetName="myParallelTimeline" />
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="resumeButton">
<EventTrigger.Actions>
<ResumeAction TargetName="myParallelTimeline" />
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="stopButton">
<EventTrigger.Actions>
<StopAction TargetName="myParallelTimeline" />
</EventTrigger.Actions>
</EventTrigger>
</Window.Triggers>
</Window>

come lascia intuire il nome, LinearGradientBrush � riempimento lineare, le propriet� StartPoint ed EndPoint sono rispettinavamente le coordinate x e y ,dell?inizio del riempimento e la fine, ad esempio, specificando come EndPoint 1,1 otterremo un riempimento con andamento diagonale. Con GradientStops, specifichiamo l?offesset dove il riempimento cambia colore. Abbaimo poi un rettangolo, ed una serie di bottoni. ho tagliato corto perch� la parte interessante sono lo Storyboards e i Triggers. In modo sintetico eortodosso lo Storyboards � un contenitore di Timeline, le fondamenta per dare vita a qualsiasi elemento del Framework. Nell?esempio le Timeline animano due propriet� del rettangolo, la rotazione e l?opacit�, per farlo uso un DoubleAnimation , perche lo propriet� su cui operiamo restituisco dei double. Tramite la propriet� Path di SetterTimeline, specifichiamo la l?oggetto e la propriet� da animare. Con i Triggers controlliamo, l?animazione, possiamo metterla in pausa, riavviarlo stopparla ecc ecc. Alla fine il risultato:

naturalmente non posso farvi vedere l?animazione ma immaginatevi il quadrato che ruota e diventa trasparete . purtroppo devo fermermi non ho il tempo per scrivere altro, ormai ho preso il blog come la pausa prima di lavorare .

p.s. chiedo scusa per la confusione durante la correzione del post

Continua a leggere Le sere con Avalon.

PropertyTriggers (link)

Marco Leoncini — Tue, 08 Feb 2005 13:54:00 GMT

esauriti momentaneamente i concetti 3D base di Avalon, vi segnalo un link che illustra come interagire con gli oggetti senza il bisogno di utilizzare codice, ma utilizzando la sintassi XAML. vi lascio in campagnia dei PropertyTriggers

Continua a leggere PropertyTriggers (link).

texture parte seconda

Marco Leoncini — Fri, 04 Feb 2005 14:07:00 GMT

ieri ho iniziato a parlare a grandi linee delle Texture e delle coordinate necessarie per applicarle correttamente.
ritornando a casa, ho avuto modo di rivedere il codice che avevo preparato per l'esempio, e renderelo pi� facile da capire e pi� facile da spiegare per me.
per Texture intendo un immagine, opportunamente ripetuta ed affiancata, al fine di ricoprire e conferire cos� alla geometria "nuda" un look pi� realistico ed accattivante.
per gli esempi utilizzeremo una semplice textute, con un griglia con lo 0.0 nell'origine del sistema di coordinate GDI.

e una semplice geometria di cui ho evidenziato le coordinate dei vertici e il contorno, l'asse verde rappresenta le coordinate positive X, quello rosso la Y e quello nero la Z

imposteremo la propriet� TextureCoordinates="0,0 1,0 1,1 0,1" corrispondenti ad una coppia di coordinate U V (una per ogni vertice), con valori compresi tra 0 e 1, valori inferiori o maggiori portano alla creazioni da particolari effetti tutti da sperimentare :).

nel disegno, ho leggermente scostato la Bitmap per rendere pi� chiaro, che attribuendo al vertice A le coordinate UV pari a 0,0 faremo coincidere l'origine del sistema di coordinate GDI in quel punto, in senzo orario (importante) attribuiamo le coordinate hai rimaneti vertici B 1,0 C 1,1 e D 0,1
il codice XAML completo � il seguente:

<GeometryModel3D> <GeometryModel3D.Material> <BrushMaterial> <BrushMaterial.Brush> <ImageBrush Viewport="0,0,0.5,1" ViewportUnits="Absolute" TileMode="None" HorizontalAlignment="Left" VerticalAlignment="Top" ImageSource="griglia.gif"> </ImageBrush> </BrushMaterial.Brush> </BrushMaterial> </GeometryModel3D.Material> <GeometryModel3D.Geometry> <MeshGeometry3D Positions="0.5,0,0.5 3,0,0.5 3,0,2 0.5,0,2" Normals="0,1,0 0,1,0 0,1,0 0,1,0 " TriangleIndices="0 1 2 2 3 0 " TextureCoordinates="0,0 1,0 1,1 0,1"/> </GeometryModel3D.Geometry> </GeometryModel3D>
ecco il risultato:

nel pennello abbiamo impostato la propriet� TileMode a None, evitanto cos� che la bitmap fosse ripetuta per comprire l'intera superficie della geometria, cambiando valore della propriet� (un enumeratore) e impostando valori differenti per Viewpor (la dimensione del Tile rispetto al "contenitore"):

Viewport="0,0,0.5,1"
ViewportUnits="Absolute"
TileMode="Tile"

Viewport="0,0,0.5,0.5"
ViewportUnits="Absolute"
TileMode="Tile"

Continua a leggere texture parte seconda.