多读书多实践，勤思考善领悟

JavaFX Colors（颜色）

后端 2019/08/08

本文于2049天之前发表，文中内容可能已经过时。

要将颜色应用于应用程序，JavaFX在包javafx.scene.paint包中提供了各种类。该包包含一个名为Paint的抽象类，它是用于应用颜色的所有类的基类。

使用这些类，您可以使用以下模式应用颜色 -

  • Uniform 统一 - 在此模式中，颜色在整个节点中均匀应用。
  • Image Pattern 图像模式 - 这使您可以使用图像模式填充节点的区域。
  • Gradient 渐变 - 在此模式中，应用于节点的颜色从一个点到另一个点不同。它有两种梯度，即线性梯度和径向梯度。

所有可以应用颜色的节点类（如Shape，Text（包括Scene））都有名为setFill（）和setStroke（）的方法。这些将有助于分别设置节点的颜色值及其笔划。

这些方法接受Paint类型的对象。因此，要创建这些类型的图像中的任何一种，您需要实例化这些类并将该对象作为参数传递给这些方法。

将颜色应用于节点

要为节点设置统一的颜色模式，需要将类颜色的对象传递给setFill（），**setStroke（）**方法，如下所示 -

1
2
3
4
5
6
7
//Setting color to the text 
Color color = new Color.BEIGE 
text.setFill(color); 

//Setting color to the stroke 
Color color = new Color.DARKSLATEBLUE 
circle.setStroke(color);

在上面的代码块中，我们使用颜色类的静态变量来创建颜色对象。

同样，您也可以使用RGB值或HSB标准着色或Web哈希码的颜色，如下所示 -

1
2
3
4
5
6
7
8
//creating color object by passing RGB values 
Color c = Color.rgb(0,0,255);   

//creating color object by passing HSB values
Color c = Color.hsb(270,1.0,1.0);  

//creating color object by passing the hash code for web 
Color c = Color.web("0x0000FF",1.0);

例

下面是一个演示如何将颜色应用于JavaFX中的节点的示例。在这里，我们创建一个圆形和文本节点并为它们应用颜色。

将此代码保存在名为ColorExample.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.stage.Stage; 
import javafx.scene.shape.Circle; 
import javafx.scene.text.Font; 
import javafx.scene.text.Text; 
         
public class ColorExample extends Application { 
   @Override 
   public void start(Stage stage) { 
      //Drawing a Circle 
      Circle circle = new Circle();    
      
      //Setting the properties of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(180.0f); 
      circle.setRadius(90.0f); 
       
      //Setting color to the circle 
      circle.setFill(Color.DARKRED);    
      
      //Setting the stroke width 
      circle.setStrokeWidth(3); 
      
      //Setting color to the stroke  
      circle.setStroke(Color.DARKSLATEBLUE);
      
      //Drawing a text 
      Text text = new Text("This is a colored circle"); 
      
      //Setting the font of the text 
      text.setFont(Font.font("Edwardian Script ITC", 50)); 
      
      //Setting the position of the text 
      text.setX(155); 
      text.setY(50); 
       
      //Setting color to the text 
      text.setFill(Color.BEIGE); 
      text.setStrokeWidth(2); 
      text.setStroke(Color.DARKSLATEBLUE); 
         
      //Creating a Group object  
      Group root = new Group(circle, text); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Color Example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   } 
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
Javac ColorExample.java 
java ColorExample

执行时，上面的程序生成一个JavaFX窗口，如下所示 -

颜色示例

将图像模式应用于节点

要将图像模式应用于节点，请实例化ImagePattern类并将其对象传递给setFill（），**setStroke（）**方法。

该类的构造函数接受六个参数，即 -

