Jump to content
bn-top

Microsoft Expression Blend


gurugugnola
 Share

Recommended Posts

Le 2 strutture con cui collaboro + assiduamente hanno deciso di acquistare questi nuovi sw della microsoft e dato che a breve dovrò lavorarci mi sono messo a studiare la guida di quello che mi sembra + interessante, "MS Expression Blend"... vi riporto dei brevi riassunti e le informazioni + interessanti ;)

Introduzione

Questo SW serve per progettare e realizzare interfacce di applicazioni su piattaforma MS. È integrabile con MS Visual Studio 2005 per permettere ai grafici di lavorare efficacemente in team con i programmatori. Blend contiene:

· Set di tool per il disegno vettoriale, per i testi

· Set di tool 3D

· Interfaccia a pannelli e menù contestuali

· Integrazione di animazioni, 3D e altri media

· Opzioni avanzate per "customizzare" vari controlli

· Possibilità di integrare varie "data source" e risorse esterne

· Realtime design

Applicazioni

· Productivity application: applicazioni per migliorare la produttività, come applicazioni di tipo commerciali o gestionali adatti a una vasta gamma di clienti

· Consumer application: applicazioni come "media player", tool x la sicurezza, "desktop gadget"...

· Game: semplici giochi on line e non

· Kiosk: applicazioni interattive dalle quali gli utenti possono ricevere informazioni o servizi

· IT pro utilities: semplici tool per clienti specifici

Requisiti di sistema:

· Sistema operativo MS Windows Xp SP2 o Vista

· Progessore 1 GHz con MMX o equivalente

· 1 GB di RAM

· 350 MB di spazio libero nell'HD

· Risoluzione minima del monitor a 1024x768, 24 bit

· Scheda video: MS DirectX 9, con 256 MB (o +) di memoria (ATI Radeon X300, NVIDIA GeForce 5600...)

Area di lavoro

View "Design", ambiente di sviluppo con rappresentazione grafica

Blend01.jpg

View "XAML", ambiente di sviluppo testuale

Blend02.jpg

Oltre alle 2 view ci sono 2 workspace: Design workspace (F6) e Animation workspace (F7) che si presentano all'incirca allo stesso modo.

Blend03.jpg

La toolbar

Permette di creare e modificare gli oggetti.

Blend04.jpg

I tasti relativi al gruppo "object tool" contengono dei sotto menù con altri tool (cliccare sulla freccia bianca in basso a destra del tasto). Dall'ultimo tasto si accede all'Asset library, mentre quello sopra mostra una lista degli asset utilizzati di recente.

Asset library

Blend05.jpg

Interaction panel

L'interaction panel serve per:

1. Visualizzare tutti gli oggetti presenti nell'area di lavoro con una struttura gerarchica

2. Selezionare gli oggetti in modo da poterli modificare (spostarli all'interno della gerarchia o modificare le proprietà dal properties panel)

3. Creare e modificare i Template per gli oggetti che sono "controls" (o UI design elements, sono i componenti visibili di un'applicazione. I Controls, come ad esempio un button, permettono all'utente di interagire con l'applicazione)

4. Creare e modificare le timeline di animazione

5. Creare e modificare i triggers (possono essere usati per modificare lo stato di un oggetto nell'artboard in risposta a un evento o a un cambiamento di proprietà) degli oggetti selezionati

Blend07.jpg

Project panel

È la lista di tutti i file associati al progetto e permette di collegarsi ai data source della applicazione che state creando.

Blend08.jpg

Properties panel

Ha 2 modalità:

1) Full mode con le categorie espandibili

Blend09.jpg

2) Mini mode con gli editor a pop up

Blend10.jpg

Questo pannello presenta diversi editor, potete cambiare i valori numerici immettendo il valore da tastiera o modificarlo con il movimento del mouse posizionandovi sopra fino a quando non appare il cursore con le 4 frecce. Quasi ogni set di proprietà inoltre ha un pannello di sub-proprietà che si apre cliccando sul quadratino a destra.

Blend11.jpg

Resources panel

Trovate tutte le risorse presenti nel file attualmente aperto. Il tasto in alto "New dictionary…" permette di salvare il set di risorse da poter riutilizzare anche in altri file

Blend12.jpg

Results panel

Fornisce i dettagli di eventuali errori nella applicazione aperta e info varie: il tab "output" fornisce informazioni sui i tempi di riproduzione del file, visualizza le informazioni relative al test/buid/rebuild/clean file (tool nel menù "project"), il tab "errors" fornisce la lista di eventuali errori nel linguaggio XAML.

Blend13.jpg

Per ora mi "fermo qui", sto preparando anche la seconda parte relativa alla gestione dei file e dei project che spero di pubblicare presto ;)

post-3829-1184940292_thumb.jpg

Edited by philix
Link to comment
Share on other sites

  • 3 months later...
bn-top

ciao guru,

una piccola curiosità: ma questo programma supporta la creazione di schermate magari anche tridimensionali per farle usufruire un pubblico che governa un touch screen open frame? in poche parole: una persona si avvicina allo schermo e comincia a ruotare l'oggetto col le dita pigiando lo schermo....

spero di essermi spiegato....

:hello:

Link to comment
Share on other sites

... nel file d'esempio "viewer 3d" fa qualcosa del genere (in versione semplificata), c'è un modello 3d di una concept car con 4/5 visuali predefinite a cui si accede premendo dei tasti e vengono visualizzate delle brevi animazioni di passaggio... ma credo che sia possibile (non credo che sia molto semplice) poter fare qualcosa anche di + interattivo e con una navigazione del 3d + libera, naturalmente con uno "sforzo maggiore" di programmazione

Link to comment
Share on other sites

  • 2 weeks later...
ciao guru,

una piccola curiosità: ma questo programma supporta la creazione di schermate magari anche tridimensionali per farle usufruire un pubblico che governa un touch screen open frame? in poche parole: una persona si avvicina allo schermo e comincia a ruotare l'oggetto col le dita pigiando lo schermo....

spero di essermi spiegato....

:hello:

Ho pubblicato un tutorial per fare un'applicazione del genere ;) ho scoperto che è molto + semplice di quanto pensassi

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...