One of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The flexibility comes in handy when building custom working\/looking components. Button skins can be applied using the skin property with all of the states included in 1 skin class instead of four different images or symbols. You can even add transitional animations in between states.<\/p>\n
The WorkWatcher Header:<\/strong> For the header, we used 1(stripe) as a Flex component class and another as a background image with scale9grid turned applied. It took a couple tries to get things working purfectly, so the flexibility really helped and opened up possibilities that are not available to image files.<\/p>\n Note: Keeping your skins vector really has an advantage over bitmap skins, because of the way they work with the scale9grid. Scale9Grid works best in Flash with vector artwork, instead of bitmap. Even with scale9grid turned on in the MovieClip properties, the bitmap still stretches.<\/em><\/p>\n Flex Component Kit for Flash:<\/strong> You should also now have a Flex Skin Template that has all the major component skins. After publishing a new SWC file with be produced along with an swf(which we do not need). The SWC goes into the “libs” directory of your Flex project and the contained classes will be available for use in Flex. The hardest part is remembering the class names you made in Flash.<\/p>\n Using Flash Skins in Flex:<\/strong> If you have xmlns:local=”*” set in your applications properties, then the skinClasses will show up in Flex’s Class code complete list to declare variable types or mxml components. To use a skinComponent as a skin, you can apply them directly to the skin property in the mxml component or as a style.<\/p>\n Use for mxml Button:<\/p>\n Use as Style:<\/p>\n The Striped Header Sample:<\/p>\n Download the source here.<\/a><\/p>\n You can find more information in the Flash CS4 reference guide. The WorkWatcher Header:<\/strong> For the header, we used 1(stripe) as a Flex component class and another as a background image with scale9grid turned applied. It took a couple tries to get things working purfectly, so the flexibility really helped and opened up possibilities that are not available to image files.<\/p>\n Note: Keeping your skins vector really has an advantage over bitmap skins, because of the way they work with the scale9grid. Scale9Grid works best in Flash with vector artwork, instead of bitmap. Even with scale9grid turned on in the MovieClip properties, the bitmap still stretches.<\/em><\/p>\n Flex Component Kit for Flash:<\/strong> You should also now have a Flex Skin Template that has all the major component skins. After publishing a new SWC file with be produced along with an swf(which we do not need). The SWC goes into the “libs” directory of your Flex project and the contained classes will be available for use in Flex. The hardest part is remembering the class names you made in Flash.<\/p>\n Using Flash Skins in Flex:<\/strong> If you have xmlns:local=”*” set in your applications properties, then the skinClasses will show up in Flex’s Class code complete list to declare variable types or mxml components. To use a skinComponent as a skin, you can apply them directly to the skin property in the mxml component or as a style.<\/p>\n Use for mxml Button:<\/p>\n Use as Style:<\/p>\n The Striped Header Sample:<\/p>\n Download the source here.<\/a><\/p>\n You can find more information in the Flash CS4 reference guide. The WorkWatcher Header:<\/strong> For the header, we used 1(stripe) as a Flex component class and another as a background image with scale9grid turned applied. It took a couple tries to get things working purfectly, so the flexibility really helped and opened up possibilities that are not available to image files.<\/p>\n Note: Keeping your skins vector really has an advantage over bitmap skins, because of the way they work with the scale9grid. Scale9Grid works best in Flash with vector artwork, instead of bitmap. Even with scale9grid turned on in the MovieClip properties, the bitmap still stretches.<\/em><\/p>\n Flex Component Kit for Flash:<\/strong> You should also now have a Flex Skin Template that has all the major component skins. After publishing a new SWC file with be produced along with an swf(which we do not need). The SWC goes into the “libs” directory of your Flex project and the contained classes will be available for use in Flex. The hardest part is remembering the class names you made in Flash.<\/p>\n Using Flash Skins in Flex:<\/strong> If you have xmlns:local=”*” set in your applications properties, then the skinClasses will show up in Flex’s Class code complete list to declare variable types or mxml components. To use a skinComponent as a skin, you can apply them directly to the skin property in the mxml component or as a style.<\/p>\n Use for mxml Button:<\/p>\n Use as Style:<\/p>\n The Striped Header Sample:<\/p>\n Download the source here.<\/a><\/p>\n You can find more information in the Flash CS4 reference guide. The WorkWatcher Header:<\/strong> For the header, we used 1(stripe) as a Flex component class and another as a background image with scale9grid turned applied. It took a couple tries to get things working purfectly, so the flexibility really helped and opened up possibilities that are not available to image files.<\/p>\n Note: Keeping your skins vector really has an advantage over bitmap skins, because of the way they work with the scale9grid. Scale9Grid works best in Flash with vector artwork, instead of bitmap. Even with scale9grid turned on in the MovieClip properties, the bitmap still stretches.<\/em><\/p>\n Flex Component Kit for Flash:<\/strong> You should also now have a Flex Skin Template that has all the major component skins. After publishing a new SWC file with be produced along with an swf(which we do not need). The SWC goes into the “libs” directory of your Flex project and the contained classes will be available for use in Flex. The hardest part is remembering the class names you made in Flash.<\/p>\n Using Flash Skins in Flex:<\/strong> If you have xmlns:local=”*” set in your applications properties, then the skinClasses will show up in Flex’s Class code complete list to declare variable types or mxml components. To use a skinComponent as a skin, you can apply them directly to the skin property in the mxml component or as a style.<\/p>\n Use for mxml Button:<\/p>\n Use as Style:<\/p>\n The Striped Header Sample:<\/p>\n Download the source here.<\/a><\/p>\n You can find more information in the Flash CS4 reference guide. The WorkWatcher Header:<\/strong> For the header, we used 1(stripe) as a Flex component class and another as a background image with scale9grid turned applied. It took a couple tries to get things working purfectly, so the flexibility really helped and opened up possibilities that are not available to image files.<\/p>\n Note: Keeping your skins vector really has an advantage over bitmap skins, because of the way they work with the scale9grid. Scale9Grid works best in Flash with vector artwork, instead of bitmap. Even with scale9grid turned on in the MovieClip properties, the bitmap still stretches.<\/em><\/p>\n Flex Component Kit for Flash:<\/strong> You should also now have a Flex Skin Template that has all the major component skins. After publishing a new SWC file with be produced along with an swf(which we do not need). The SWC goes into the “libs” directory of your Flex project and the contained classes will be available for use in Flex. The hardest part is remembering the class names you made in Flash.<\/p>\n Using Flash Skins in Flex:<\/strong> If you have xmlns:local=”*” set in your applications properties, then the skinClasses will show up in Flex’s Class code complete list to declare variable types or mxml components. To use a skinComponent as a skin, you can apply them directly to the skin property in the mxml component or as a style.<\/p>\n Use for mxml Button:<\/p>\n Use as Style:<\/p>\n The Striped Header Sample:<\/p>\n Download the source here.<\/a><\/p>\n You can find more information in the Flash CS4 reference guide. A Hosted Solution with an AIR Application Client:<\/strong> WorkWatcher is a business management application, put together by people who have been managing development companies and developers for over 15 years. The application contains 11 tabs to manages things like Clients, Jobs, Team Members, Tasks, Hours, Payroll, and Profiles. Tabs are only visible to those with assigned privileges so this one application works for both Managers, Business Owners and Employees.<\/p>\n How it Works:<\/strong> Our Sales Pitch is This:<\/strong> WorkWatcher also includes a mobile interface, charts and for those who are really partial to spreadsheets, we have those too.<\/p>\n If you would like to try WorkWatcher for 1 month free and help us finalize all the features that will be in the final 1.0 release, send us an email at info@workwatcher.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" One of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The… Read the full article…<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[170,15],"tags":[87,213,218,216,219,215,214,217,212],"class_list":["post-133","post","type-post","status-publish","format-standard","hentry","category-flex-applications","category-general-info","tag-adobe-air","tag-business-management","tag-linux","tag-mac","tag-management-software","tag-payroll","tag-project-management","tag-windows","tag-workwatcher"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
\nWe developed WorkWatcher, there<\/a> buy<\/a> this<\/a> a business management AIR application<\/a>, cheapest<\/a> in Flex with all the skins designed in Illustrator and Flash. One of the interesting skins is the header bar with the stripes also needed to be able to stretch. The stripes are added or removed as the header width changes without distortion, seek<\/a> creating a true tiling effect.<\/p>\n
\n<\/p>\n
\nTo get started using Flash to build Flex components you will need to download the Flex Component Kit for Flash and the Flex Skin Design Extensions. (login to Adobe labs required)
\nOnce you have them installed, You will find a new menu item in the commands menu. Create all your skins or components as MovieClips, use the “Convert Symbol to Flex Component” menu command and publish.<\/p>\n
\nIf you add a stop() action to a keyframe in Flash, you will be able to import the SWC similar to how you import any other class.<\/p>\n\nimport TiledHeaderSkins_fla.MainTimeline;\n<\/pre>\n
\n
\nbackgroundImage: Embed(skinClass='HeaderBackground');\n<\/pre>\n
\n\n
\nhttp:\/\/help.adobe.com\/en_US\/Flash\/10.0_UsingFlash\/WSFD77A256-0DE1-46c7-86FB-CC4A8AE2EAA6.html<\/a>
\nOne of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The flexibility comes in handy when building custom working\/looking components. Button skins can be applied using the skin property with all of the states included in 1 skin class instead of four different images or symbols. You can even add transitional animations in between states.<\/p>\n
\nWe developed WorkWatcher, buy<\/a> this<\/a> a business management AIR application<\/a>, in Flex with all the skins designed in Illustrator and Flash. One of the interesting skins is the header bar with the stripes also needed to be able to stretch. The stripes are added or removed as the header width changes without distortion, creating a true tiling effect.<\/p>\n
\n<\/p>\n
\nTo get started using Flash to build Flex components you will need to download the Flex Component Kit for Flash and the Flex Skin Design Extensions. (login to Adobe labs required)
\nOnce you have them installed, You will find a new menu item in the commands menu. Create all your skins or components as MovieClips, use the “Convert Symbol to Flex Component” menu command and publish.<\/p>\n
\nIf you add a stop() action to a keyframe in Flash, you will be able to import the SWC similar to how you import any other class.<\/p>\n\nimport TiledHeaderSkins_fla.MainTimeline;\n<\/pre>\n
\n
\nbackgroundImage: Embed(skinClass='HeaderBackground');\n<\/pre>\n
\n\n
\nhttp:\/\/help.adobe.com\/en_US\/Flash\/10.0_UsingFlash\/WSFD77A256-0DE1-46c7-86FB-CC4A8AE2EAA6.html<\/a>
\nOne of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The flexibility comes in handy when building custom working\/looking components. Button skins can be applied using the skin property with all of the states included in 1 skin class instead of four different images or symbols. You can even add transitional animations in between states.<\/p>\n
\nWe developed WorkWatcher, cost<\/a> a business management AIR application<\/a>, information pills<\/a> in Flex with all the skins designed in Illustrator and Flash. One of the interesting skins is the header bar with the stripes also needed to be able to stretch. The stripes are added or removed as the header width changes without distortion, salve<\/a> creating a true tiling effect.<\/p>\n
\n<\/p>\n
\nTo get started using Flash to build Flex components you will need to download the Flex Component Kit for Flash and the Flex Skin Design Extensions. (login to Adobe labs required)
\nOnce you have them installed, You will find a new menu item in the commands menu. Create all your skins or components as MovieClips, use the “Convert Symbol to Flex Component” menu command and publish.<\/p>\n
\nIf you add a stop() action to a keyframe in Flash, you will be able to import the SWC similar to how you import any other class.<\/p>\n\nimport TiledHeaderSkins_fla.MainTimeline;\n<\/pre>\n
\n
\nbackgroundImage: Embed(skinClass='HeaderBackground');\n<\/pre>\n
\n\n
\nhttp:\/\/help.adobe.com\/en_US\/Flash\/10.0_UsingFlash\/WSFD77A256-0DE1-46c7-86FB-CC4A8AE2EAA6.html<\/a>
\nOne of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The flexibility comes in handy when building custom working\/looking components. Button skins can be applied using the skin property with all of the states included in 1 skin class instead of four different images or symbols. You can even add transitional animations in between states.<\/p>\n
\nWe developed WorkWatcher, buy<\/a> this<\/a> a business management AIR application<\/a>, in Flex with all the skins designed in Illustrator and Flash. One of the interesting skins is the header bar with the stripes also needed to be able to stretch. The stripes are added or removed as the header width changes without distortion, creating a true tiling effect.<\/p>\n
\n<\/p>\n
\nTo get started using Flash to build Flex components you will need to download the Flex Component Kit for Flash and the Flex Skin Design Extensions. (login to Adobe labs required)
\nOnce you have them installed, You will find a new menu item in the commands menu. Create all your skins or components as MovieClips, use the “Convert Symbol to Flex Component” menu command and publish.<\/p>\n
\nIf you add a stop() action to a keyframe in Flash, you will be able to import the SWC similar to how you import any other class.<\/p>\n\nimport TiledHeaderSkins_fla.MainTimeline;\n<\/pre>\n
\n
\nbackgroundImage: Embed(skinClass='HeaderBackground');\n<\/pre>\n
\n\n
\nhttp:\/\/help.adobe.com\/en_US\/Flash\/10.0_UsingFlash\/WSFD77A256-0DE1-46c7-86FB-CC4A8AE2EAA6.html<\/a>
\nOne of the greatest advantages of creating skins in Flash opposed to Illustrator or Photoshop is the amount of control over how the skin looks and functions. In Flash you can export all your skins as Flex components in a swc file which allows you to use those components as both classes or artwork. The flexibility comes in handy when building custom working\/looking components. Button skins can be applied using the skin property with all of the states included in 1 skin class instead of four different images or symbols. You can even add transitional animations in between states.<\/p>\n
\nWe developed WorkWatcher, cost<\/a> a business management AIR application<\/a>, information pills<\/a> in Flex with all the skins designed in Illustrator and Flash. One of the interesting skins is the header bar with the stripes also needed to be able to stretch. The stripes are added or removed as the header width changes without distortion, salve<\/a> creating a true tiling effect.<\/p>\n
\n<\/p>\n
\nTo get started using Flash to build Flex components you will need to download the Flex Component Kit for Flash and the Flex Skin Design Extensions. (login to Adobe labs required)
\nOnce you have them installed, You will find a new menu item in the commands menu. Create all your skins or components as MovieClips, use the “Convert Symbol to Flex Component” menu command and publish.<\/p>\n
\nIf you add a stop() action to a keyframe in Flash, you will be able to import the SWC similar to how you import any other class.<\/p>\n\nimport TiledHeaderSkins_fla.MainTimeline;\n<\/pre>\n
\n
\nbackgroundImage: Embed(skinClass='HeaderBackground');\n<\/pre>\n
\n\n
\nhttp:\/\/help.adobe.com\/en_US\/Flash\/10.0_UsingFlash\/WSFD77A256-0DE1-46c7-86FB-CC4A8AE2EAA6.html<\/a>
\nWorkWatcher is the application we use at HD Interactive to manage our business and virtual workforce. WorkWatcher will be completing beta very soon and we are offering a free 1 month subscription for a limited time. Anyone interested in giving WorkWatcher a try, drug<\/a> to see if we can save your company and employees much time and money, capsule<\/a> send an email to info@workwatcher.com<\/a> today.<\/p>\n
\nWe are web developers by day, this web<\/a> but wanted to give WorkWatcher the feel of a desktop application. Something you keep open and use throughout the day, but still have the portability of a web application. Just download WorkWatcher to any computer and you can pick up where you left off.
\n<\/p>\n
\nFunctionality is pretty simple, enter clients and jobs associated to each client, then assign team members to those jobs. Members are now able to enter hours and give comments throughout the life of each job. Mangers and business owners can now watch progress, manage \u0004\u0004\u0004\u0004\u0004\u0004budgets and assign tasks. We are a virtual company and have build WorkWatcher to manager our business as well as other service related companies that want to spend less time tracking worker\/project progress and more time growing your business.<\/p>\n
\nIf you spend more than a few hours a month updating spreadsheets and calculating budget hours, WorkWatcher easily pays for itself. WorkWatcher helps you find lost revenue and billing opportunities, by showing all hours worked, even those that often get forgotten.<\/p>\n