Modeling state transitions between screens

Hi,
I'm trying to build a flex application that is made of 20 or
so screens. Some of these screens are serially connected, much in a
wizard manner, but many others are not.
I have not found a language construct yet that would allow me
to model these screens as states and that would allow me to trigger
event-based transitions.
It sounds exactly like what States do, right? But the actions
within a State are all about "addChild" and "removeChild" and it
seems awkward to define all the UI components in this additive
manner.
Isn't it possible to define a container for each screen and
then simply move from one to another container based on button
presses?
This sounds like what viewStacks do, right? But viewstacks
seem to load all at the same time, don't seem ideal either.
So I'm looking for a best practice pattern for this. I'm
having a hard time believing that all the flex applications can fit
in one screen with accordions, tabbars and similar.
Thanks for a great article series! FIG is the best I've read
so far, and it's spot on... designers need to learn a new visual
language.

Seems like the ViewStack component might be what you are
looking for... simple to use, and you can attach transition
effects. There is a good example in the Flex developer's guide (
http://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Live Docs_Book_Parts&file=navigators_066_03.html),
showing transitions triggered by a LinkBar... but you can also
change the view in code by setting the selectedIndex
property.

Similar Messages

Playing a different transition between states depending on what state you're currently viewing

Not quite sure if I'm going to be able to explain this but i'll give it a go.
I have 4 buttons that when clicked display content in an area. I want to set state transitions so that when i switch between the 4 states the content of the current state moves off the page to the left and the content of the clicked state moves in from the right. I've managed to get it working but only from (for example) state 1 > 2. When I click to go back from 2 > 1 the content moves in the wrong direction - its just moving back!
I need to set a different state transition so when on state2 the content for state1 moves in from the right, not back in from the left!
Hopefully someone understands all that! Thanks,
Luke

Hi Luke,
You can create separate transitions for State1 > State2 and State2 > State1. However, if you're using the trick of position of the objects offscreen so they'll animate the right way onscreen, you might have a hard time.
Try this instead. Let's say you're going from State1 > State2, and you want Object1 to move off to the left while Object2 comes on from the right.
Hide Object2 in State1. It doesn't matter where you place it before you hide it.
The State1 > State2 transition should now have a "Fade In" for Object2.
Select the track with the fade, then click "Add Action > Move". This will create a move effect for Object2, but by default it will animate from its arbitrary start position to the State2 position. We need to change the start position.
Create another Move effect. In the properties panel, you can see properties for the move effect. Change the dropdown to "Specific Location".
Set the coordinates to the start location (way off to the right of the screen) of the animation.
This new move effect will put Object2 in its start position, then the original move effect will animate it to it's final location. Drag the new (specific location) move effect to happen before the original (state position) move effect.
Preview the transition. You should see Object2 slide in from the right.
Repeat for Object1, and repeat the process for the other transition.
-Adam

State transitions across components?

Hi,
I've been using Catalyst for a few days now to put together a "clickable mockup" of an app. Instead of working based on a comp, I'm creating the UI in Catalyst directly, using it's built-in components and creating a "wireframe" look. Works fine. I anticipate to work with more hi-fi comps.
One thing I'm having trouble with, is making deep transitions between states from subcomponents.
Imagine this setup:
The app has two states/pages, "1" and "2". Inside each page, I have one component to represent all the states of that page. So for the first page, the internal component states would be 1-1, 1-2 and 1-3. Ditto for 2.
So, now, let's say that in state 1-3, I have a button inside the component, where I want to transition to 2-2. Currently, it appears that there is no way for me to do that. When I click on the options in "Play transition to state" of the button, it shows me states 1 and 2, as well as 1-1 through 1-3, but it does not show the "child" states of "2".
Is there any way to accomplish the transition from 1-3 to 2-2?
Another version on the same problem: let's say I can somehow get from 1-3 to 2-2. Now, inside 2-2, I have a button that jumps back to "1". Currently, when I jump to "1", it jumps to whatever state 1 was in, which is 1-3 in my case, which is undesirable. It would be nice if I could somehow reset the component state on some event (showing, hiding, ...) to its default state, so that when people later jump back to it, it would start in its default state.
I am familiar with ActionScript and XML and did poke around a bit. I see that in components, there is this kind of code:
protected function Button_click_1_1():void
    mx.core.FlexGlobals.topLevelApplication.currentState='AppHome';
