저는 Kolin 및 TornadoFX를 처음 사용하며 현재 일부 기능을 실험하고 있습니다. JFoenix-Library 를 사용하고 TornadoFX 의 형식 안전 CSS 기능을 사용하여 컨트롤 스타일을 지정하고 싶습니다. 하지만 JFoenix 컨트롤의 CSS 클래스가 주어지면 스타일을 수정하는 방법을 모르겠습니다.
예를 들어 JFXDecorator 에는 기본 CSS 클래스가 jfx-decorator
있습니다. 제목 표시 줄의 배경색을 변경하려면 클래스를 수정해야합니다 jfx-decorator-buttons-container
. TornadoFX로 어떻게 할 수 있습니까? .css 파일에서는
.jfx-decorator-buttons-container {
-fx-background-color: red;
}
TornadoFX로 가능합니까?
클래스 jfx-decorator
및을 언급 jfx-decorator-buttons-container
했지만 예제 CSS에서는 jfx-decorator-buttons
및 클래스를 사용합니다 container
. 실제로 원하는 클래스가 무엇인지 확실하지 않지만 두 가지 후자를 추가하면 예제에서 CSS가 생성됩니다.
class Styles : Stylesheet() {
companion object {
val jfxDecoratorButtons by cssclass()
val container by cssclass()
}
init {
jfxDecoratorButtons and container {
backgroundColor += Color.RED
}
}
}
업데이트 : 질문의 코드를 변경 했으므로 다음은 해당 출력을 생성하는 업데이트 된 버전입니다.
class Styles : Stylesheet() {
companion object {
val jfxDecoratorButtonsContainer by cssclass()
}
init {
jfxDecoratorButtonsContainer {
backgroundColor += Color.RED
}
}
}
Camel 케이스 선택기는 하이픈을 사용하여 자동으로 소문자로 변환됩니다. cssclass
위임 함수 내에 정확한 이름을 지정할 수도 있습니다.
val myCssClass by cssclass("my-slightly-different-css-class")
backgroundColor
속성이 여러 값을 허용 하므로를 사용하여 색상 목록에 색상을 "추가"해야합니다 +=
. 이것은 여러 값을 허용하는 모든 속성에 대한 일반적인 패턴입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다