Flex 3 - 自定義皮膚按鈕中的陰影

這裏的按鈕：
enter image description here

多數民衆贊成給我的麻煩是「求變」一個按鈕。正如你所看到的，邊界不是直的。我假設有某種漸變/陰影或者是從默認外觀繼承的。

在側翻，同樣的問題會出現，但它是一個有點不太顯眼：
enter image description here

我使用CSS剝皮。
這裏的按鈕的聲明：

<mx:Button id="zoomButton" 
      paddingLeft="7" paddingRight="7" 
      height="24" textAlign="center" fontSize="10" 
      buttonMode="true" 
      styleName="intZoomButtonStyle" 
      icon="{Assets.MISC_ZOOM_ICON_SMALL}"/>

而這裏的CSS：

.intZoomButtonStyle{ 
    fill-colors: #ffffff, #ffffff; 
    fill-alphas: 1, 1; 
    border-color: #ffffff; 
    shadow-color: #ffffff; 
    theme-color: #ffffff; 
    corner-radius: 0; 
}

誰能幫我在這一個？

謝謝:)

來源

2011-11-16 BS_C3

我終於使用了一個圖像來蒙皮按鈕。這是怎樣的CSS看起來：

.intZoomButtonStyle{ 
    fill-colors: #ffffff, #ffffff; 
    fill-alphas: 1, 1; 
    border-color: #ffffff; 
    theme-color: #ffffff; 
    corner-radius: 0; 

    up-skin: Embed("assets/miscellaneous/blank.jpg"); 
    down-skin: Embed("assets/miscellaneous/blank.jpg"); 
    over-skin: Embed("assets/miscellaneous/blank.jpg"); 
}

blank.jpg是一個簡單的白色方形圖像。

和voilà！
它仍然困擾我不能做到這一點，使用一個簡單的CSS，但很好，發現......有用...

來源

2011-11-17 08:58:10

我想這可能會幫助你Style Explorer爲進一步驗證

~~~~~~~~快樂編碼~~~~~~~~~~

來源

2011-11-17 06:16:24 Exhausted

謝謝你的答案......但如果你注意到，影子仍然存在= _ = –

Flex 3 - 自定義皮膚按鈕中的陰影

回答

相關問題