I speculate that this lets me do what I need by editing code, and instead of topLevelApplication.currentState using topLevelApplication.someComponent.currentState... but I wanted to see if there is/will be another friendlier way of accomplishing this?

Hi,
Just my, hopefully helpful thoughts about how to render complex state transition much easier to understand, design and debug ...............
Perhaps, initially for coders with a solid background in conditional logic, the inclusion of one or two design windows/panels providing the ability to design and display at least state transition diagrams and preferably also state transition tables, could be very helpful when trying to either design or understand complex, inter-related state transitions - actually, even relatively simple state-transitions with only five to seven objects, each with only three or four states to track concurrently, can be difficult to design, debug and test using just a mental model and memory to retain knowledge of the desired vs. actual state transition paths.
Although I say "initially for coders", many years ago I taught both of these techniques successfully during software "design principles" courses that addressed software developers who's function was to prepare "design specifications" rather than actually write the code which, in those days, was the job of programmers rather than designers. In fact many of my students were not programmers at all - for example analysts who used state transition diagramming techniques to design functions regardless of whether those functions would become implemented as code, or as a set of human actions, or mechanical machine operations (think pinball!).
It should be possible using today's technoloy to be able to
    (a) generate code from a state transition table or a state transition diagram and
    (b) generate both forms of diagram from existing code (including the code autogenerated during visual design and
    (c) consistency check existing code automatically.
It should be possible, using state transition table and diagram functions, to highlight structural logic errors. How such highlighting should be done, for example:
    (a) using a classic state transition table or diagram or
    (b) generating some form of structured text report or
    (c) inserting colour-highlighted error messages in-line in the code or
    (c) some other more visual-designer-oriented signalling technique or
    (d) a combination of several of the above
would be a design issue for Adobe. This would not be a trivial exercise for Adobe, but the functionality would be reusable, i.e. transferable into other products.
After all, the only reason for such tables or diagrams is to render complex state transitions understandable by humans, and these two techniques have proved extremely useful for many decades in many areas of design - programming, electronic circuit design, machine design, business process design......
Re. Catalys, it's just a classic program design application, with some whizzy UI graphics that need to display, disappear, change colour, glow, shimmer, move, .... in predictable and desirable ways.
The original pinball machines used mechanical relays to implement their underlying state transition diagrams; pinball designers needed to understand at least two things (a) complex state transitions and (b) a well designed UI. From this point of view, Catalyst looks like a pinball design panel!

Is there a way to make state transitions/animations of a fl.control states - button for example ?

Is there a way to make state transitions/animations of a fl.control states - button for example ?
All I can do now is change the skin design and that's it, I can't animate between states like I can with Flash Builder skins. So is there a way to do that, any technique or I have to create a button component from scratch?
Thanks!

simplebuttons have upState etc properties you can use to assign movieclips to the 3 states. you can use the currentFrame property of movieclps to (appear to) smoothly transition from one state to another.

Can I turn off fade transition between photos in iPhoto 09?

When browsing photos full screen in iPhoto 09 (using the arrow keys to advance photos) there is a fade effect inserted at the transition between photos. This was not there in iPhoto 08, and I think I actually liked it better without the fade.
Is there a way to turn off the fade transition in iPhoto 09?

No - it is not an option
You can request Apple to consider a change in a future update - iPhoto menu ==> provide iPhoto feedback
LN
Message was edited by: LarryHN

Basic transition between two pictures (MCs)

I'm trying to implement a typical gallery fade transition
between two pictures when a thumbnail is clicked, but the tweens
aren't showing. The individual pic information is loaded from an
XML file, not the library. The correct picture is displayed, but it
just flickers as if I was doing a straight assignment and the
tweens weren't even there.
I've got one MC on the top layer to hold the old image, and
one on the bottom layer to load the new image. When it's loaded I
want to fade out the top and fade in the bottom. At one point while
playing around I did get one of the tweens to work but at the wrong
time, so is this a timing issue?
A nudge in the right direction would be appreciated!
David

Not really, it was more for organizational purposes when I
was starting out. At this point it's all down in just one layer.
As I understand it, the screen does not update during the
event, only after. Which would explain why things aren't doing what
I expect. But if that's the case, where should the transitions be
implemented? Every example I've found so far has all the images
added to the library at design time, or does a workaround like
having the image slide in and out of the screen so you don't need a
transition.
I tried putting the tweens in the photoLoader complete event
and that didn't work either.
David

Is there a way to apply the same transition between all clips?

Or is there a way to apply random transitions? Either way I'm too lazy to drag a transition between every clip and hope there's a bulk way I haven't found yet. I'm using iMovie HD 6.0.2 (267).
Thanks!
--Daniel

Daniel,
To apply the same transition between all clips, select all the clips, select the transition (and timing) then click ADD (at the bottom right of the transitions screen). The transitions will be rendered, one at a time between all the clips. If you wish to change the transition, again select the required clips, select the new transition, then click UPDATE.
I'm not aware of any way to apply random transitions.
John

States, Transitions and Reparent in Flex 4

Hi,
I'm trying to control exactly when certain changes occur between states in a transition.
One thing I can't seem to control is when the Reparent action takes place in a state transition. What I want to do is move the targeted component into position and resize it before reparenting it. Otherwise the component causes layout issues in its new parent. The raparenting seems to take place at the beginning of the transition no matter what I do.
Surely this is possible? It certainly makes sense to be able to do it. If anybody has some info I'd be really grateful. There's very little coverage of advanced control of states in the way I wish to achieve.
Thanks!

Good advice Corey.
I've filed a bug report. Here's the link: http://bugs.adobe.com/jira/browse/SDK-26414
If anybody gets stuck with this, then please vote for it to be resolved.
Thanks!

Faulty Transitions (green screen) in burned DVD and no play on iMac

I made my first DVD with iDVD '08 this week and initially all seemed to be OK.
It contains 7 slide shows and 7 movies, total size 4.02 GB.
The problems I have since found are are :-
1. The DVD will not play in my iMac 24", the menus judder or lock up, and the movies judder and skip. When I play the DVD in a real DVD player the menus and movies are fine.
2. On the DVD player the slide shows are OK to start with, having the correct 'Dissolve' transition between sides. The problem is that after about 30 slides the transition is replaced by a green screen between slides.
When I view the DVD in iDVD it works OK, but not when burned.
I also exported a disc image and that also has the same transition issues, so it looks like iDVD is outputting faulty files.
I redid my DVD in a different theme and removed the slide transitions which reduced the DVD to less than 2GB, it seems to work OK now, but I would like to use transitions at some point!
Ian

Ian,
I made a project with only one "drop zone" slideshow by pulling 99 pictures from the media iPhoto window with dissolve transitions.
It failed with about a dozen green screen transitions in the end of the slide show.
I remove one picture reducing the count to 98.
It was good. No green screen transitions.
I saved as .img to eliminate disc problems.
I repeated the test for several themes especially 7.0s which others have found to be problems.
I tested all qualities and both ratios.
With my 20"iMac 99 pictures in one slide show fail, 98 and less work.
I don't understand why your project with slide shows of less than 98 pictures is not working.
Your total project was relatively large and could be a memory error. I suggest testing a smaller project, it won't drive you so crazy waiting an hour or more for each processing cycle.
There are certainly other concerns such as free disc space and RAM etc, and before the latest updates push from iPhoto to iDVD produced different results than pull to iDVD from iPhoto, etc.
History: the 99 limit was the reality that many DVD player will buffer overflow at more than 99 chapters (each picture is seen as a chapter). The original iDVD limited each slide show to 99.
Recent releases allowed as many pictures in one slide show 'drop zone' as desired.
I have been limiting myself to 99 so they will play on most DVD players.
The 99 number and info you quoted from Apple guidelines I find to now be wrong.
They have a bug.
I suggest sending a bug report from iDVD.
I'm an engineer and I've been messing with this for a week trying to get a project out.
Hope this helps
Best wishes
Chris

What happen if i use controll break statement in between select & endselect

Hi all,
what happen if i use controll break statement in between select & endselect ?
Thanks in Advance
KR

Hi for reference u can go through this code example
data:
fs_tab like sflight.
data:
   t_tab like standard table of fs_tab.
   select * from sflight into table t_tab.
   loop at t_tab into fs_tab.
     write: / fs_tab-carrid.
   endloop.
   refresh t_tab.
   clear fs_tab.
   select * from sflight into fs_tab.
     at new fs_tab-carrid.
       append fs_tab to t_tab.
     endat.
   endselect.

How can i make a transition between clips on cutaway?

how can i make a transition between clips on cutaway?

ninafromlisboa wrote:
But if I want ONLY fade out (or in) I can't do it...
OK, I understand what you mean now! I assumed you were asking about the normal Fade In or Fade Out using the transition from the Transitions panel. But I guess you mean the Fade function specific to a Cutaway. When you double-click on a Cutaway the Inspector opens. Here you can set the Cutaway Fade duration. But as you say, it only provides for both fade in and fade out as one operation - you can't set the fades individually (it's both or nothing).
BUT, try the method outlined by Karsten Schluter above. It will give you the same effect and will enable you to fade either side of the Cutaway (or add other transitions).
John

