MX List의 모서리 반경을 올바르게 설정하고 둥근 모서리를 얻는 방법은 무엇입니까?

Question

사용자 정의 스타일을 가진 mx.components.List 구성 요소가 있습니다.

<mx:Style> 
    .dropDownListStyle 
    { 
     border-style: solid; 
     corner-radius: 4; 
    } 
</mx:Style> 

다음과 같이 목록을 만듭니다.

_dropDown = new List(); 
... 
_dropDown.styleName = "dropDownListStyle"; 

그러면 목록이 PopUpManager :

PopUpManager.addPopUp(_dropDown, this); 

새로 만든 팝업의 모서리가 둥글 리지 않는 문제가 있습니다. 효과를 얻으려면 경계 스타일이 필요하다는 것을 알았지 만이 속성을 추가해도 도움이되지 않았습니다. 필자는 Flex 4.1을 사용하여 프로젝트를 구축하고 있지만, List와 그 상위 항목은 MX 구성 요소이며 Spark로 마이그레이션하는 작업이 많습니다.

모서리를 둥글게하려면 어떻게해야합니까? 미리 감사드립니다!

Answer 1

목록 구성 요소 (mx 또는 spark가 아닌)에는 정의 된 모서리 반경 스타일이 없습니다. 당신은 그 스타일, 또는 훨씬 더 쉬운 방법을 구현, 목록 구성 요소를 무시 고려해야한다, 그 코너 반경을 설정할 수있는 용기에있는 국경없는 목록을 넣어, 해당 구성 요소 팝업 :

/*Box, Canvas, Group...*/ 
.dropDownListHolderStyle { 
    corner-radius: 4; 
    background-color: #FFFFFF; 
    border-color: #FFFFFF; 
    border-style: solid; 
    border-weight: 1; 
    padding-bottom: 2; 
    padding-top: 2; 
    padding-left: 2; 
    padding-right: 2; 
} 
/*List*/ 
.dropDownListStyle { 
    background-color: #FFFFFF; 
} 

을 상기 성분 :

<s:VGroup id='_dropDownPopup' styleName='dropDownListHolderStyle' [...]> 
    <s:List id='_dropDown' styleName='dropDownListStyle' [...] /> 
</s:VGroup> 

[...]

PopUpManager.addPopUp(_dropDownPopup, this); 

Answer 2

코너 반경이 아닌 cornerRadius 스타일 속성을 사용했습니다. 철자가 틀렸을 가능성이 있습니까? 하지만 스파크 만 했으므로 상황에 따라 작동하지 않을 수 있습니다.