WPF e Silverlight

Aprire un childwindow in silverlight che riempia abbastanza il browser

Alberto — Thu, 21 Jun 2012 12:51:00 GMT

Quando si apre una nuova childwindow si può scegliere di aprirla a dimensione fissa, oppure di dimensionarla in base alla dimensione attuale del browser.

Questo il codice :

childWindow.Width = ((AppTest.MainPage)(((Activity)App.Current.RootVisual).Content)).ContentFrame.ActualWidth;
childWindow.Height = ((AppTest.MainPage)(((Activity)App.Current.RootVisual).Content)).ContentFrame.ActualHeight;

SharpDevelop...

Alberto — Fri, 18 Jun 2010 01:00:00 GMT

Per chi non lo sapesse SharpDevelop è un IDE Free per c#.
Pochi giorni fa è stata rilasciata la nuova beta della versione 4.0
Oltre ad essere un buon ide, interessante sono i codici sorgenti, da cui prendere spunto.

http://www.icsharpcode.net/

L’importanza dell’ordine

Alberto — Mon, 31 May 2010 17:47:00 GMT

Volevo mettervi in guardia…

è differente da questo:

Il primo va decisamente meglio rispetto al secondo!

Silverlight e Listbox : Stretch

Alberto — Thu, 20 May 2010 13:26:00 GMT

Non so se avete mai provato, ma creando una listbox e successivamente avete provato a customizzare l’item template, avrete certamente notato che l’item non effettua lo stretch a riempimento rispetto alla listbox.

Il trucco? Customizzare anche lo style:

<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
</Style>
</ListBox.ItemContainerStyle>

WPF e Silverlight - Silverlight

Alberto — Wed, 07 Apr 2010 16:22:36 GMT

Innanzitutto cos’è silverlight?

Silverlight è una tecnologia creata per gli sviluppatori web e che permette di creare e pubblicare online contenuti interattivi e applicazioni di grafica 2D, audio, video, animazioni vettoriali e giochi.

Rispetto a Flash, Microsoft Silverlight crea contenuti facilmente indicizzabili dai motori di ricerca e supporta nativamente lo standard HD (video in alta definizione) e il DRM.

Ultima cosa, importantissima: per scrivere un applicativo silverlight si deve conoscere XAML!!!!!!

Per scrivere un’applicazione silverlight occorre:

• Windows & MAC Runtime 4.7MB

• Silverlight Tools for VS 2008 SP1 32 MB

• Silverlight SDK 9.5MB

• Silverlight 3.0 Toolkit 13MB

Non essenziali :

• Web Platform Installer

• Microsoft .NET RIA Services

Vi suggerisco i seguenti link:

Silverlight 3 : Introduzione

http://www.microsoft.com/italy/beit/Generic.aspx?video=46bc6dc2-87b7-4b19-aaea-5ab99623ac17

Silverlight 3: DataBinding

http://www.microsoft.com/italy/beit/Generic.aspx?video=0e772100-f2c9-4847-bdea-6f81b2d74122

Expression Blend 3 SketchFlow: "Dal prototipo al progetto reale"

http://www.microsoft.com/italy/beit/Generic.aspx?video=ecd0cac3-c9ae-49ba-ac15-9d52fcc641e3

Silverlight 3 - Uso e personalizzazione della DataForm

http://www.microsoft.com/italy/beit/Generic.aspx?video=7e84ad65-e9ed-4feb-b7df-f8daed203bc0

Silverlight 3 - Overview delle Navigation Application

http://www.microsoft.com/italy/beit/Generic.aspx?video=c001053c-db0e-4791-8cca-8a68fc6ccd47

Aggiungere interattività e multimedialità con le applicazioni RIA

http://www.microsoft.com/italy/beit/Generic.aspx?video=f4766337-1dd7-464f-ad90-d3583bef71ea

Creazione di una UX alternativa

http://www.microsoft.com/italy/beit/Generic.aspx?video=d79ec506-d43b-4e8c-b32a-41208738f633

Silverlight 3 - Novità e applicazioni "Out of browser"

http://www.microsoft.com/italy/beit/Generic.aspx?video=3077a82a-3a98-47d5-a355-0fb66d8c5339