Can you display multiple photos on one page with slide tool to transition between them?

Hi Folks,
I have a series of photos taken from the exact same location but on different days. I would like to display them on one page but use a slide tool/bar to move or transition between the photos. If the slide bar can display the date of the photo then that would be great.
Can this be done in adobe?
Any help would be great.
Thanks.

A Steve mentioned you can use a button to display an image. If you use JavaScript, you wouldn't have to show/hide multiple buttons but could instead dynamically set the button icon programmatically. The setup for something like this is a bit involved, but it's not overly complicated. Post again if you'd like more details.
The slide bar is the thing that would have to faked as there is no such built-in control, but something functionally equivalent could be done, it just may not behave as smoothly as you want.

Hello. after updating to Ios 8 my iPhone is terribly! Discharged very quickly, many transitions between applications, the program takes off, ringtones do not work - works a standard call, the keyboard freezes, bad messages are sent, often loses the n

Hello. after updating to Ios 8 my iPhone is terribly! Discharged very quickly, many transitions between applications, the program takes off, ringtones do not work - works a standard call, the keyboard freezes, bad messages are sent, often loses the network. what have you done with your phone moym ?! solve all these problems! I beg of you!

Hello. after updating to Ios 8 my iPhone is terribly! Discharged very quickly, many transitions between applications, the program takes off, ringtones do not work - works a standard call, the keyboard freezes, bad messages are sent, often loses the network. what have you done with your phone moym ?! solve all these problems! I beg of you!

