플렉스 앱에 디스플레이 요소 테두리가 있습니까?

Question

Flex 응용 프로그램의 (MXML) 요소 주위에 테두리를 표시 할 수있는 방법이 있습니까? Insight 버튼을 사용하여 방화범이 HTML 용으로하는 것과 비슷한 것을 그리게됩니다. (http://getfirebug.com/html을보고 의미를 보려면 "inspect"로 검색하십시오).

이렇게하는 이유는 레이아웃에 문제가 있기 때문입니다.

Answer 1

FlexSpy은 UI를 탐색하고 속성을 검사 할 수있는 또 다른 도구입니다.

Answer 2

필자는 이것을 게시하려고했던 것처럼 Flex Builder 3에서 mxml 편집기의 디자인보기를 사용하려고 생각했습니다. 다른 제안?

Answer 3

"Kap Inspect"를 시도해보십시오. 아마도 Flex 환경에서 방화 광과 가장 가까운 것일 수 있습니다.

체크 아웃 여기 데모 : 나는 MXML에서 레이아웃 문제를 알아 내기 위해이 여러 번 할 수 있지만 한 http://lab.kapit.fr/display/kapinspect/Kap+Inspect

Answer 4

: http://lab.kapit.fr/demo/kapinspect/prod/index.html

그리고 다운로드 여기에서있다.

에서 AS에서는 주어진 구성 요소의 그래픽 레이어에 사각형을 그릴 수 있습니다.

한 가지 방법은 parenting MXML 구성 요소 creationComplete 이벤트에 대한 수신기를 만들고 거기에 직사각형을 그리는 것입니다. 모든 인스턴스화 및 측정이 완료 될 때까지 기다렸다가 올바른 크기를 유지해야합니다.

앱의 크기를 조정할 수있는 경우 크기 조정 수신기를 만들 수도 있습니다. 이 같은 느슨하게

뭔가, :

이

private function creationCompleteListener():void 
{ 
    drawRectanglesAroundDisplayElements(); 
} 

private function drawRectanglesAroundDisplayElements():void 
{ 
    for each(var displayElement:DisplayObject in displayList) 
    { 
     var graphicsLayer:Graphics = displayElement.graphics; 
     graphicsLayer.lineStyle(1,0xFF0000); 
     graphicsLayer.drawRect(0,0,displayElement.width, displayElement.height); 
    } 
} 

즉 된 DisplayObjectContainer 객체를 포함하여 표시 객체의 모든 통해 실행, 그 주위에 1 픽셀의 빨간색 테두리를 넣을 수 있습니다.

특정 유형의 표시 객체 만 강조 표시하는 경우 해당 표시 객체의 이름이나 데이터 유형을 선택하여 필터링 할 수 있습니다.

일부 개체의 경우 반투명 배경으로 채우기를 추가하는 경우가 있습니다. 교차하는 선보다 겹치는 배경을 쉽게 볼 수 있다는 것을 알았습니다 (물론 실용적이지는 않습니다). 모든 VBoxes에게 투명 블루 BG,뿐만 아니라 빨간색 윤곽을주고 싶어 경우

예를 들어,과 같이 위를 수정할 수 : 도움이

private function drawRectanglesAroundDisplayElements():void 
{ 
    for each(var displayElement:DisplayObject in displayList) 
    { 
     var graphicsLayer:Graphics = displayElement.graphics; 

     if(displayElement is VBox) 
     { 
      graphicsLayer.beginFill(0x0000FF,.3); 
      graphicsLayer.drawRect(0,0,displayElement.width, displayElement.height); 
      graphicsLayer.endFill(); 
     } 

     graphicsLayer.lineStyle(1,0xFF0000); 
     graphicsLayer.drawRect(0,0,displayElement.width, displayElement.height); 
    } 
} 

희망을.