- Äɲ䵤줿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
- ºï½ü¤µ¤ì¤¿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
¡Ê¤³¤Îµ»ö¤ÏÅÓÃæ¤Ç¤¹¡Ë
[[Web¥Ç¥¶¥¤¥Ê¡¼¤Ë¤â¤ï¤«¤ëFlex²èÌ̥ǥ¶¥¤¥ó¡Ê2¡Ë]]¤Î¤Ä¤Å¤¤Ç¤¹¡£
¥¹¥¥ó¤Ë¤Ä¤¤¤Æ²òÀ⤷¤Þ¤¹¡£
*¥¹¥¥ó¤ò¤Ä¤¯¤Ã¤Æ¤ß¤è¤¦ [#va49c981]
**¥¹¥¥ó¤È¤Ï [#pa2a2b69]
Flex¤Ë¤Ï¡¢¥¹¥¥ó¤È¤¤¤¦¤â¤Î¤¬¤¢¤ê¤Þ¤¹¡£
OS¤ä¥Ö¥í¥°¥Ä¡¼¥ë¤Ë¤ª¤±¤ë¥¹¥¥ó¤ä¥Æ¡¼¥Þ¤ÈƱÅù¤Î¤â¤Î¤È¹Í¤¨¤Æº¹¤·»Ù¤¨¤¢¤ê¤Þ¤»¤ó¡£
¡Ê2¡Ë¤Ç²òÀ⤷¤¿¤è¤¦¤ËºÙ¤«¤¯¥¹¥¿¥¤¥ë»ØÄꤹ¤ë¤Î¤Ç¤Ï¤Ê¤¯¡¢Á´ÂΤΥǥ¶¥¤¥ó¤ò»ØÄê¤Ç¤¤Þ¤¹¡£
¤¿¤È¤¨¤Ð¡¢¥Ç¥Õ¥©¥ë¥È¤Î¥¹¥¥ó¤Ë¤â̾Á°¤¬¤¢¤ê¡¢
¤³¤Î¥¹¥¥ó¤Ï¡ÖHalo¡Ê¥Ø¥¤¥í¡¼¡Ë¡×¤È¤¤¤¤¤Þ¤¹¡£
#flash( /sandbox/design/data/flex/sample03_01.swf, 360x60, version=9)
#flash( /sandbox/design/data/flex/sample03_01.swf, 420x300, version=9)
¤½¤Î¤Û¤«¤Ë¤â¥¹¥¥ó¤¬¤¤¤¯¤Ä¤«ÍÑ°Õ¤µ¤ì¤Æ¤¤¤Æ¡¢ÀÚ¤êÂؤ¨¤ë¤³¤È¤¬²Äǽ¤Ç¤¹¡£
- HaloClassic¡ÊFlex1.5ÍѤΥ¹¥¥ó¡£AS2ÍѤʤΤǥ¨¥é¡¼¤¬½Ð¤ë¡©¡Ë
- Ice
- Smoke
- Wooden
- Institutional
¤³¤ì¤é¤Î¥¹¥¥ó¤ÏCSS¤È²èÁü¤Ç¹½À®¤µ¤ì¤Æ¤¤¤Æ¡¢¥¹¥¥ó¤òÊѤ¨¤ë¤³¤È¤Ç¸«¤¿Ìܤò¤¬¤é¤ê¤ÈÊѤ¨¤ë¤³¤È¤¬¤Ç¤¤Þ¤¹¡£
**¥¹¥¥ó¤ÎÀßÄê [#u7c4c679]
+ config¥Õ¥¡¥¤¥ë¤òÍÑ°Õ¤¹¤ë¡£
+ sample.mxml¤À¤Ã¤¿¤é¡¢sample-config.xml¤Î¤è¤¦¤Ë̿̾¤¹¤ë¡£
+ ¥Õ¥¡¥¤¥ë̾-config.xml¡Êsample.mxml¤À¤Ã¤¿¤é¡¢sample-config.xml¤Î¤è¤¦¤Ë̿̾¡Ë¤òÍÑ°Õ¤¹¤ë¤È¡¢¤½¤ÎmxmlÍѤÎÀßÄê¥Õ¥¡¥¤¥ë¤Ë¤Ê¤ë¤Î¤Ç¡¢mxml¤ÈƱ¤¸³¬ÁؤËÃÖ¤¯¡£
+ ²¼µ¤Î¤è¤¦¤Ë½ñ¤¯¡£¡Ê¥Ñ¥¹¤Ï³Æ¼«³Îǧ¤·¤Æ¤¯¤À¤µ¤¤¡Ë
+ ºÆ¥³¥ó¥Ñ¥¤¥ë¡£
<flex-config>
<compiler>
<theme>
<filename>/usr/share/flex-sdk-3/frameworks/themes/HaloClassic/haloclassic.swc</filename>
<filename>/(¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¥Ñ¥¹)/flex-sdk-3/frameworks/themes/HaloClassic/haloclassic.swc</filename>
</theme>
</compiler>
</flex-config>
#flash( /sandbox/design/data/flex/sample03_02.swf, 360x60, version=9)
HaloClassic¤ËÊѹ¹¤·¤¿¤È¤³¤í¡£
-HaloClassic¤ËÊѹ¹¤·¤¿¤È¤³¤í¡£
#flash( /sandbox/design/data/flex/sample03_02.swf, 420x300, version=9)
¡Ê¤³¤Îµ»ö¤Ï¤Þ¤ÀÅÓÃæ¤Ç¤¹¡Ë
-Ice
--/(¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¥Ñ¥¹)/flex-sdk-3/frameworks/themes/Ice/Ice.css
#flash( /sandbox/design/data/flex/sample03_03.swf, 420x300, version=9)
-Smoke
--/(¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¥Ñ¥¹)/flex-sdk-3/frameworks/themes/Smoke/Smoke.css
#flash( /sandbox/design/data/flex/sample03_04.swf, 420x300, version=9)
-Wooden
--/(¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¥Ñ¥¹)/flex-sdk-3/frameworks/themes/Wooden/Wooden.css
#flash( /sandbox/design/data/flex/sample03_05.swf, 420x300, version=9)
-Institutional
--/(¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¥Ñ¥¹)/flex-sdk-3/frameworks/themes/Institutional/Institutional.css
#flash( /sandbox/design/data/flex/sample03_06.swf, 420x300, version=9)
**¥¹¥¥ó¤Î¤·¤¯¤ß [#ad732fe3]
¥Ç¥Õ¥©¥ë¥È¤Ç¤¢¤ëHalo¤Î¾ì¹ç¤Ï¡¢²¼µ¤Î¤è¤¦¤Êswf¤òÆɤ߹þ¤ó¤Ç¤¤¤Þ¤¹¡£
#ref(http://ark-web.jp/sandbox/design/data/flex/sample03_07.png)
¤Þ¤¿¡¢Flex¤Ï²èÁü¤À¤±¤Ç¤Ê¤¯swf¡¢¤ª¤è¤ÓswfÆâ¤Î¥·¥ó¥Ü¥ëñ°Ì¤Ç¤âCSS¤ÇÆɤ߹þ¤à¤³¤È¤¬¤Ç¤¤ë¤Î¤Ç¡¢
Button
{
disabledSkin: Embed(source="AeonGraphical.swf", symbol="Button_disabledSkin");
downSkin: Embed(source="AeonGraphical.swf", symbol="Button_downSkin");
overSkin: Embed(source="AeonGraphical.swf", symbol="Button_overSkin");
upSkin: Embed(source="AeonGraphical.swf", symbol="Button_upSkin");
}
¤È¤¤¤¦¤è¤¦¤Ë¡¢CSS¤Çµ½Ò¤·¤Þ¤¹¡£
¤³¤¦¤·¤Æ¤ª¤¯¤È1¤Ä¤Î¥Õ¥¡¥¤¥ë¤Ë¤Þ¤È¤á¤Æ¤ª¤±¤ë¤Î¤Ç´ÉÍý¤·¤ä¤¹¤¯¤Ê¤ê¤Þ¤¹¡£
¥Ç¥Õ¥©¥ë¥È¤Î¥Ç¥¶¥¤¥ó¤òÊѤ¨¤¿¤¤¾ì¹ç¤Ï¡¢¤³¤Îswf¤òÊÔ½¸¤¹¤ë¤È¤è¤µ¤½¤¦¤Ç¤¹¡£
**¥¹¥¥ó¤Î²ÄǽÀ [#e2479dec]
-Slice9
--http://www.scalenine.com/
¤Ê¤É¤ÎFlexÍÑ¥¹¥¥ó¤òÇÛÉÛ¤·¤Æ¤¤¤ë¥µ¥¤¥È¤¬¤¢¤ê¤Þ¤¹¡£
MacÉ÷¡¢VistaÉ÷¤Ê¤É¤¤¤í¤¤¤í¤Ê¥Ç¥¶¥¤¥ó¤¬ÇÛÉÛ¤µ¤ì¤Æ¤ª¤ê¡¢¤³¤ì¤ò¸«¤ë¤ÈFlex¤Ç¤â¥Ç¥¶¥¤¥ó¤Î¼«Í³Å٤Ϥ¢¤Ã¤Æ¡¢·ë¹½¤¤¤í¤¤¤í¤Ç¤¤ë¤ó¤À¤Ê¡¢¤È»×¤ï¤ì¤ë¤È»×¤¤¤Þ¤¹¡£
-Mac OS X
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_08.png);
--http://www.scalenine.com/themes/aqua/Aqua.html
-Windows XP
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_09.png);
--http://weblogs.macromedia.com/mc/archives/WindowsXPthemeDemo.htm
-Brownie
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_10.png);
--http://www.scalenine.com/themes/brownie/Brownie.html
¢¤³¤Î¤Ø¤ó¤È¤«ÌÌÇò¤¤¡£
¤³¤¦¤¤¤¦¤Î¤ò¸«¤ë¤È¡¢¶È̳¥·¥¹¥Æ¥à¥á¥¤¥ó¤Ç»È¤¦¤Î¤Ï¤â¤Ã¤¿¤¤¤Ê¤¤¤È»×¤¦¤Î¤Ç¤¹¤è¡£
¤¤¤í¤¤¤í²ÄǽÀ¤¬¤¢¤ê¤½¤¦¡£
-RockOn
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_11.png);
--http://www.scalenine.com/themes/rockon/RockOn.html
-Black Edding
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_12.png);
--http://fleksray.org/skins/edding/Edding.html
-Flekscribble
--&ref(http://ark-web.jp/sandbox/design/data/flex/sample03_13.png);
--http://fleksray.org/skins/scribble/Scribble.html
**Äɵ¡§¥¹¥¥óÊÔ½¸ÊýË¡ [#l43cc9e6]
Photoshop¤äFireworks¡ÊCS3¡ËÅù¤Ë³ÈÄ¥µ¡Ç½¤ò¥¤¥ó¥¹¥È¡¼¥ë¤¹¤ì¤Ð¡¢FlexBuilder¤ÈÏ¢·È¤·¤Æ¹Ô¤¦¤³¤È¤¬¤Ç¤¤Þ¤¹¡£
¾Ü¤·¤¯¤Ï
http://www.adobe.com/jp/devnet/flex/articles/skins_styles.html
¥À¥¦¥ó¥í¡¼¥É
http://www.adobe.com/products/flex/flexdownloads/#skins
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex_skins
¥¤¥ó¥¹¥È¡¼¥ëÊýË¡¤Ê¤É¤Ï
http://violentcoding.com/blog/2007/10/10/archives/49
¤Ç¾Ü¤·¤¯ÀâÌÀ¤µ¤ì¤Æ¤¤¤Þ¤¹¡£
#blikifooter(¾®¿¹)
tag: [[Flex>tag/Flex]]