Silverlight 3 - Usare Binary XML con WCF

http://www.microsoft.com/italy/beit/Generic.aspx?video=d1b43bbf-987a-4df4-977e-a25a1ec7557e

Silverlight 3: costruire business application

http://www.microsoft.com/italy/beit/Generic.aspx?video=104a33c4-636b-4c11-8016-8aa786d749e6

Silverlight 3 - Application Services

http://www.microsoft.com/italy/beit/Generic.aspx?video=b4063323-0889-4b68-9030-3accc94bdc7a

Silverlight 3 per Web Designer

http://www.microsoft.com/italy/beit/Generic.aspx?video=7f012019-bb48-41f3-bb91-ca3e4213a5af

WPF e Silverlight – Ancora WCF

Alberto — Tue, 06 Apr 2010 02:51:01 GMT

Come abbiamo visto WCF è disponibile dal Framework 3.0 di .Net

Espone servizi con 4 diversi tipi di protocollo:

http
TCP
MSMQ
Named Pipe

Si basa su 3 semplici concetti:

1. Cosa voglio comunicare (Contract) che si divide in :

· OperationContract : metodi del servizio utilizzabili dal client

· DataContract : strutture dati (classi enum e struct) condivisi con il client

· DataMember : Proprietà pubbliche del servizio

2. Come voglio comunicare (Binding)

3. Dove voglio sia accessibile (Address)

Abbiamo quindi i seguenti attributi da tener presente :

[ServiceContract] =>Indica che l’interfaccia è il contratto

[OperationContract] =>Le operazioni possibili

[DataContract] =>I dati

[DataMember]=>Si definiscono i membri del dato

Ovviamente i DataContract devono essere oggetti serializzabili!!!!!!

Un servizio WCF può essere configurato come servizio di sistema

Un servizio WCF può essere ospitato da IIS

Un servizio WCF può essere inserito all’interno di una applicazione ASP.NET (WebService)

E infine abbiamo WCF – ADO.NET Data Services, dove abbiamo ADO.NET Entity Framework come modello per l’accesso ai dati utilizzato dal servizio e possiamo interrogare un nostro db tramite query string via URI:

CustomersBindingSource.DataSource = NorthwindContext.Execute(Of Orders)(new uri(“/Customers(‘ALFKI’)/Orders?orderby=OrderDate”, UriKind.Relative))

O tramite LINQ to Data Services

