Flex의 CSS 주소 : RichTexTeditor의 버튼 만?

StackOverflow https://stackoverflow.com/questions/500366

  •  20-08-2019
  •  | 
  •  

문제

RichTexTeditor의 도구 모음에서 버튼의 글꼴 특성을 변경하고 싶지만 응용 프로그램의 다른 버튼과 다르기를 원합니다. CSS만으로도 할 수있는 방법이 있습니까? 필요한 경우 세트 스타일로 할 수 있다는 것을 알고 있습니다 ...

도움이 되었습니까?

해결책

RichtexTeditor의 하위 구성 요소가 MXML로 선언되어 공개적으로 액세스 할 수 있기 때문에이를 수행하는 한 가지 방법은 styleName 런타임에 개별적으로 속성 (컨테이너 후 creationComplete 편집자와 모든 어린이가 만들어 졌는지 확인하기 위해 이벤트 화재).

<mx:Style>

    .myRTECombo
    {
        color: #FF0000;
    }

</mx:Style>

<mx:Script>
    <![CDATA[

        private function creationCompleteHandler(event:Event):void
        {
            rte.fontFamilyCombo.styleName = "myRTECombo";
            rte.fontSizeCombo.styleName = "myRTECombo";
        }

    ]]>
</mx:Script>

<mx:RichTextEditor id="rte" />

Flex Docs는 ID의 하위 구성 요소 ( "Boldbutton", "FontsizeCombo", et al)를 호출하지 않지만 구성 요소의 소스는 볼 수 있으므로 소스 코드에서 필요한 모든 정보를 얻을 수 있어야합니다. 그 자체. FlexBuilder를 사용하기 때문에 일반적으로 Eclipse Ctrl+태그/클래스 이름의 Eclipse Ctrl+클릭 단축키를 사용하여 관련 클래스 정의 파일로 이동하지만 [installDir]/sdks/[버전에서 소스 파일을 직접 열 수도 있습니다. ] /frameworks/src/mx/richtexteditor.mxml 직접 찾아보십시오.

다른 접근법이 있다고 확신합니다 (setStyle 하나이기 때문에, 명백한 사용은 일반적으로 공연상의 이유로 낙담하지만, 이것은 당신을 위해 해결해야합니다. 그러나 구성 요소의 소스를 파헤칠 때 알 수 있듯이 기본 버튼 세트의 많은 버튼이 실제로 pngs (예 : G, icon_style_bold.png), 텍스트가 아니라 내 예제에는 대신 콤보 박스에 대한 참조가 포함되어 있으므로 색상 변화가 어떻게 적용되는지 확인할 수 있습니다. 버튼의 모양을 변경하려면 스타일을 사용하고 있음을 알고 있어야합니다. icon 외관과 느낌을 위해 글꼴 스타일 설정이 아닌 속성.

도움이되기를 바랍니다!

다른 팁

감사합니다 @christian nunciato! 이것은 내 구성 요소에서 RichTexTeditor (확장)입니다. CreationComplete에서 나는 이것을 부릅니다

private function setUpStyleNames():void {
    setUpStyleNamesInner(toolbar.getChildren());
    setUpStyleNamesInner(toolBar2.getChildren());
}

private function setUpStyleNamesInner(children:Array):void {
    for each (var child:DisplayObject in children) {
        if (child is UIComponent) {
            UIComponent(child).styleName = "rteInnards";
        }
    }
}

그리고 내 스타일 시트에는 이것을 가지고 있습니다

.rteInnards {
    color: #FF0000;
    fontSize: 25px;
}

대박. 다시 한 번 감사드립니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top