HOWTO · JavaFX
JavaFX의 색상 텍스트 필드 텍스트
이 튜토리얼에서는 JavaFX에서 텍스트 필드 텍스트에 색상을 지정하는 방법을 보여줍니다.
‘텍스트 필드’는 JavaFX UI 구성 요소의 기본 요소입니다. 이 구성 요소를 통해 사용자 입력을 시스템에 가져올 수 있습니다.
setStyle() 메소드를 사용하여 CSS 속성을 직접 구현하여 이 Textfield의 스타일을 지정할 수 있습니다. 외부 CSS 파일을 제공하여 이러한 CSS 속성을 포함할 수도 있습니다.
이 기사에서는 JavaFX에서 Textfield를 만들고 이 Textfield의 텍스트에 색상을 제공하는 방법을 살펴보겠습니다. 이해를 돕기 위해 이 주제에 대한 설명이 포함된 예도 봅니다.
JavaFX의 텍스트 필드 텍스트 색상
아래 예제에서 Textfield를 만들고 텍스트 색상을 빨간색으로 설정합니다. 우리 예제의 코드는 아래와 같을 것입니다.
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class FXTextfield extends Application {
public void start(Stage PrimaryStage) {
PrimaryStage.setTitle("TextField text color"); // Providing a title to our application
TextField txt = new TextField(); // Creating a text field
StackPane stkpn = new StackPane(); // Creating a stackpane
stkpn.getChildren().add(txt); // Adding text field to the stackpane
txt.setStyle("-fx-text-fill: red;"); // Setting the text color to red
Scene scene =
new Scene(stkpn, 200, 100); // Creating a scene with stackpane and dimention of 200x100
PrimaryStage.setScene(scene); // Creating the stage with the scene
PrimaryStage.show(); // Visualizing the stage
}
public static void main(String args[]) {
launch(args); // Launching the application
}
}
우리는 이미 각 라인의 목적에 대해 언급했습니다. 이제 우리는 여기에서 주제의 핵심 부분에 대해 논의합니다.
txt.setStyle("-fx-text-fill: red;"); 행을 통해 CSS 속성 -fx-text-fill을 red로 설정합니다. 우리는 setStyle() 메소드를 사용했습니다.
위의 예제 코드를 컴파일하고 사용자 환경에서 실행하면 아래와 같은 출력을 얻을 수 있습니다.
텍스트 필드 텍스트 색상을 변경하는 다른 방법
JavaFX는 FXML과 함께 작동하는 CSS를 지원합니다. 이제 Oracle에서 제공하는 Scene Builder와 같은 JavaFX GUI 구축 도구를 사용하여 사용자 인터페이스를 설계할 때 UI를 개발하면서 CSS 속성으로 텍스트 색상을 쉽게 정의할 수 있습니다.
또한 아래 속성을 추가할 수 있는 CSS 파일을 추가할 수 있습니다.
-fx-text-fill: red;
아래 코드를 사용하여 CSS 파일을 코드에 직접 포함할 수 있습니다.
scene.getStylesheets().add("YourCSS.css")
IDE가 라이브러리 및 패키지의 자동 포함을 지원하지 않는 경우 기억하십시오. 그런 다음 컴파일하기 전에 이러한 필수 라이브러리 및 패키지를 수동으로 포함해야 할 수도 있습니다.
