古いHalo ButtonのようにSpark Buttonをスタイルすることは可能ですか？ （CSSのみ）

Question

私はアドビが私に迷惑をかけていると思っています。すべてのドキュメントやチュートリアルから、単純なボタンをスタイリングするのはFlex 4（Spark）でははるかに難しくなっています。以前はデザイナーにCSSを作成させることができていましたが、それはWeb標準CSSからあまり離れていないからです。今、私はthis postで概説されているように、まず皮膚を作る必要があるようですか？

以下は古いボタンスタイルです。

Button { 
    fontFamily: "Arial, Helvetica"; 
    fontWeight: bold; 
    fontSize: 11px; 
    paddingTop: 0px; 
    paddingBottom: 0px; 
    highlightAlphas: 0.42, 0.13; 
    fillAlphas: 1, 1, 1, 1; 
    fillColors: #B9DEF8, #9AC3EB, #B9DEF8, #9AC3EB; 
    color: #477199; 
    textRollOverColor: #477199; 
    textSelectedColor: #3399cc; 
    borderStyle: none; 
} 

ありがとう！

Answer 1

スパークボタンをスキニングすることは、プログラム可能なアプローチであり、Halo mx：ボタンを非常によく模倣することができます。

アプリケーションでHaloテーマを使用したかったら、Haloテーマを使用できます。

mx：Buttonにはiconのようなものがありますが、Spark Buttonではそうではありません。

あなたが唯一のCSSを使用する意味として、あなたがでスキンクラスMXするにはダイブする必要があります：

mx.skins.halo.ButtonSkin 

Sparkテーマ：

Haloテーマ：

r CSS for spark：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       minWidth="955" 
       minHeight="600"> 

    <fx:Style> 
     @namespace s "library://ns.adobe.com/flex/spark"; 
     @namespace mx "library://ns.adobe.com/flex/mx"; 

     s|Button 
     { 
      fontFamily: "Arial, Helvetica"; 
      fontWeight: bold; 
      fontSize: 11px; 
      paddingTop: 0px; 
      paddingBottom: 0px; 
      highlightAlphas: 0.42, 0.13; 
      fillAlphas: 1, 1, 1, 1; 
      fillColors: #B9DEF8, #9AC3EB, #B9DEF8, #9AC3EB; 
      color: #477199; 
      textRollOverColor: #477199; 
      textSelectedColor: #3399cc; 
      borderStyle: none; 
     } 
    </fx:Style> 

    <s:VGroup width="100%" 
       height="100%" 
       paddingTop="10" 
       paddingLeft="10"> 

     <s:Button label="Hello, world!" /> 

     <mx:Button label="Hello, world!" /> 

    </s:VGroup> 

</s:Application> 

Answer 2

はい、可能です。

styles on the Spark Buttonをチェックして、CSSを使用して修正できるものを確認してください。