PPP Dialup cnx fails - Mica modem never completes state transitions

I have a NAS (LAC) serving PPP calls over PSTN for multiple customers and for this particular connection, the call always drops at the 'State Transition to Ranging". I have another CE router succesfully calling the NAS and usingeaxctly the same external modem, so it proves the NAS works correctly.
What's the 'Ranging state'? What happens here? What causes the Mica modem to go into that state?   Any help to solve this problem will be very much appreciated.
NAS Details:
Cisco Internetwork Operating System Software
IOS (tm) 5300 Software (C5300-J-M), Version 12.3(22), RELEASE SOFTWARE (fc2)
cisco AS5300 (R4K) processor (revision A.32) with 65536K/16384K bytes of memory.
NAS Debugging output:
Mar 1 17:05:22 UTC: VDEV_ALLOCATE: 1/33 is allocated
Mar 1 17:05:22 UTC: EVENT_FROM_ISDN: dchan_idb=0x623BA450, call_id=0x2E41, ces=0x1
   bchan=0xD, event=0x1, cause=0x0
Mar 1 17:05:22 UTC: dev in call to isdn : set dnis_collected & fap_notify
Mar 1 17:05:22 UTC: EVENT_FROM_ISDN:(2E41): DEV_INCALL at slot 1, port 33
Mar 1 17:05:22 UTC: EVENT_FROM_ISDN: decode:calling oct3 0x21, called oct3 0xA1, oct3a 0x83,mask 0x3F
Mar 1 17:05:22 UTC: EVENT_FROM_ISDN: csm_call_info:calling oct3 0x21, called oct3 0xA1, oct3a 0x83,mask 0x3F
Mar 1 17:05:22 UTC: CSM_PROC_IDLE: CSM_EVENT_ISDN_CALL at slot 1, port 33
Mar 1 17:05:22 UTC: Mica Modem(1/33): Configure(0x1 = 0x0)
Mar 1 17:05:22 UTC: Mica Modem(1/33): Configure(0x23 = 0x0)
Mar 1 17:05:22 UTC: Mica Modem(1/33): Call Setup
Mar 1 17:05:22 UTC: csm_connect_pri_vdev: TS allocated at bp_stream 1, bp_Ch 3, vdev_common 0x61D53E9C 1/33
Mar 1 17:05:23 UTC: Mica Modem(1/33): State Transition to Call Setup
Mar 1 17:05:23 UTC: Mica Modem(1/33): Went offhook
Mar 1 17:05:23 UTC: CSM_PROC_IC2_RING: CSM_EVENT_MODEM_OFFHOOK at slot 1, port 33
Mar 1 17:05:23 UTC: EVENT_FROM_ISDN: dchan_idb=0x623BA450, call_id=0x2E41, ces=0x1
   bchan=0xD, event=0x4, cause=0x0