  • Image 图像 - 要用于创建图案的图像的对象。
  • x和y - 表示锚矩形原点（x，y）坐标的双变量。
  • height和width - 表示用于创建图案的图像的高度和宽度的双变量。
  • isProportional - 这是一个布尔变量; 将此属性设置为true时，开始和结束位置将设置为成比例。
1
ImagePattern radialGradient = new ImagePattern(dots, 20, 20, 40, 40, false);

例

以下是演示如何将图像模式应用于JavaFX中的节点的示例。在这里，我们创建一个圆圈和一个文本节点，并将图像模式应用于它们。

将此代码保存在名为ImagePatternExample.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.image.Image; 

import javafx.scene.paint.Color; 
import javafx.scene.paint.ImagePattern; 
import javafx.scene.paint.Stop; 

import javafx.stage.Stage; 
import javafx.scene.shape.Circle; 
import javafx.scene.text.Font; 
import javafx.scene.text.Text; 
         
public class ImagePatternExample extends Application { 
   @Override 
   public void start(Stage stage) {           
      //Drawing a Circle 
      Circle circle = new Circle();    
      
      //Setting the properties of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(180.0f); 
      circle.setRadius(90.0f); 
       
      //Drawing a text 
      Text text = new Text("This is a colored circle"); 
      
      //Setting the font of the text 
      text.setFont(Font.font("Edwardian Script ITC", 50)); 
      
      //Setting the position of the text
      text.setX(155); 
      text.setY(50); 
       
      //Setting the image pattern 
      String link = "https://encrypted-tbn1.gstatic.com" 
         + "/images?q=tbn:ANd9GcRQub4GvEezKMsiIf67U" 
         + "rOxSzQuQ9zl5ysnjRn87VOC8tAdgmAJjcwZ2qM";       
      
      Image image = new Image(link); 
      ImagePattern radialGradient = new ImagePattern(image, 20, 20, 40, 40, false); 
       
      //Setting the linear gradient to the circle and text 
      circle.setFill(radialGradient); 
      text.setFill(radialGradient); 
         
      //Creating a Group object  
      Group root = new Group(circle, text); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Image pattern Example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   } 
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
Javac ImagePatternExample.java 
java ImagePatternExample

执行时，上面的程序生成一个JavaFX窗口，如下所示 -

图像模式示例

应用线性梯度模式

要将线性渐变模式应用于节点，请实例化LinearGradient类并将其对象传递给**setFill（），setStroke（）**方法。

该类的构造函数接受五个参数，即 -

  • startX，startY - 这些double属性表示渐变起点的x和y坐标。
  • endX，endY - 这些double属性表示渐变结束点的x和y坐标。
  • cycleMethod - 此参数定义应如何填充由起点和终点定义的颜色渐变边界之外的区域。
  • proportional - 这是一个布尔变量; 将此属性设置为true时，开始和结束位置将设置为一个比例。
  • Stops 停止 - 此参数定义沿渐变线的颜色停止点。
1
2
3
4
5
6
7
//Setting the linear gradient 
Stop[] stops = new Stop[] { 
   new Stop(0, Color.DARKSLATEBLUE),  
   new Stop(1, Color.DARKRED)
};  
LinearGradient linearGradient = 
   new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);

例

以下是演示如何将渐变模式应用于JavaFX中的节点的示例。在这里，我们创建一个圆和一个文本节点，并将线性渐变模式应用于它们。

将此代码保存在名为LinearGradientExample.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 

import javafx.scene.paint.Color; 
import javafx.scene.paint.CycleMethod; 
import javafx.scene.paint.LinearGradient; 
import javafx.scene.paint.Stop; 

import javafx.stage.Stage; 
import javafx.scene.shape.Circle; 
import javafx.scene.text.Font; 
import javafx.scene.text.Text; 
         
public class LinearGradientExample extends Application { 
   @Override 
   public void start(Stage stage) {           
      //Drawing a Circle 
      Circle circle = new Circle();    
      
      //Setting the properties of the circle 
      circle.setCenterX(300.0f);  
      circle.setCenterY(180.0f); 
      circle.setRadius(90.0f); 
      
      //Drawing a text 
      Text text = new Text("This is a colored circle"); 
      
      //Setting the font of the text 
      text.setFont(Font.font("Edwardian Script ITC", 55)); 
      
      //Setting the position of the text 
      text.setX(140); 
      text.setY(50); 
       
      //Setting the linear gradient 
      Stop[] stops = new Stop[] { 
         new Stop(0, Color.DARKSLATEBLUE),  
         new Stop(1, Color.DARKRED)
      };  
      LinearGradient linearGradient = 
         new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops); 
       
