How can I use strikethrough in a Label or text in flex 3 ?

Question

How can I use strikethrough in a Label or text in flex 3 ?

Answer 1

You can use a TextGraphic from the Flex Gumbo SDK (Using the beta Gumbo SDK in Flex Builder 3).

Source

Answer 2

But is there any way of doing this in flex 3 using SDK 3 ?

Answer 3

Depending on your exact needs, you might be able to subclass label, override the updateDisplayList, and just draw a line through the middle of the text.

Answer 4

Flex 3 example here: http://flexsnippets.mediagreenhouse.com/?p=46

Answer 5

I needed the same, and ended up simplifying the mediagreenhouse solution somewhat:

package

{ import flash.text.TextLineMetrics; import mx.core.mx_internal; import mx.controls.Label;

use namespace mx_internal;

public class StrikeLabel extends Label
{

 public function StrikeLabel()
 {
  super();
 }

 override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
 {
  super.updateDisplayList( unscaledWidth, unscaledHeight );

  if( textField )
  {
   var metrics : TextLineMetrics = textField.getLineMetrics( 0 );
   var y : int = ( metrics.ascent * 0.66 ) + 2;

   graphics.clear();
   graphics.lineStyle( 1, getStyle( "color" ), 1 );
   graphics.moveTo( 0, y );
   graphics.lineTo( metrics.width, y );
  }
 }
}

}