Mar 1 17:05:23 UTC: EVENT_FROM_ISDN:(2E41): DEV_CONNECTED at slot 1, port 33
Mar 1 17:05:23 UTC: CSM_PROC_IC6_WAIT_FOR_CONNECT: CSM_EVENT_ISDN_CONNECTED at slot 1, port 33
Mar 1 17:05:23 UTC: Mica Modem(1/33): Link Initiate
Mar 1 17:05:23 UTC: %ISDN-6-CONNECT: Interface Serial0:13 is now connected to 02155915479 N/A
Mar 1 17:05:24 UTC: Mica Modem(1/33): State Transition to Connect
Mar 1 17:05:24 UTC: Mica Modem(1/33): State Transition to V8bis Exchange
Mar 1 17:05:28 UTC: Mica Modem(1/33): State Transition to Link
Mar 1 17:05:32 UTC: Mica Modem(1/33): State Transition to Ranging <- !!!!!! Call drops here *******
Mar 1 17:05:59 UTC: %ISDN-6-DISCONNECT: Interface Serial0:13 disconnected from 02155915479 , call lasted 36 seconds
Mar 1 17:05:59 UTC: EVENT_FROM_ISDN: dchan_idb=0x623BA450, call_id=0x2E41, ces=0x1
   bchan=0xD, event=0x0, cause=0x10
Mar 1 17:05:59 UTC: EVENT_FROM_ISDN:(2E41): DEV_IDLE at slot 1, port 33
Mar 1 17:05:59 UTC: CSM_PROC_IC7_OC6_CONNECTED: CSM_EVENT_ISDN_DISCONNECTED at slot 1, port 33
Mar 1 17:05:59 UTC: Mica Modem(1/33): Link Terminate(0x6)
Mar 1 17:05:59 UTC: CSM(1/33): Enter csm_enter_disconnecting_state
Mar 1 17:06:00 UTC: EVENT_FROM_ISDN: dchan_idb=0x623BA450, call_id=0x2E41, ces=0x1
   bchan=0xD, event=0x0, cause=0x0
Mar 1 17:06:00 UTC: VDEV_DEALLOCATE: slot 1, port 33 is deallocated
Mar 1 17:06:00 UTC: Mica Modem(1/33): State Transition to Terminating
Mar 1 17:06:00 UTC: Mica Modem(1/33): State Transition to Idle
Mar 1 17:06:00 UTC: Mica Modem(1/33): Went onhook
Mar 1 17:06:00 UTC: CSM_PROC_IC8_OC8_DISCONNECTING: CSM_EVENT_MODEM_ONHOOK at slot 1, port 33
Mar 1 17:06:00 UTC: CSM(1/33): Enter csm_enter_idle_state
CE Router Details:
Cisco IOS Software, 2800 Software (C2800NM-ADVENTERPRISEK9-M), Version 12.4(25a), RELEASE SOFTWARE (fc2)
CE External Modem: Paradyne3920
chat-script:
ABORT ERROR ABORT BUSY ABORT "NO ANSWER" "" AT&F\\D1\\Q3M0&D2&R0&S1S55=1S0=2&W OK "ATDT \T" TIMEOUT 60 CONNECT \c

How do I add a transition between every clip in Premiere Elements 11?

Greetings -
Folks, I'm looking for a feature that even the cheesy old Windows Movie Maker used to have. I'm trying to figure out how to get Premiere Elements 11 to add a transition between every clip via some shortcut/quick means. I find it obnoxious and inefficient that I need to manually drag a transition between every clip. If I import 200 short clips that I took with my point and shoot camera, it'll take me over an hour alone just to put the transitions in place.
Is there any way to select a transition and have Premiere Elements add it between every clip? I've stumbled on the fact that you can click a transition and make it the "Default" but have not been able to figure out what that does for me.
Any help is appreciated.
Thank you.
Andy

CDR0920 wrote:
........... but the time was set by defaul as 0 seconds and I have not been able to change that. Tips???
I think trying Edit > Preferences > General > Video Default Transition Duration will fix it. Mine came with 30 frames set at installation.
Bill S

Modeling state transitions between screens

Similar Messages

Maybe you are looking for