Mike Orth – Booya!

Flex, Actionscript

Archive for the 'Flex' Category

Slider Increment – snapInterval

For future reference, trying to remember what the property name was for the interval or step size for a slider. The property is named “snapInterval”

No comments

Targeting the Right Component for Transitions

When doing any state transitions, you have to be sure to specify the intended target. For instance, recently I was debugging some client code to see why a fade wasn’t working. It turned out that the target was set to the parent group instead of each specific component.

    <s:transitions>
        <s:Transition fromState="*" toState="*">

<!--    INCORRECT way of doing it:
           Don't target the parent container-->

        <s:Fade target="{[content]}"/>
       
            <!--CORRECT: target each specific component-->
            <s:Fade targets="{[pageOne, pageTwo]}"/>
        </s:Transition>
    </s:transitions>

<s:Group id="content">
       <local:PageOne id="pageOne" includeIn="one"/>
       <local:PageTwo id="pageTwo" includeIn="two"/>
</s:Group>

In this case, you need to target pageOne and pageTwo, NOT content.

No comments

Flex Formatter

After moving from projects that religiously used FlexFormatter to one that didn’t, I realized just how nice this plugin is. If by chance you haven’t heard of it, FlexFormatter is an eclipse plugin that will format spaces, tabs, declarations, reorder properties & functions, indent, and lots more.

To install, use the update site http://flexformatter.googlecode.com/svn/trunk/FlexFormatter/FlexPrettyPrintCommandUpdateSite.

No comments

MikeOrthLib updated

I added a lot of new custom Flex components to my library, MikeOrthLib. It includes a PagedDataGrid control, some handy popup base classes, and other utility components.


Check out the example application
(work in progress).

Visit the project home page.

No comments

360|Flex San Jose

I just got back from 360|Flex conference in San Jose. I got to meet a lot of cool people, as well as put faces to several fellow Universal Mind guys. At past 360s, you had to search to find someone with a PC because it was overwhelmingly Macs, but I was surprised at the amount of PCs I saw this time. There was also a lot of focus on mobile development. Looking forward to next time.

1 comment

Playing with 3D Rotation in Flex 4

I wanted to experiment with the new 3D features in Flex 4 Gumbo, so I made this simple rotate demo. Your mouse controls the rotation of the paw. I used the new functionality of

AnimateFilter

&

SimpleMotionPath

for the ‘info’ button effects and when clicking the paw. Rather than use the Rotate3D effect, I am just setting the rotation properties on MouseMove.

Click for demo

3d Paw Logo

This was done for my good friends at CFBgaming.com.

No comments

Skinning Flex 4 slides, Uber-Basic Example Button Skin

Here are my slides from Flex Flash Camp along with an uber-basic example button skin that shows a quick breakdown of a Spark Skin. Great for those who haven’t had time yet to really peer into Flex 4 skins. Look for more advanced skinning topics soon.

<?xml version="1.0" encoding="utf-8"?>
<!--
     UBER-BASIC BUTTON SKIN EXAMPLE
       Demonstates:
         - States
         - FXG Graphics
         - Skin Parts  
     Mike Orth 2009
-->
<s:Skin
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    >
   
   
    <fx:Metadata>
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
   
    <!--SKIN STATES-->
    <s:states>
        <mx:State name="up"/>
        <mx:State name="down"/>
        <mx:State name="over"/>
        <mx:State name="disabled"/>
    </s:states>
   
   
    <!--graphical elements-->
    <s:Rect top="0" bottom="0" left="0" right="0">

        <s:stroke>
            <mx:SolidColorStroke color="0x000000"/>
        </s:stroke>
        <s:fill>
            <mx:SolidColor color="0xFF00CC"/>
        </s:fill>
    </s:Rect>
   
    <!--SKIN PARTS-->
    <s:SimpleText id="labelElement"
        top="5" bottom="5" left="20" right="20" />
</s:Skin>
3 comments

Flex Flash Camp Presentation, slides on Flex 4 Skinning coming soon

My presentation on Skinning in Flex 4 from the Adobe User Group Tour & Flex / Flash Camp will be up soon.  It covers the basics of what has changed for skinning and styling.  The demos walk you through creating a new skin and how certain aspects affect the end result.  I had a great time meeting more people from 615Flex.  Matthew did an awesome job of getting the event organized and off the ground.

Special thanks to Greg Wilson from Adboe, all the attendaes & presenters.

Flex / Flash Camp, Adboe User Group Tour

3 comments

Flash Builder 4 Beta / FB3 – “Removing compiler problem markers” error

If you’ve played with the new Flash Builder 4 Beta, you may have wanted to test out your existing projects in it.  And like me, you may have just quickly pointed it to an existing workspace to import a project.  If you haven’t – DON’T.  Once you switch back to Flex Builder 3, you will start getting An internal error occurred during “Removing compiler problem markers…”

This is because FB4 is built on a different version of Eclipse and modifies your workspace files (not your .project files), i.e. it hoses your existing workspace. To get rid of it, just create a new workspace in FB3 and import your projects there.

1 comment

How to use a DataGrid with no column headers

This is one of those quirky things that is not all that well documented.  I had a client that needed a datagrid but didn’t want the header row.  It sparked the memory of struggling to find how to do this the first time I needed it.  So hopefully this will help end your search for the answer

<mx:DataGrid showHeaders=false/>
No comments

Next Page »

Google Tracking Code