JavaFX 진행률 표시줄의 모양을 어떻게 사용자 정의할 수 있습니까?

JavaFX 진행률 표시줄 스타일링

소개

UI 구성 요소의 모양을 사용자 정의하면 사용자 경험이 향상되고 애플리케이션의 미적 특성에 맞게 조정됩니다. 이 문서에서는 JavaFX ProgressBar 구성 요소의 사용자 정의에 대해 설명합니다.

진행률 표시줄 색상 설정

진행률 표시줄의 색상을 정의하려면 -fx-Background-color 속성을 사용하세요. 내부 막대는 -fx-accent 속성을 사용하여 색상을 지정할 수 있습니다.

.progress-bar {
    -fx-background-color: lightblue;
    -fx-accent: red;
}

진행 막대 배경색 설정

진행 막대의 배경색을 기본 색상과 별도로 설정하려면, -fx-control-inner-Background 속성을 사용하세요.

.progress-bar > .track {
    -fx-control-inner-background: lightgray;
}

진행률 표시줄 위에 사용자 정의 텍스트 추가

진행률 표시줄 위에 텍스트 노드를 추가하려면 사용자 정의 레이블을 지정하고 바 위에 절대 위치를 지정하세요.

Label progressText = new Label("Progress: 50%");
progressText.setLayoutX(getProgressBar().getLayoutX() + getProgressBar().getWidth() / 2);
progressText.setLayoutY(getProgressBar().getLayoutY() + 2);

추가 사용자 정의

진행률 표시줄 높이 변경

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}

CSS 클래스 이름 및 명령

ProgressBar 구성 요소에 대한 CSS 클래스 이름과 명령은 JavaFX 기본 스타일 시트(예: modena.css(Java 8) 또는 caspian.css(Java 7))에서 사용할 수 있습니다.

CSS 참조 가이드

JavaFX CSS 사용에 대한 일반적인 정보는 JavaFX CSS 참조 가이드를 참조하세요.

위 내용은 JavaFX 진행률 표시줄의 모양을 어떻게 사용자 정의할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!