      //Setting the linear gradient to the circle and text 
      circle.setFill(linearGradient); 
      text.setFill(linearGradient); 
         
      //Creating a Group object  
      Group root = new Group(circle, text); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Linear Gradient Example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   }      
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
Javac LinearGradientExample.java 
java LinearGradientExample

执行时，上面的程序生成一个JavaFX窗口，如下所示 -

线性梯度

应用径向梯度模式

要将径向渐变图案应用于节点，请实例化GradientPattern类并将其对象传递给**setFill（），setStroke（）**方法。

该类的构造函数接受一些参数，其中一些是 -

  • startX，startY - 这些double属性表示渐变起点的x和y坐标。
  • endX，endY - 这些double属性表示渐变结束点的x和y坐标。
  • cycleMethod - 此参数定义颜色渐变边界之外的区域如何由起点和终点定义以及如何填充它们。
  • proportional - 这是一个布尔变量; 将此属性设置为true时，开始和结束位置将设置为一个比例。
  • Stops 停止 - 此参数定义沿渐变线的颜色停止点。
1
2
3
4
5
6
7
8
9
//Setting the radial gradient 
Stop[] stops = new Stop[] { 
   new Stop(0.0, Color.WHITE),  
   new Stop(0.3, Color.RED), 
   new Stop(1.0, Color.DARKRED) 
};        

RadialGradient radialGradient = 
   new RadialGradient(0, 0, 300, 178, 60, false, CycleMethod.NO_CYCLE, stops);

例

以下是演示如何将径向渐变模式应用于JavaFX中的节点的示例。在这里，我们创建一个圆和一个文本节点，并为它们应用渐变模式。

将此代码保存在名为RadialGradientExample.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 

import javafx.scene.paint.Color; 
import javafx.scene.paint.CycleMethod; 
import javafx.scene.paint.RadialGradient;  
import javafx.scene.paint.Stop; 

import javafx.stage.Stage; 
import javafx.scene.shape.Circle; 
import javafx.scene.text.Font; 
import javafx.scene.text.Text;   

public class RadialGradientExample extends Application {  
   @Override 
   public void start(Stage stage) { 
      //Drawing a Circle 
      Circle circle = new Circle(); 
      
      //Setting the properties of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(180.0f); 
      circle.setRadius(90.0f);  
      
      //Drawing a text 
      Text text = new Text("This is a colored circle"); 
      
      //Setting the font of the text 
      text.setFont(Font.font("Edwardian Script ITC", 50)); 
      
      //Setting the position of the text 
      text.setX(155); 
      text.setY(50);  
      
      //Setting the radial gradient 
      Stop[] stops = new Stop[] { 
         new Stop(0.0, Color.WHITE),  
         new Stop(0.3, Color.RED), 
         new Stop(1.0, Color.DARKRED) 
      };        
      RadialGradient radialGradient = 
         new RadialGradient(0, 0, 300, 178, 60, false, CycleMethod.NO_CYCLE, stops);  
      
      //Setting the radial gradient to the circle and text 
      circle.setFill(radialGradient); 
      text.setFill(radialGradient);  
      
      //Creating a Group object  
      Group root = new Group(circle, text);  
      
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300); 
      
      //Setting title to the Stage 
      stage.setTitle("Radial Gradient Example");  
      
      //Adding scene to the stage 
      stage.setScene(scene);  
      
      //Displaying the contents of the stage 
      stage.show(); 
   }
   public static void main(String args[]) { 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
Javac RadialGradientExample.java 
java RadialGradientExample

执行时，上面的程序生成一个JavaFX窗口，如下所示 -

径向渐变

转载声明：商业转载请联系作者获得授权,非商业转载请注明出处 © Ljjyy.com
Copyright © 2019-2025 Ljjyy.com | 关于我们 | 网站地图 | 时间轴