How to switch from different views when a common button is clicked on using View states concept

Question

Hi
i have  made a single form for both Login Screen and Registration screen with two states :
1. BaseState which is the curret state of  state of My application
2.registrationstate 
I have a common button for changing from one view to another view .(Not related to any of the state)
At first the Login screen is loaded , and when the common  button is clicked , i want to switch to Registration Screen .
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
    <![CDATA[
// Logic for common button needed .
    public function handleMe(event:MouseEvent):void
    ]]>
</mx:Script>
    <mx:states>
        <mx:State name="registrationstate">
            <mx:SetProperty target="{formitem1}" name="label" value="Email"/>
            <mx:SetProperty target="{button1}" name="label" value="Change state to Login"/>
        </mx:State>
    </mx:states>
    <mx:Form x="248" y="158">
        <mx:FormItem label="User Name" fontWeight="bold" id="formitem1">
            <mx:TextInput/>
        </mx:FormItem>
    </mx:Form>
<!-- This is my coomon button-->
    <mx:Button
        click="handleMe(event)"  
        x="297" y="261" label="Change state to Registration" id="button1"/>
</mx:Application>

Answer 1

Originally I could not get that to work, but now I have it working:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
    <![CDATA[
      import mx.controls.Alert;
      public function handleMe(event:MouseEvent):void{  
        trace(this.currentState); 
        if(currentState=="" || currentState == null){
          mx.controls.Alert.show("base state");
          currentState = "registrationstate"; 
        }else if(currentState=="registrationstate"){
          mx.controls.Alert.show("registrationstate");
          currentState = ""; 
    ]]>
  </mx:Script>
  <mx:states>
    <mx:State name="registrationstate">
      <mx:SetProperty target="{formitem1}" name="label" value="Email"/>
      <mx:SetProperty target="{button1}" name="label" value="Change state to Login"/>
    </mx:State>
  </mx:states>
  <mx:Form x="248" y="158">
    <mx:FormItem label="User Name" fontWeight="bold" id="formitem1">
      <mx:TextInput/>
    </mx:FormItem>
  </mx:Form>
  <mx:Button click="handleMe(event)" x="297" y="261"
    label="Change state to Registration" id="button1"/>
</mx:Application>
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services