Re: [flexcoders] Label question

[Manish Jethani]

On Wed, 23 Mar 2005 10:58:48 EST, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>  I hope this is not a silly question but what I want to do is make a label
> but give it a border sort of a 3 D appearance and I was wondering if someone
> could give me some tips on how to do this or if there is a better way to do
> this?

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";
  backgroundColor="white" verticalGap="10">

  <!-- label with 3D border -->
  <mx:Box id="box"

    backgroundColor="white" borderStyle="solid"
    cornerRadius="4" dropShadow="true"
    shadowDistance="5" shadowDirection="right">

    <mx:Label text="The quick brown fox..." />
  </mx:Box>
  <!-- END label with 3D border -->

  <mx:HBox>
    <mx:Button label="Lower" click="lower()" />
    <mx:Button label="Raise" click="raise()" />
  </mx:HBox>

  <mx:Script>
    import mx.effects.Tween;

    function lower():Void
    {
      var tween:Tween = new Tween(this, 5, 1, 500);
    }

    function raise():Void
    {
      var tween:Tween = new Tween(this, 1, 5, 500);
    }
      
    function onTweenUpdate(value):Void
    {
      box.setStyle("shadowDistance", value);
    }

    function onTweenEnd(value):Void
    {
      onTweenUpdate(value);
    }
  </mx:Script>
</mx:Application>

The shadow styles can be specified separately in a sytlesheet.

Manish


 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/