flex漸變色制作圓角橙色按鈕示例代碼
更新時(shí)間:2013年09月27日 15:38:51 作者:
flex的功能很強(qiáng)大,我們可以利用漸變色來制作圓角按鈕,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以了解下
復(fù)制代碼 代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
minWidth="42" minHeight="30"
alpha.disabled="0.5">
<fx:Metadata>
<![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>
</fx:Metadata>
<!-- states -->
<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />
</s:states>
<s:Rect left="0" right="0" top="0" bottom="0" topLeftRadiusX="7" topRightRadiusX="7"
bottomLeftRadiusX="7" bottomRightRadiusX="7">
<s:stroke>
<s:SolidColorStroke color.up="0xfaa51a"/>
</s:stroke>
<s:fill>
<s:LinearGradient rotation="0">
<s:entries>
<s:GradientEntry color="0xfaa51a"/>
<s:GradientEntry color="0xf47a20" ratio=".5"/>
</s:entries>
</s:LinearGradient>
<!--<s:RadialGradient rotation="0">
<s:entries>
<s:GradientEntry color="0xF0FFFF" ratio=".7"/>
<s:GradientEntry color="0xFF83FA"/>
</s:entries>
</s:RadialGradient>-->
</s:fill>
</s:Rect>
<!-- layer 8: text -->
<!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
<s:Label id="labelDisplay"
textAlign="center"
maxDisplayedLines="1"
fontSize="20"
horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
left="10" right="10" top="2" bottom="2"
color.up="0xffffff">
</s:Label>
</s:SparkButtonSkin>
相關(guān)文章
flex4 panel去掉標(biāo)題設(shè)置透明度效果代碼
首先:去掉Panel的標(biāo)題,其次:設(shè)置透明度這個(gè)說了也是啰嗦,大家都會(huì),不過還是提一下吧,具體請祥看本文2013-05-05
Flex實(shí)現(xiàn)的上傳攝像頭拍照并將UI保存為圖片
這篇文章主要介紹了Flex如何實(shí)現(xiàn)上傳攝像頭拍照并將UI保存為圖片,需要的朋友可以參考下2014-05-05
Flex4 DataGrid中如何嵌入RadioButton
本文為大家介紹下Flex4 DataGrid中嵌入RadioButton的方法,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-12-12
Flex中對表格某列的值進(jìn)行數(shù)字格式化并求百分比添加%
需要對表格中某列的數(shù)值進(jìn)行格式化,對該數(shù)值乘以100,并保留兩位小數(shù),添加“%”下面同實(shí)例來實(shí)現(xiàn)下2014-10-10
Flex中給按鈕添加鏈接點(diǎn)擊鏈接打開網(wǎng)頁的方法
我們需要這樣的一個(gè)效果:點(diǎn)擊鏈接打開一個(gè)網(wǎng)頁。下面為大家介紹下Flex中如何給一個(gè)按鈕添加鏈接實(shí)現(xiàn)點(diǎn)擊打開網(wǎng)頁,感興趣的朋友可以參考下2013-12-12
Flex4 使用itemRenderer 為Tree加線具體實(shí)現(xiàn)
本文為大家詳細(xì)介紹下Flex4如何使用itemRenderer 為Tree加線,感興趣的朋友可以參考下2013-12-12
Flex中實(shí)現(xiàn)對一個(gè)text渲染不同的字體顏色示例
本文為大家詳細(xì)介紹下Flex中如何實(shí)現(xiàn)對一個(gè)text渲染不同的字體顏色,具體的實(shí)現(xiàn)思路及代碼如下,有興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07
Flex父子窗口相互調(diào)用實(shí)現(xiàn)思路及源碼
這篇文章主要介紹了Flex父子窗口相互調(diào)用實(shí)現(xiàn)思路及源碼,需要的朋友可以參考下2014-05-05
Flex中在Tree綁定數(shù)據(jù)后自動(dòng)展開樹節(jié)點(diǎn)的方法
使用Tree組件在綁定數(shù)據(jù)后自動(dòng)展開所有樹型節(jié)點(diǎn)(不需要用戶再自己點(diǎn)擊展開節(jié)點(diǎn),會(huì)方 便許多),接下來為大家介紹下具體的實(shí)現(xiàn)2014-01-01