NorthwindContext = new NORTHWNDEntities(new Uri(“http://localhost:1552/NorthwindWebDataService.svc”))

Dim categorie = From cat in NorthwindContext.Categoria _

Order By cat.CategoryName _

Select cat

E abbiamo dei metodi specifici per le operazioni CRUD.

WPF e Silverlight - WCF

Alberto — Fri, 02 Apr 2010 11:08:54 GMT

Oggi parliamo di WCF.

Innanzitutto cosa sono:

http://www.winfxitalia.com/articoli/communication_foundation/introduzione.aspx

Per poi seguire un tutorial completo:

http://visualcsharp.it/news/2009/11/20/wcf-i-parte/

http://visualcsharp.it/news/2009/11/21/wcf-ii-parte/

http://visualcsharp.it/news/2009/11/22/wcf-iii-parte/

http://visualcsharp.it/news/2009/11/24/wcf-iv-parte/

http://visualcsharp.it/news/2009/11/27/wcf-v-parte/

http://visualcsharp.it/news/2009/11/30/wcf-vi-parte/

http://visualcsharp.it/news/2009/12/07/wcf-vii-parte/

http://visualcsharp.it/news/2009/12/11/wcf-viii-parte/

Interessante inoltre questo web cast di Alessandro Del Sole sugli ADO.NET Data Services, un Framework basato su WCF per l’esposizione dei dati in rete.

http://www.microsoft.com/italy/beit/Generic.aspx?video=dcd4d0d0-9cd7-49ad-9981-232a0eb1b57d

Come approfondimento:

http://www.winfxitalia.com/articoli/winfx/windows_communication_foundation_sicurezza.aspx

http://www.winfxitalia.com/articoli/communication-foundation/costruire-chat-wcf.aspx

http://www.winfxitalia.com/articoli/communication-foundation/Tracing-Windows-Communication-Foundation.aspx

WPF e Silverlight – M-V-VM i framework esistenti

Alberto — Wed, 31 Mar 2010 15:32:24 GMT

Ovviamente non dobbiamo reinventare tutto ogni qualvolta creiamo un’applicazione nuova e vogliamo utilizzare l’M-V-VM, ma esistono dei framework già belli e pronti:

PRISM http://compositewpf.codeplex.com/

MVVM light toolkit http://www.galasoft.ch/mvvm/getstarted/

WPF Onyx http://wpfonyx.codeplex.com/

Caliburn http://caliburn.codeplex.com/

Ocean http://karlshifflett.wordpress.com/2009/01/26/ocean-framework-released-mvvm-for-wpf-line-of-business-update/

WPF e Silverlight – Il M-V-VM (Model – View – ViewModel)

Alberto — Tue, 30 Mar 2010 12:07:44 GMT

Abbiamo visto fin qui come creare una UI gradevole all’utente e come fare il binding dei dati corretto.

Ma come si può programmare correttamente e creare un’applicazione testabile? Qual è il modo più corretto per sviluppare un’applicazione WPF?

Ci vengono in aiuto gli stessi sviluppatori di Blend dandoci in mano un pattern, il Model-View-ViewModel.

Questo pattern consente una separazione tra la UI e i dati stessi, permettendo una testabilità del codice completa.

E’ derivato da MVC – Presentation Model.

Vi consiglio questo video di Corrado Cavalli.

http://www.microsoft.com/italy/beit/Msdn.aspx?video=24878a7f-235d-43ae-8aec-f09c2224fe49

http://www.winfxitalia.com/articoli/presentation-foundation/architettura-model-view-viewmodel-wpf-p-1.aspx

In inglese :

http://msdn.microsoft.com/en-us/magazine/dd419663.aspx

Da analizzare anche il command binding:

http://blog.raffaeu.com/archive/2009/06/15/wpf-and-mvvm-tutorial-04-the-commands.aspx

http://dotnetcenter.it/articles/10/MVVM-per-la-realizzazione-di-client-WPF.html

Vi consiglio inoltre i seguenti video che, oltre a riprendere il MVVM riprendono anche ciò che abbiamo visto precedentemente:

http://dotnetmarche.org/files/folders/13_-_wpf__mvvm_29012010/entry5870.aspx

http://dotnetmarche.org/files/folders/13_-_wpf__mvvm_29012010/entry5869.aspx

http://dotnetmarche.org/files/folders/13_-_wpf__mvvm_29012010/entry5868.aspx

http://dotnetmarche.org/files/folders/13_-_wpf__mvvm_29012010/entry5867.aspx

WPF e Silverlight – Qualcosina in più da sapere

Alberto — Wed, 24 Mar 2010 11:09:08 GMT

Tempo fa su un forum è apparsa la seguente domanda:

“Ciao a tutti.
Ho sempre sviluppato in Windows Forms e non ho mai avuto problemi, ma
mi sto affezionando sempre di più alla nuova tecnologia WPF.
Sto per iniziare a scrivere un nuovo gestionale e mi chiedevo se fosse
meglio continuare con Windows Forms o passare a WPF.
Per un gestionale, WPF è realmente utile?
I tempi di sviluppo sono gli stessi?
Le differenze tra i controlli (ad esempio tra DataGridView in WinForms
e DataGrid in WPF Toolkit) sono molte? Il modo di pensare con questi
controlli resta più o meno lo stesso?
La velocità di esecuzione è migliorata, o al massimo è la stessa?
I requisiti minimi si alzano? WPF richiede maggior potenza?

Voi cosa consigliate, considerando che l'interfaccia grafica è di
secondaria importanza per la mia applicazione?
Ciao e grazie!”

La risposta di Raffaele Rialdi [MVP]

“> Per un gestionale, WPF è realmente utile?

Decisamente si. E se togliamo i pregi grafici, ancora più si.

> I tempi di sviluppo sono gli stessi?

Dipende dal tuo skill su WPF.
L'inizio è decisamente arduo.
Le applicazioni semplici vanno a rilento a causa dei designer che non
sono ancora all'altezza (sia vs.net che expression blend) ma stanno
migliorando.
Le applicazioni complesse (ovviamente dipende dal controllo che vuoi
realizzare) vanno a favore di WPF anche per velocità. In Winform ci
sono limiti intrinseci della tecnologia che possono essere bloccanti.
Con WPF le cose più complessi si fanno decisamente più semplici da
risolvere

> Le differenze tra i controlli (ad esempio tra DataGridView in WinForms
> e DataGrid in WPF Toolkit) sono molte? Il modo di pensare con questi
> controlli resta più o meno lo stesso?

Le differenze sono importanti in quanto cambia il paradigma, ma non ci
sono più limitazioni.
Pensa al fatto che una combobox wpf di default non ha stringhe ma
controlli. Questi controlli possono essere semplici textblock o tuoi
user control con immagini, video, animazioni, mappe, e quant'altro.
In un bell'esempio Bea Costa mostra sul suo blog come una listbox può
essere usata per disegnare il sistema solare:
http://www.beacosta.com/blog/?p=40

> La velocità di esecuzione è migliorata, o al massimo è la stessa?
> I requisiti minimi si alzano? WPF richiede maggior potenza?

Le performance vanno tutte a favore di WPF che si appoggia a DirectX.
I requisiti sono normalissimi a meno che non usi effetti che si
appoggiano alla CPU e non alla GPU. Per farla semplice le cose standard
vanno senza problemi ovunque.

>
> Voi cosa consigliate, considerando che l'interfaccia grafica è di
> secondaria importanza per la mia applicazione?
> Ciao e grazie!

Mi ripeto, per le applicazioni come un gestionale WPF lo vedo alla
grandissima.
Si può dare maggiore ergonomia alla UI e concetti come dependency
property e il binding di WPF rendono la vita decisamente più semplice.
Non c'è paragone.

Fattori a "sfavore" (nel senso che ti ci vuole tempo):
- curva di apprendimento
- necessità di studiare e ripensare l'applicazione perché la UI va
impostata in modo differente da come si fa con Winform.”

e di Mauro Servienti [MVP]

“>> per le applicazioni come un gestionale WPF lo vedo alla
>> grandissima.
>
> Mi hai chiarito molte idee, penso proprio che sceglierò WPF!
> Grazie!

aggiungo a quanto detto da Raff:

- sforzati di studiare il modello Model-View-ViewModel perchè è la
manna e ti da una flessibilità veramente notevole;
- ogni volta che ti ritrovi con a l necessità di aggiungere ad un
controllo xaml l'attributo x:Name per referenziarlo da "codebehind"
fermati, forse stai seguendo un approccio alla Windows Form;
- sforzati di pensare come un designer html, che ha il concetto di
"flow", per il quale la gravità è in alto a sinistra e per il quale è
molto naturale che tutto si adatti alle dimensioni del container;

per il resto:
- imposta il designer di Visual Studio (Tools --> Options --> bla bla)
per visualizzare direttamente lo xaml, altrimenti piangi.
- usa Expression Blend (sp1) per il design;
- se usi un tool di source control (CVS, TFS, SVN,
quelloCheVuoiTuBastaCheFunzioni) preparati a piangere un po' perchè
Blend non va per nulla d'accordo con il source control ;-)
- non tenere aperti i due file contenporaneamente in VS e blend perchè
il secondo non sempre si accorge delle modifiche che vengono fatte dal
primo (in VS hai intellisense nello xaml in blend no, quindi ti sefono
entrambi) e ogni tanto ti perdi i pezzi per strada;
- se sei stato uno sviluppatore web della vecchia scuola (quelli che
andavano di blocco note e immaginazione) ci metti poco a prendere la
mano con lo xaml e soffri poco la mancanza di un designer, quindi ti
adatti velocemente a Blend che usi per fare le cose complesse.
- usa san Google Luke ;-)”

Il M-V-VM sarà il prossimo argomento