in updateDisplayList() when I have completed drawing my stack of rectangles i
call this function which creates a selectionLayer at the top.
private function drawSelectionLayer():void{
_selectionLayer = new FlexSprite();
_selectionLayer.name = "selectionLayer";
_selectionLayer.mouseEnabled = false;
this.addChild(_selectionLayer);
var g:Graphics = _selectionLayer.graphics;
g.beginFill(0, 0);
g.drawRect(0, 0, 10, 10);
g.endFill();
}
Now whenever i need to highlight any rectangle i just create a new rectanlge
and add it to the _selectionLayer. but problem is that, moueOut event is called
when the new rectangle is added to the selection layer, it treats it as going
to a new rectangle, and destroys the tooltip.
----- Original Message ----
From: Alex Harui <[EMAIL PROTECTED]>
To: [email protected]
Sent: Monday, November 27, 2006 9:08:56 AM
Subject: RE: [flexcomponents] drawing a stack of rectangle ?
How did you create the layer? It sounds
like it got created too high up.
From: flexcomponents@ yahoogroups. com [mailto: flexcomponents@ yahoogroups.
com ] On Behalf Of arpan srivastava
Sent: Sunday, November 26, 2006
7:19 PM
To: flexcomponents@ yahoogroups. com
Subject: Re: [flexcomponents]
drawing a stack of rectangle ?
Hi Alex,
I created a topmost sprite that
floats over all the content just like a selectedLayer in ListBase.as, it works
fine but toolip is hidden behind it, for tooltip I am doing
var barToolTip:ToolTip = ToolTipManager. createToolTip( x,y,text) ;
and i am getting the x and y coordinates from event.stageX and event.stageY,
but this tooltip gets hidden behind the selection layer.
----- Original Message
----
From: Alex Harui <[EMAIL PROTECTED] com>
To: flexcomponents@ yahoogroups. com ;
Flex Coders <[EMAIL PROTECTED] ups.com>
Sent: Monday, November 27, 2006 2:08:30 AM
Subject: RE: [flexcomponents] drawing a stack of rectangle ?
One way is to create a topmost sprite that floats over all the
content and draw the highlight rectangle on that. Another is to change
the child index of the rectangle so it is on top of the others. It sort
of depends on what visual effect you want.
From: flexcomponents@ yahoogroups. com [mailto:
flexcomponents@ yahoogroups. com ] On Behalf
Of arpan srivastava
Sent: Saturday, November 25, 2006
10:52 PM
To: Flex Coders; Flex Components
Subject: [flexcomponents] drawing
a stack of rectangle ?
Hi,
I am drawing a stack which contans rectangles of different depending on
some value. rectangles are drawn but they are overlapping each other by 1 or 2
pixels at the end.
I have to highlight the rectangles also, for that I am creating a rectangle on
mouseOver event and adding the rectangle on the same rectangle that I am
highlighting, but this way the lower border of the highlighter gets covered by
the rectangle below that.
<!--
#ygrp-mlmsg {font-size:13px;font-family:arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family:Georgia;
}
#ygrp-text p{
margin:0 0 1em 0;
}
#ygrp-tpmsgs{
font-family:Arial;
clear:both;
}
#ygrp-vitnav{
padding-top:10px;
font-family:Verdana;
font-size:77%;
margin:0;
}
#ygrp-vitnav a{
padding:0 1px;
}
#ygrp-actbar{
clear:both;
margin:25px 0;
white-space:nowrap;
color:#666;
text-align:right;
}
#ygrp-actbar .left{
float:left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family:Verdana;
font-size:77%;
padding:15px 0;
}
#ygrp-ft{
font-family:verdana;
font-size:77%;
border-top:1px solid #666;
padding:5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom:10px;
}
#ygrp-vital{
background-color:#e0ecee;
margin-bottom:20px;
padding:2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size:77%;
font-family:Verdana;
font-weight:bold;
color:#333;
text-transform:uppercase;
}
#ygrp-vital ul{
padding:0;
margin:2px 0;
}
#ygrp-vital ul li{
list-style-type:none;
clear:both;
border:1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight:bold;
color:#ff7900;
float:right;
width:2em;
text-align:right;
padding-right:.5em;
}
#ygrp-vital ul li .cat{
font-weight:bold;
}
#ygrp-vital a {
text-decoration:none;
}
#ygrp-vital a:hover{
text-decoration:underline;
}
#ygrp-sponsor #hd{
color:#999;
font-size:77%;
}
#ygrp-sponsor #ov{
padding:6px 13px;
background-color:#e0ecee;
margin-bottom:20px;
}
#ygrp-sponsor #ov ul{
padding:0 0 0 8px;
margin:0;
}
#ygrp-sponsor #ov li{
list-style-type:square;
padding:6px 0;
font-size:77%;
}
#ygrp-sponsor #ov li a{
text-decoration:none;
font-size:130%;
}
#ygrp-sponsor #nc {
background-color:#eee;
margin-bottom:20px;
padding:0 8px;
}
#ygrp-sponsor .ad{
padding:8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family:Arial;
font-weight:bold;
color:#628c2a;
font-size:100%;
line-height:122%;
}
#ygrp-sponsor .ad a{
text-decoration:none;
}
#ygrp-sponsor .ad a:hover{
text-decoration:underline;
}
#ygrp-sponsor .ad p{
margin:0;
}
o {font-size:0;}
.MsoNormal {
margin:0 0 0 0;
}
#ygrp-text tt{
font-size:120%;
}
blockquote{margin:0 0 0 4px;}
.replbq {margin:4;}
-->
