Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
Il pannello Mappa SketchFlow è un editor di grafici in cui è possibile definire la struttura, il flusso, la navigazione e la composizione di un'applicazione.
È possibile utilizzare il pannello Mappa SketchFlow per concentrare l'attenzione sulla struttura di un'applicazione e la tavola da disegno per concentrare l'attenzione sul contenuto di singole schermate.
Schermate di navigazione
Ogni schermata del prototipo è rappresentata mediante un nodo nel pannello Mappa SketchFlow. È possibile collegare tra loro le schermate utilizzando una connessione di navigazione per sottointendere la navigazione tra le schermate. Quando si esegue il prototipo in SketchFlow Player, le connessioni tra i nodi navigazione simulano la navigazione tra le schermate nel pannello di navigazione.
Nel pannello Mappa SketchFlow vengono inoltre visualizzate schermate componente. Per ulteriori informazioni, vedere "Schermate componente" più avanti in questo argomento.
.png "Mappa SketchFlow")
Per definire la navigazione tra le schermate in SketchFlow è possibile procedere in vari modi. È possibile creare nuove schermate connesse da schermate esistenti nel pannello Mappa SketchFlow. È possibile connettere due schermate non connesse nel pannello Mappa SketchFlow. Oppure è possibile fare clic con il pulsante destro del mouse su un oggetto in una schermata e definire la navigazione utilizzando il comando Passa a nel menu di scelta rapida.
Per aggiungere una nuova schermata di navigazione connessa alla mappa SketchFlow
Quando si crea un nuovo progetto SketchFlow, viene creato un nuovo file denominato "Screen 1.xaml", visualizzato nel pannello Mappa SketchFlow come un nodo e nel pannello Progetto come un oggetto UserControl.
[!NOTA]
Per aprire un nuovo progetto SketchFlow, vedere Creare un progetto di prototipo.
Spostare il puntatore del mouse sopra il primo nodo (Schermata 1) nell'angolo superiore sinistro del pannello Mappa SketchFlow.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
Il nodo viene evidenziato e il file XAML associato diventa visibile in una descrizione comando. Nella parte inferiore del nodo viene inoltre visualizzato un menu grafico:
.png "Ee341405.051894cf-0f0d-482f-a15c-02ed9cdd0a01(it-it,Expression.40).png")
Spostare il puntatore del mouse sopra l'icona sinistra nel menu grafico e iniziare a trascinare l'icona. Viene visualizzato un nuovo nodo "fantasma" che segue il puntatore.
Terminare il trascinamento dell'icona della schermata di navigazione nel punto in cui si desidera posizionare la nuova schermata. È ora possibile assegnare un nome alla schermata digitandolo direttamente nella casella di testo. Se la nuova schermata non viene rinominata, il nuovo nodo verrà denominato "Schermata x", in cui "x" è il numero successivo nella serie dei nomi di schermate numerate visualizzata nel flusso applicazione.
[!NOTA]
Per modificare il nome, fare clic con il pulsante destro del mouse sul nodo e scegliere Rinomina, oppure fare clic sul nodo, premere MAIUSC+F2 e quindi digitare il nuovo nome direttamente nel nodo.
Per trascinare un oggetto nella nuova schermata, fare doppio clic sul nodo nel pannello Mappa SketchFlow per selezionare la scheda documento associata.
La connessione tra nodi implica la navigazione tra gli stessi. È inoltre possibile creare nodi di navigazione senza una connessione di navigazione definita.
Per aggiungere una nuova schermata di navigazione non connessa alla mappa SketchFlow
Fare clic con il pulsante destro del mouse nel pannello Mappa SketchFlow e quindi scegliere Crea schermata.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
[!NOTA]
Per modificare il nome, fare clic con il pulsante destro del mouse sul nodo e scegliere Rinomina, oppure fare clic sul nodo, premere MAIUSC+F2 e quindi digitare il nuovo nome direttamente nel nodo.
Per trascinare un oggetto nella nuova schermata, fare doppio clic sul nodo nel pannello Mappa SketchFlow per selezionare la scheda documento associata.
.gif "tip note")
Suggerimento:In alternativa, nella barra degli strumenti Mappa SketchFlow fare clic su Crea uno schermo
.png "Ee341405.d63bd8e7-f302-48bb-a42e-119eb2fa06f8(it-it,Expression.40).png")
.
Per collegare due schermate di navigazione non connesse
Nel pannello Mappa SketchFlow spostare il puntatore del mouse sopra il nodo da cui si desidera connettersi.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
Il nodo viene evidenziato e il file XAML associato diventa visibile in una descrizione comando. Nella parte inferiore del nodo viene inoltre visualizzato un menu grafico:
Spostare il puntatore del mouse sopra l'icona Connetti a schermata esistente
.png "Ee341405.edc454d7-a6dd-4721-a849-4069d5ffebe6(it-it,Expression.40).png")
nel secondo menu grafico da sinistra. Iniziare a trascinare l'icona per creare una nuova connessione di navigazione. Viene visualizzata una freccia che segue il puntatore.Terminare di trascinare la freccia nella schermata a cui si desidera connettersi. Per rimuovere la connessione, fare clic con il pulsante destro del mouse sulla freccia e scegliere Rimuovi.
Suggerimento:In alternativa, fare clic e trascinare il nodo sul nodo a cui si desidera connettersi.
Schermate componente
I nodi componente, analogamente ai nodi navigazione, vengono visualizzati nel pannello Mappa SketchFlow. Un'importante differenza tra i nodi componente e quelli di navigazione è che i primi, a differenza dei secondi, non dispongono di connessioni di navigazione in ingresso. Tuttavia, i nodi del componente possono disporre di connessioni di composizione in ingresso. Le connessioni, ovvero le frecce che implicano collegamenti tra nodi nel flusso applicazione, indicano le schermate in cui viene visualizzata una schermata componente.
Un nodo componente contiene contenuto che può essere riutilizzato in più schermate. Ad esempio, è possibile creare un nodo componente che contiene uno sfondo e un altro che contiene un menu e quindi utilizzare questi componenti in più schermate nel prototipo.
Per creare un nuovo nodo componente sono disponibili vari modi. È possibile aggiungere un nuovo nodo componente direttamente nel pannello Mappa SketchFlow oppure selezionare contenuto nella schermata e convertirlo in una schermata visualizzata come un nodo componente nella mappa SketchFlow.
Per aggiungere una nuova schermata componente non connessa alla mappa SketchFlow
- Fare clic con il pulsante destro del mouse in un punto qualsiasi del pannello Mappa SketchFlow, quindi scegliere Crea una schermata componente.
Per aggiungere una nuova schermata componente connessa alla mappa SketchFlow
Nel pannello Mappa SketchFlow spostare il puntatore del mouse sopra il nodo da cui si desidera aggiungere una schermata componente connessa.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
Il nodo viene evidenziato e il file XAML associato diventa visibile in una descrizione comando. Nella parte inferiore del nodo viene inoltre visualizzato un menu grafico.
Spostare il puntatore del mouse sopra l'icona Crea e inserisci una schermata componente
.png "Ee341405.91c06759-86fc-4dbf-a8b7-061300304308(it-it,Expression.40).png")
nel secondo menu grafico da destra. Iniziare a trascinare l'icona per creare una nuova connessione componente. Viene visualizzata una freccia che segue il puntatore.
UserControls
Una schermata componente è un tipo di UserControl. Quando si crea una schermata componente, questa viene visualizzata nella mappa SketchFlow. È inoltre possibile creare un UserControl che non è una schermata componente. I controlli utente che non sono schermate componente non vengono visualizzati nella mappa SketchFlow.
Per convertire un oggetto UserControl in una schermata componente
Selezionare l'oggetto o il gruppo di oggetti che si desidera convertire in una schermata componente.
[!NOTA]
Per selezionare un gruppo di oggetti, trascinare un rettangolo di selezione intorno al gruppo di oggetti che si desidera includere.
Fare clic con il pulsante destro del mouse su Crea schermata componente.
Nella casella Nome della finestra di dialogo Crea schermata componente digitare un nome per UserControl.
Fare clic su OK.
[!NOTA]
Prima che la schermata componente venga visualizzata nella schermata navigazione, potrebbe essere necessario ricreare il progetto (F5).
Per creare un nuovo UserControl da un oggetto esistente
Selezionare l'oggetto o il gruppo di oggetti che si desidera convertire in un UserControl.
[!NOTA]
Per selezionare un gruppo di oggetti, trascinarvi intorno un rettangolo di selezione. È possibile selezionare gli oggetti direttamente nel pannello Risorse.
Fare clic con il pulsante destro del mouse sulla selezione, quindi scegliere Crea UserControl.
Nella casella Nome della finestra di dialogo Crea UserControl digitare un nome per UserControl.
Per ulteriori informazioni, vedere Creare un controllo utente vuoto.
Assegnazione di tag visivi
L'assegnazione di tag visivi consente di distinguere tra tipi di schermate e tipi di connessioni applicando colori diversi a tipi diversi di schermate e connessioni nella mappa SketchFlow.
Per aggiungere un tag visivo a un nodo
Nel pannello Mappa SketchFlow spostare il puntatore sopra il nodo che si desidera contrassegnare.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
Il nodo viene evidenziato e il file XAML associato diventa visibile in una descrizione comando. Nella parte inferiore del nodo viene inoltre visualizzato un menu grafico:
Spostare il puntatore del mouse sopra Modifica tag visivo (l'icona sulla destra), fare clic sull'icona e quindi scegliere il colore che si desidera utilizzare per il nodo.
Per aggiungere un tag visivo a una connessione
Fare clic con il pulsante destro del mouse sulla connessione che si desidera contrassegnare nel pannello Mappa SketchFlow.
[!NOTA]
Se il pannello Mappa SketchFlow non è visibile, scegliere Mappa SketchFlow dal menu Finestra oppure premere MAIUSC+F12.
La connessione viene evidenziata.
Fare clic su Tag visivo e quindi scegliere il colore che si desidera utilizzare per la connessione.
È inoltre possibile modificare l'assegnazione di tag visivi per un intero progetto modificando le impostazioni del progetto SketchFlow.
Per ulteriori informazioni, vedere Modificare le impostazioni progetto SketchFlow.
Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.