Flex :: Changing View States - Making Group Incurrent State
Sep 26, 2011
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.
I want to change the view states in my flex app when it resizes in the browser window.I have the swf embedded at 100% x 100%. So when the user resizes the window below a certain width, I want to switch to a different state. I tried adding an event listener like this, but it only fires the event when I resize the swf outside the browser, not inside. I used:
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]...
I have a mobile app where I have 3 states in it. There is the default portrait and landscape and I would to add a third state that includes the other two.
I've just found out about View States in Flex (v3.0), but I am not really sure how widely this is used in real-world applications. Is it a good practice to use it? Are there any pitfalls such as maintainability for instance?
Is it possible, in flex, to assign multiple states as base for another state? Say I have state "stateA" that adds a button "buttonA" and state "stateB" that adds a button "buttonB". Is it possible to create a state "stateC" that is based on state "stateA" and "stateB"? If not, is there a workaround to accomplish that? Also notice that the button IDs should be "buttonA" and "buttonB" and I can't have several buttons in different states with the same ID ... Here is an example of what I want:
I'm interested in finding out the best approach to this issue, it's not technically difficult but there must be an elegant solution. Basically i have a form that features mostly text inputs, i would like to change the style of the input boxes based on the current state. I can do this in the mxml on each input...
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 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 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]
I have used states in my application.The thing is I have made the first item in my list to be selected. so I gave like this,
if(itemIndex == 0) this.currentState="selected";
this works fine.The problem is when other item is selected the first item does not change its state,it remains in the selected state until its clicked.My code looks like this,
i want to create a container at runtime when ever i push a button at different places on my screen, for start lets just create only 1x of such container using a button .
I have a Flex TileList with an itemRenderer made by me. The list loads the content perfectly and renders it. Renderer is a simple canvas element with a checkbox and another canvas with some labels with data. I implemented a method that, on TileList itemClick="clickedItemHandler(event)", Changes the state of the checkbox (if checked -> uncheck, and vice versa). The method works if I click on any place of the item, EXCEPT the checkbox. When I click the checkbox, it doesn't change state. Maybe I was changing the state of the checkbox, and the event changing it back, but I debugged it and it doesn't look like so..
I have an application that takes the user through a set of steps, configuring a product, say about 10+ screens. With options to go back, skip to a certain point etc. I need to fade between these steps, and also have language switches available at any point.
I was thinking of using an MVC style pattern, having a master view that accepts a 'next view' and fades it in, removing the old.
It feels bloated to have 10+ separate view classes, using similar components for this task, so was wondering what other approaches there are that I should look into? or one that is suited for this kind of application
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've made a custom list itemRenderer with 2 buttons and a label. One button deletes the list entry (and thats not the problem) the second button would change the actual view.how I can change actual view within the itemrenderer ?
I am looking for some way of putting a link on my website that only members of group can view.The flash site is open to the public as an interest site but there are certain things for members of the group should see, example AGM Reports, committee members etc.URL... Any type of link would do, it does not have to go into the menu bar (password etc)
I am trying to build a flash website for my social group to login in and view certain things posted by the owner, me, and I only want certain members to view certain things like if I post a message to my treasurer about an invoice to design a graphic for a company and that I request this ammount to intialize the project, I would only want her to see that and nobody else. Is there a way to make that happen in AS3?
Like FaceBook: You can login and register for a new account. Post on your wall (which I don't want that feature). Send messages and receive messages to and from people. Invite people to upcoming events (which I would like to have a calendar that I can create new events and have my members view the calendar and RSVP). And like when your posting on your wall you can make privacy settings change (similar to what I want just not friends only or just me option, I want Everyone, 'names of everyone that is a member to post this to'.).
I have been working on a button class and ran into a little bit of a snag.
Here is the class I created: package { import flash.display.*; import flash.events.*;
[Code]....
Now while this class is working, I can't seem to figure out how to make it so when you click on one button it makes sure all the other buttons are sent back to the offState. I am using _mc's for my buttons. I think I need to put my buttons into an array and keep track of them at way, but I'm not sure about how to do that. Would I be able to get this effect to work in this .as file or would i need to write another one to control the buttons and where they are in there states(up/down/over).
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 started with flex for mobile a few months ago, and I find it very interesting. I am now building a mobile app, but I don't know how to go further.I have a TabbedViewNavigatorApplication, with 3 ViewNavigators. In one of these ViewNavigator, I want to change the content, but not the whole view (e.g. I don't want the actionbar to slide). Please have a look at the attached image. How to do this?
It's been a while since I've last posted, but I read a lot of others' posts, and try to keep up to date.My question is this:I have a group of images that are loaded up using xml into a movieclip. The movieclip is masked. I have 2 buttons, that scrolls the grouping either up or down. I would like to make these buttons inactive when the grouping of images is on it's last row, meaning when there is only one row of images shown on the screen/mask.
I have tried using hitArea, but I wasn't successful. This would be easy for me to achieve if I wasn't trying to make it a bit dynamic. Basically, someone would be updating the xml file with more nodes/images and the swf would update the list of images, thus making it difficult to hardcode when the list should stop scrolling.
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.