Flex :: View State Transitions Optimize For Mobile?
Jul 26, 2011
I have decided to go the route of using ViewNavigator and having one view with 3 states. Each state is a "page". It runs just fine on the desktop but when compiled for mobile, the transitions between the pages is really laggy, even for the Samsung Galaxy S. The phone has the 2.7 runtime and I recompiled my application with ADT 2.7, still no performance increase.
I have also tried cacheAsBitmapMatrix on all 3 pages, which are all contained in a VBox and that hasn't shown any significant performance bumps. All I'm changing is the y component of the VBox for each transition.
EDIT: I have done some more research and I am now to the point where I have hardware acceleration turned on and cacheAsBitmap = true and cacheAsBitmapMatrix = new Matrix(). I am also using Stats.as to see the FPS. I notice on my state changes I go from 25 FPS to 2 and then it goes back up again.
I'm loading an image from an async database in every view of my app. I'm using a view transition in Pop/PushView to change between views.Problem: The image loads after the ViewTransition is complete, instead of before.
And the code:
private function NextView():void { selectStmt = new SQLStatement(); selectStmt.sqlConnection = conn;
I built a simple hello world app to check out the Flash Builder 4.5 mobile capabilities.Here's how it works:The Default View asks for name in an textinput and has a continue button.When you click the continue button it pushes a new view in the viewNavigator which just displays "Hello " + name in a label.When you click anywhere in this view, it pops a view (i.e. itself) from the viewNavigator, to go back to the default view
I see only 1 issue with this:When I get back to the default view, it is in its initial state, i.e. the textInput is blank. It seems as if the viewNavigator created a new view of the default view's class and pushed this, instead of just removing the top view and displaying the previous one.I see this being especially problematic for programs which display data in a grid and you can click the data to view the detail...when you get back, the grid will be empty.
I'm trying to create a custom view (one that is not 100% listview, for example), mix and matching images and labels.One issue is that when the label overflows greater than the screen height, the rest just gets off. I had assumed scrolling or touch-drag scrolling would be automatically enabled? How do you enable the touch-drag scrolling that happens naturally in list view?
I am learning Flex and trying to make a simple RPG to practice. I am using view states to change between screens. right now I have a HomeView.mxml which displays my character information, InventoryView.mxml which shows my inventory items, and EquipmentView.mxml which shows the equipped items. They each have their respective view states.
in my main mxml file, i create a global variable for the character and an ArrayCollection of items in the game. it creates 2 labels in mxml for Inventory and Equipment and when i click on the label it calls a click handler which sets currentState="EquipmentView" or "InventoryView" This works and the state changes and the respective views are shown properly. My problem is in my EquipmentView state. When i enter the state the first time, it has a creationComplete function which displays images for my equipment and sets a click handler. when i click the item, it "unequips" it and removes it from the equipment list and removes the image. this also works fine, but when I go to my inventory view and "equip" an item and return to the EquipmentView, the image does not show. I have a label which counts the length of my equipmentList variable and that is accurate when i switch views, but i cant get the image to display again. Is there a way to call my displayEquippedItems() function (which is originally called on creationComplete) when the view is changed?
I have four views:1.SplitView (main view)2.SplitViewHomeView(root Panel)3.SimpleView(Right panel)4.Details(child of Right Panel View).I am trying to accomplish the split view as in Ipad in adobe flex mobile.But unable to connect the root panel to right panel...Can any one suggest the path to me.My Code is below
I have one list, which the item render it`s like this:link. But now I need to enable or disable the button delete depends the view state which my List is inside. This is my view(which contains the list):
In Flex Builder 3, I am trying to access the main applications view state from within a component.On initialize I show the Loginpage-component. When I click the login button I want to hide the loginpage and show my "controlpanel" page, which also is a component.I try with this, and also placing this function in the main application.[code]
In Flex 4.5 for mobile is it possible to check if there is > 1 view on a navigation stack and display a back button accordingly? If so how can I do this?My application is based ons:ViewNavigatorApplicationI'm adding a back button like this
my problem is when i create a button in state 1 and click on it according to code it should make a group in another state named as expand. However according to my code it is still making group in current state 1.
My name is Ross Przybylski. I am a fellow Adobe Flash developer veteran, and, like many of you, I am determined to find a way to achieve optimal performance for Flash games being ported to mobile devices.
I have 2 goals for this post:
1) Define the particular type of game I am trying to make cross-platform in hopes that fellow developers can offer ideas for the best approach
2) Share the various optimization techniques I have discovered and explored thus far in hopes that they will help other developers find the resources they need to port their own Flash games to mobile platforms
How to Optimize a Flash Turn-Based Strategy Game for Mobile Devices
I have created a multiplayer, turn-based tactical strategy game in Flash called Hero Mages (url...) and my goal is to port this game to Android, iPad, and iPhone using my existing AS3 code.
The game characters are represented in a two-dimensional, top-down perspective grid as animated unit models. For the PC/web-based version of the game, unit animations are accomplished via timeline based vector animations stored within movie clips. There are currently 21 unique models, 15 different animations per model, and between 300-450 unique frames per model. As a turn-based game, typically only one model will move/animate at a time, though two or more models may also engage in combat (attack/block/take damage from spells, etc.) in which case several animations may take place at the same time.[code]...
I'm developing an ActionScript mobile project for Android. When I add the following import, compiler says that is not found. import fl.transitions.Tween; How can I use Tween with mobile projects?
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?
I have a program with a list of item. An item is an actionScript class that extends View. When I click on the list, it push the view. In the constructor of this class I add some buttons and I have a function that add another button.My problem is that the view display only the button create in the constructor and not the one create in the function.[code]...
I have a program with a list of item. An item is an actionScript class that extends View. When I click on the list, it push the view. In the constructor of this class I add some buttons and I have a function that add another button. My problem is that the view display only the button create in the constructor and not the one create in the function.
I am a beginner developer in Flex, and I have been using viewstates lately. I had a couple of custom popup titlewindow components that are initialized using[code]...
They both contain view states already, and are very similar so I wanted to combione them into one popup titlewindow and change view state on initialisation of the popup to either the Create version of the popup or the Update.
I thought I was being smart haha, but I realized soon after refactoring my code that, I as far as I know I can't pass parameters to the popup to indicate which state I want, if it is created using the PopUpManager.
Does anyone know how to pass parameters to the PopupManager, or create the ContentCreate component(TitleWindow) in mxml or code so I can specify the view state?
I would like to move (right or left according the current view) between 2 views when I move my finger on the mobile screen; for example with Google+ mobile application, in profil section, you can change the view just on move your finger on the screen, and the offset and the moving speed must be checked before change complete view.
I'm currently using RobotLegs with the Presentation Model pattern to develop a Flex 4 project. I understand that all business logic related to a View resides in the Presentation Model associated with that view, however, I am confused when it comes to View specific logic.For example, I have an indicator that needs to be positioned relatively to list items depending on which list item is selected. Is it acceptable in the Presentation pattern to put the logic that will position the indicator in the View and simply have that logic run in reaction to a selectedIndex property changing in the presentation model?The reason I am considering this is that since the Presentation Model does not have a reference to the view it is difficult to come up with an ideal solution for manipulating view components.
It's my understanding that view states can be useful when switching the layout of design elements. Such as, a loading page as one state and the main application design in another state. Is this the correct use of them? Additionally, I have a label in State1 and I cannot figure out how to access that label via actionscript. labelID.text = "New Text"; is not working.
I'm using Flex 4.5 and trying to take advantage of the new state groups feature. I have two States (call them readType1 and readType2) that both belong to the same stateGroup (call it readOnly). There are several places where I'd like to do something based on the current state, and it would be the same thing for the two read states. [code]...
In my air project i used current state size is width="441" height="358" . i have link button like Singin then move to singin state (currentstate='singin')
So application resize into 616,919 . After that function finished move to current state like(currentstate='') But size not be changed . How can i set the size for current state?
I want to fade all the elements of the next state when transitioning from any state.I tried different things but I can't get it to work. And I don't want to manually add transitions for every state.
Which is a pretty small component and I have panelContainer:
[Code]...
Whilst the user is reading the warm and fuzzy welcome note in the welcome state I want to be creating the big expensive panels state so taht when we switch there is no delay. Before the panels state is set panelView is null but I presume there must be an IDefferredInstance floating around somewhere that I can use to kick off the creation of the view. How can I get hold of it?
I have one .mxml file (the Application) with a ViewStack (with 4 views) and a ControlBard, obviously I can change the views with it, but what I want to do is: in view #1 I have an image which I want to convert to a "hyperlink", so when I click it I go to View #2, is this doable? Also I would like to pass somehow some data (like a String) to that View #2 (lets say the it's a user avatar I click so I want to go to the second view which will show me his profile, that's why I need his name/id).
My problem is that when I try to pass an object from the navigator.pushView(view, dataobject), I can't figure out how to access the dataobject from actionscript. I can access {dataobject.property} from MXML easily, but I want to set a variable in the new view to the passed dataobjects property.
I have a question about making flash games in Flex.Right now I am developing a 2D fighting game, here's the link[url]...
However, I am not sure how efficient I programmed the main loop.
Since I have never read a tutorial or seen any other Adobe Flex games out there, I didn't know how to implement them. I have a Timer instance that calls an update function every 24 frames, which updates all of the game objects and views. [code]...
