Flex ToolTip 스타일 사용자 정의
3382 단어 borderFlex tooltiptooltip style
}
Tool Tip Border 클래스의 업데이트 디스플레이 리스트 () 를 보십시오.border Style를 사용자 정의 Border 클래스로 설정하면 계승할 수 있습니다.
Tool Tip Border, 또는 모방해서 다시 쓰기.
ToolTipBorder
override protected function updateDisplayList(w:Number, h:Number):void
{
super.updateDisplayList(w, h);
var borderStyle:String = getStyle("borderStyle");
var backgroundColor:uint = getStyle("backgroundColor");
var backgroundAlpha:Number= getStyle("backgroundAlpha");
var borderColor:uint = getStyle("borderColor");
var cornerRadius:Number = getStyle("cornerRadius");
var g:Graphics = graphics;
g.clear();
filters = [];
//
switch (borderStyle)
{
case "none":
{
// Don't draw anything
break;
}
case "errorTipRight":
{
// border
drawRoundRect(
11, 0, w - 11, h - 2, 3,
borderColor, backgroundAlpha);
// left pointer
g.beginFill(borderColor, backgroundAlpha);
g.moveTo(11, 7);
g.lineTo(0, 13);
g.lineTo(11, 19);
g.moveTo(11, 7);
g.endFill();
filters = [ new DropShadowFilter(2, 90, 0, 0.4) ];
break;
}
case "errorTipAbove":
{
// border
drawRoundRect(
0, 0, w, h - 13, 3,
borderColor, backgroundAlpha);
// bottom pointer
g.beginFill(borderColor, backgroundAlpha);
g.moveTo(9, h - 13);
g.lineTo(15, h - 2);
g.lineTo(21, h - 13);
g.moveTo(9, h - 13);
g.endFill();
filters = [ new DropShadowFilter(2, 90, 0, 0.4) ];
break;
}
case "errorTipBelow":
{
// border
drawRoundRect(
0, 11, w, h - 13, 3,
borderColor, backgroundAlpha);
// top pointer
g.beginFill(borderColor, backgroundAlpha);
g.moveTo(9, 11);
g.lineTo(15, 0);
g.lineTo(21, 11);
g.moveTo(10, 11);
g.endFill();
filters = [ new DropShadowFilter(2, 90, 0, 0.4) ];
break;
}
default: //Tooltip
{
// face
drawRoundRect(
3, 1, w - 6, h - 4, cornerRadius,
backgroundColor, backgroundAlpha)
if (!dropShadow)
dropShadow = new RectangularDropShadow();
dropShadow.distance = 3;
dropShadow.angle = 90;
dropShadow.color = 0;
dropShadow.alpha = 0.4;
dropShadow.tlRadius = cornerRadius + 2;
dropShadow.trRadius = cornerRadius + 2;
dropShadow.blRadius = cornerRadius + 2;
dropShadow.brRadius = cornerRadius + 2;
dropShadow.drawShadow(graphics, 3, 0, w - 6, h - 4);
break;
}
}
}
다시 쓰면 참고할 수 있다
http://flexonblog.wordpress.com/2008/08/19/design-your-own-tooltipborder-in-flexcustom-tooltipborder-in-flexwith-example/
여기 데모 시범도 있어요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[CSS] border vs outline 차이알고 이슈해결하기border-bottom을 보였다 안보였다할 때, 뭔가 아주 살짝씩 placeholder에 있는 글이 움직이는 걸 볼 수 있다. 현재 구현방법은 focus가 되었을 때, 테두리의 굵기, 스타일, 컬러를 한번에 지정하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.