Teil von  SELFPHP
Professional CronJob-Service

Suche

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: SELFPHP Forum ::

Fragen rund um die Themen PHP?
In über 130.000 Beiträgen finden Sie sicher die passende Antwort!  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 
 
Adding Navigation Screens in SketchFlow

Document Windows
This area shows the various screens that are open within your document. A new SketchFlow document opens a start page by default. As you create more navigation screens, they are open and can be selected here.

Artboard
The artboard can be thought of as your main screen or canvas; you will add various elements such as images, text and forms and arrange them here. The artboard represents the authoring view of your application.

SketchFlow Map (SketchFlow only)
The SketchFlow Map at the bottom of the screen is a graph editor that allows you to define the navigation and composition of your application. The blue rectangle labeled Screen 1 is technically a node, and by default represents the initial navigation screen.
Hovering over any node expands a section allowing you to create new screens, connections and components as well as change the visual tag associated with these nodes.



Screen1 in the SketchFlow Map

The Tools Panel
The Tools panel allows you to create and modify objects in your application. You create objects by selecting a tool and drawing on the artboard with your mouse (or a tablet if connected). Tools with a white rectangle in the bottom right corner expand, when clicked and held, to display more tools.

The Asset Library
The Asset Library organizes the assets available to you in the SketchFlow project. Assets include the Prototype objects you will begin to use to build your layout and user interfaces. However, the asset library also contains standard controls and any effects, behaviors, images, etc., that you end up using within a project.

The Projects Panel
The Projects panel allows you to view all the files associated with the current project. As you create new navigation screens in your SketchFlow project, you will see the new pages appear here.

The Objects and Timeline Panel
The Objects and Timeline panel allows you to view the objects used within your artboard. More precisely, it provides a view, as well as control of the stacking order of objects on the artboard. Whenever you have two or more objects in a SketchFlow project, one object will be higher in the stack. You can change this stacking order by rearranging objects within the Objects and Timeline panel.
The Timeline section of this panel allows you to use a visual timeline to create and modify animations within a SketchFlow project.

The Properties Panel
The Properties panel is where you can view and modify the properties of a selected object on the artboard (or within the Objects and Timeline panel).

Creating New Navigation Screens
Navigation screens are the foundation of creating a prototype in SketchFlow. You can create additional navigation screens easily in the Application Flow window. Each new project begins with a start screen. You can think of this as the title screen for the project, perhaps akin to the title slide of a presentation. You will add content to this screen later, but first you will add the additional screens for a small snowboarding application. Assume that you have a list of the basic sections you need to create. You can always add more later.

  1. Place your cursor over the Screen1 node. Rename the Screen 1 node Start. When the menu expands beneath the node, click and drag the first icon to the left to create a new navigation screen. A new navigation screen is created named Screen 2.
  2. Right-click the screen and choose the Rename option. Rename this screen Welcome. This will be the Welcome screen of a snowboarding shopping application. Notice that you have automatically created a new page. In your Documents Window, this tab is named Welcome (Screen 1.xaml). The screen also shows up in your Projects panel.
  3. Create a new navigation screen connected to this Welcome node by clicking and dragging from the expandable menu beneath. Rename this node to say Boards.



    After the new node is created, rename it Boards.

  4. Return back to the Welcome screen and create another connection by clicking and dragging. Type the name Boots for this screen. The visual arrangement of the nodes in the SketchFlow Map is technically arbitrary; you can arrange them in a way that suits your workflow needs.
  5. Click and drag another screen connected to the Welcome screen, but put this one to the right of the two other screens. Rename this one Shopping Cart. Now, you’ll create one more screen, this one will be connected to the Shopping Cart elements.
  6. Right-click the SketchFlow Map panel and select Create New Screen. You have now created a new screen that is not connected to any other.
  7. Double-click the screen name and change it to checkout.
  8. You can link one screen to another by clicking on a screen node, like the shopping cart and dragging from the Connect an existing screen button.






    Creating and renaming nodes.

  9. Choose File > Save. You created a basic flow between screens. Now you need to add content using SketchStyle elements


Seite 2 von 4 1 2 3 4



Downloads

Copyright © 2010
Microsoft Deutschland GmbH
Alle Rechte vorbehalten.

 Microsoft Deutschland GmbH
 




:: Premium-Partner ::

Webhosting/Serverlösungen

Pixel X weitere Premium-Partner
 

:: SELFPHP Sponsor ::

ionCube Ltd. weitere Sponsoren
 


:: Buchempfehlung ::

Das Zend Framework

Das Zend Framework zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Webhosting/Serverlösungen

Suchen Sie den für Sie passenden IT-Dienstleister für Ihr Webhosting-Paket oder Ihre Serverlösung?

Sie sind nur ein paar Klicks davon entfernt!


 

Ausgewählter Tipp im Bereich PHP-Skripte


Umrechnung Byte/Kilobyte/Megabyte – Byte/Kibibyte/Mebibyte

Weitere interessante Beispiele aus dem SELFPHP Kochbuch finden Sie im Bereich PHP-Skripte
 

SELFPHP Code Snippet


Datum und Uhrzeit wann der MySQL-Server zuletzt gestartet wurde

Weitere interessante Code Snippets finden Sie auf SELFPHP im Bereich PHP Code Snippets
 
© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt