farnoux's gists

lets_begin.rb

puts "Let's begin"

skinnable_list_ir.css

.list {
  ...
  item-renderer-style-name : "listItemRenderer";
}

.listItemRenderer {
  color :           #000000;
  over-color :      #000000;
  selected-color :  #00559B;
  skin :            ClassReference( "assets.skins.ItemRendererSkin" );
  selected-skin :   ClassReference( "assets.skins.SelectedItemRendererSkin" );
  vertical-align :  middle;
  padding-left :    10;
}

skinnable_list_ir.mxml

<mx:Array id="animals">
  <mx:Object label="Cat" />
  <mx:Object label="Dog" />
  <mx:Object label="Monkey" />
  <mx:Object label="Tiger" />
  <mx:Object label="Bird" />
  <mx:Object label="Butterfly" />
</mx:Array>
 
<mx:Canvas styleName="main"
           left="190"
           top="0"
           bottom="0"
           right="0" />
 
<list:SkinnableList id="list"
                    dataProvider="{ animals }"
                    rowHeight="30"
                    styleName="list"
                    top="10"
                    bottom="10"
                    width="190" />