더 세부적인 방법은 각 자녀에 CSS를 추가하는 것입니다, 그러나 이것은 유지 보수 및 가독성 악몽이다.
<mx:List dataProvider="{companies}" dropShadowEnabled="true" paddingTop="10" paddingBottom="10" paddingRight="5" paddingLeft="15" backgroundColor="0xDFE8FF"/>
덜 세분화 된 방법은 클래스로 각각의 아이를 만들고 각 클래스 파일에 CSS를 추가하는 것입니다, 그러나 이것은 여전히 멋진 없습니다.
사용자 수 또한 마스터 CSS의 하위 구성 요소 (목록, 콤보 상자, 단추 등)의 각 유형의 스타일을 설정 : 동일한 유형의 다른 스타일을 사용할 경우에,
List {
dropShadowEnabled: true;
paddingTop: 10;
}
그러나 구성 요소 중 몇 가지 옵션이 있습니다.
마스터 CSS에 스타일을 설정 한 후 각 자녀에게는, styleName을주고, 수
:
CustomerSelectionForm.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:List styleName="customerList" dataProvider="{customers}" />
</mx:Form>
CompanySelectionForm.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:List styleName="companyList" dataProvider="{companies}" />
</mx:Form>
styles.css:
.customerList {
backgroundColor: "0xDFE8FF";
}
.companyList {
backgroundColor: "0x74ADE7";
}
또는 사용자 정의 클래스 각 아이를 만들 수 있습니다, 다음 마스터 CSS에서 클래스를 참조 .
CustomerList.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:List xmlns:mx="http://www.adobe.com/2006/mxml">
</mx:List>
CompanyList.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:List xmlns:mx="http://www.adobe.com/2006/mxml">
</mx:List>
styles.css:
CustomerList {
backgroundColor: "0xDFE8FF";
}
CompanyList {
backgroundColor: "0x74ADE7";
}
이 방법은 구성 요소를 동적으로 작성하거나 특정 유형의 구성 요소를 다시 사용할 때 특히 유용합니다. 이 커스텀 클래스는 또한 클래스 - 특정 비지니스 로직을 포함 할 수 있기 때문에 나는이 메소드를 많이 사용한다.
내가 예라는 아주 좋은 어도비 도움말 페이지 http://127.0.0.1:56870/help/nftopic/com.adobe.flexbuilder.help/html/skinstyle_3.html#184113를 발견했습니다 만들기 스타일 속성. –