Flex中如何通过dropShadowColor, shadowDirection和shadowDistance样式，创建一个有阴影效果的TextArea控件...

最新推荐文章于 2023-07-18 21:48:21 发布

最新推荐文章于 2023-07-18 21:48:21 发布 · 124 阅读

文章标签：

本文介绍了一种在Flex中为TextArea控件添加阴影效果的方法。通过使用CheckBox、ColorPicker、ComboBox和Slider等组件来动态调整阴影的开启状态、颜色、方向及距离，实现了丰富的视觉效果。

main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:ApplicationControlBardock="true">
<mx:Form>
<mx:FormItemlabel="dropShadowEnabled:">
<mx:CheckBoxid="checkBox" selected="true" />
</mx:FormItem>
<mx:FormItemlabel="dropShadowColor:">
<mx:ColorPickerid="colorPicker" />
</mx:FormItem>
<mx:FormItemlabel="shadowDirection:">
<mx:ComboBoxid="comboBox" selectedIndex="1">
<mx:dataProvider>
<mx:Array>
<mx:Objectlabel="left" />
<mx:Objectlabel="center" />
<mx:Objectlabel="right" />
</mx:Array>
</mx:dataProvider>
</mx:ComboBox>
</mx:FormItem>
<mx:FormItemlabel="shadowDistance:">
<mx:HSliderid="slider"
minimum="-10"
maximum="10"
value="0"
labels="[-10,-5,0,5,10]"
liveDragging="true"
snapInterval="1"
tickInterval="2"/>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:TextAreaid="textArea"
dropShadowEnabled="{checkBox.selected}"
dropShadowColor="{colorPicker.selectedColor}"
shadowDistance="{slider.value}"
shadowDirection="{comboBox.selectedItem.label}"
width="320"
height="120"/>
</mx:Application>