Thread: FlashFlex 2nd test release 03/26/09

***03 26 09 Big update ************

-Added indicator component
-changed naming convention
-new readme.txt documentation
-transparent ilist
-trying to see if rr coders can improve flash performance and reusing of swf files, see this thread to chime in:
RR 03-01-09 ... Couple more things..






***contents of readme.txt follow****

Welcome to FlashFlex!

FlashFlex is more than just a skin, it is a collection of custom programmed flash components that are designed to work with RR.

Feel free to sprinkle and dash these components into your skins as you like...

The concept is quite different, I don't think anything else like this has been done..the implementation is kinda crazy too!


The components are configured from the file name itself( tried using config files, to slow) , the commom naming convention is:



RFxx_array1_arra2_array3_array4_optional1_optional 2_optional3_optional4.swf

where:

RFxx = generic name of component, must start with RF, xx unique id of component.

array1, 2, 3 = usually rr command, indicator or label, component specific... enter 'xx' if not applicable

array4 = font info, (if needed) entered as follows fontsize^fontname^textcolor^alignment^boldtrue^ita lictrue e.g. 24^Arial Narrow^0xffffff^Bold_xx

the optional1 , 2, 3 are component specific again..

color info is enter as hex rgb values as such: 0xrrggbb, so 0xff0000 is red, 0x00ff00 is green and 0x0000ff is blue ....




the components so far are:



RFB1.swf - Button 1 - multi-purpose button, has about 50 built in icons... make copies of this file and set the file name accordingly:


array1 = icon name, look at iconnames.jpg in skin folder for list of icons and their names...sets the icon of the button
array2 = text on button if any, enter xx if no text... what you type for this value actually displays on button ...
array3 = rr command to execute
array4 = font info as described above, if no text ( ie xx) is entered for array2 then font info is not required so enter xx here too...
optional1 = button color, if xx is entered default color of black is used
optional2 = button finish, valid entries are: Normal(default), Metal, Grass, Wood, Rock. if xx is entered then default finish used

example of next track button used in my skin:

RFB1_Next_xx_NEXT_xx_xx_xx.swf

This button also can handle states and change dynamically depending on rr indicator or label states: the button is built as before but the following info is needed:

~whatstatetomonitor`isvalueofstatethis`new button definition if true

so, I have a button that monitors the rr 'STATUS' label, it is named as follows:

RFB1_PLAY_xx_PLAY_xx_xx_xx~STATUS`PLAY`PAUSE_xx_xx _xx_0x00ff00_xx&STATUS`PAUSE`PLAY_xx_xx_xx_0xffff0 0_xx&STATUS`STOP`PLAY_xx_xx_xx_0xff0000_xx.swf

depending on the play status the button changes color and the icon changes! super cool!

the first part before the ~ is the standard button definition, i then have 3 states seperated by an & , the states check if 'STATUS' = pause play or stop, and send new button defs if true..



RFB2.swf - Flash button 2 - Menu type button , no icons, good for menu's , make copies of swf and set file name accordingly:


array1 = text on button
array2 = rr command to execute
array3 = not used, enter xx
array4 = font info

example: my Music button in my menu.skin

RFB2_MUSIC_AUDIO_xx_18^Arial Narrow^0xFFFFFF^Center^xx^xx.swf


RFMI.swf - Flash Media and label info plus seek bar!

array1 = mode.. -seekbar mode

------enter color and alpha value ie 0x00ff00x70 for a green seekbar with 70% alpha transparency

-label/button mode

------enter rr command to execute upon touching component

-cycle mode
------ not yet implemented - will cycle through different rr labels upon touch

array2 = label to display

array3 = not used, enter xx

array4 = font info, one thing specific to this component is SCROLL setting for font alignment, will scroll text to left, BOUNCE setting to come...

optional1 = value for seek bar to follow, must be entered for seek bar mode
optional2 = max value of seekbar, must be entered for seek bar mode

example of my blue seekbar that scrolls current track :

RFMI_0x0000ffx75_TRACKNAME_xx_32^Arial Narrow^0xFFFFFF^SCROLL^xx^xx_CURRENTTRACKTIME_TRAC KTIME.swf

example of Kbps label displayed and stops play upon press:

RFMI_stop_KBPS_xx_32^Arial Narrow^0xFFFFFF^Center^xx^xx.swf


RFI1.swf Flash Indicator 1 multi-purpose indicator display, has about 50 built in icons... make copies of this file and set the file name accordingly:


array1 = indicator name, look at indicatornames.jpg in skin folder for list of indicator icons and their names...sets the icon of the indicator (jpg not done yet)
array2 = not used, enter xx
array3 = rr command to execute
array4 = font info as described above,no text for this component so enter xx .
optional1 = indicator color or alpha, 0x00000 for color # between 10-100 for alpha, alpha is good for bitmap based indiactors (only one so far 'network' , will be adding more)
optional2 = oops, forgot for now, just enter xx

example of shuffle indicator, sinilar to how states handled with rfb1

RFI1_shuffle_xx_SHUFFLE_xx_xx_xx~SHUFFLE`ON`xx_xx_ xx_xx_0x00ff00_xx&SHUFFLE`OFF`xx_xx_xx_xx_0x999999 _xx.swf

example of online or not using builtin bitmap indicator:

RFI1_network_xx_WEB_xx_100_xx~ONLINE`ON`xx_xx_xx_x x_100_xx&ONLINE`OFF`xx_xx_xx_xx_50_xx.swf



RFV1.swf Flash volume indicator...will probably merge this into RFI1 as the functionality is almost the same, but for now displays volume level and mutes on press as configured below:

RFV1_VOLUME_MUTE_xx_34^ARIAL Narrow^0xffffff^center^xx^xx~MUTE`ON`xx_xx_xx_34^A RIAL Narrow^0xff0000^center^xx^xx.swf


RFSH.swf beta of generic slider for mixers and other stuff

example of slider to control wave line

RFSH_SLD;VOL;WAVE_0_65535_xx_SETVOLUME;WAVE.swf



resource meter.swf

currently hardcoded to read RR cpu label, will make this customizable plus add additional style gauges check http://www.darkartistry.com/content/view/129/48/ for other gauges to be implemented.



tempo_v13.swf and smallflip.swf


the flip clocks seen in the screenshots. no RR customization. Props to twolf at xda-developers for these...
http://forum.xda-developers.com/showthread.php?t=403706 for more info and weather config


Thanks to all RR coders for RR, awesome platform...

Thanks to the artists/coders at flashden.net for the source and inspiration of the artwork in rfb1 and rfb2, check out this site for excellent and cheap flash content!!!


THATS it! these flash files constitute all the graphics and functionality you see..!

Basically, copies of these files are made and named to reflect what you want them to do.
These same file names are called upon and positioned in RR skin files.
If you use one button in many skin files only one copy of the swf file needs to exist.

Some buttons in my skin don't do anything , they do send out RR commands, but I haven't implemented the skin files yet..

myconfig.txt is to configure large flip clock.

******end of readme.txt***********

Good luck, all feedback is welcome, looking for bugs and performance feedback especially..


FlashFlex 032609, unrar and drop FlashFlex folder in skins folder...

http://www.mp3car.com/vbulletin/atta...flex032609.rar



VIDEO DEMO...[media]http://www.mp3car.com/vbulletin/attachments/rr-skins/54332d1236927727-new-flash-skin-new-video-03-13-09-1332009_26_55.avi[/media]