JavaFX中effect包中Blend类简单使用

JavaFX中effect包中Blend类简单使用   

 

在JavaFX的类库中提供了许多特殊效果。在RIA应用它，可以具有更好的视觉。今天，我看看Blend类的使用。混合效果示例效果如图：

 

1. /*
2.  * Main.fx
3.  *
4.  * Created on Dec 29, 2008, 9:50:06 PM
5.  */
7. package effects;
9. import javafx.scene.*;
10. import javafx.scene.effect.Blend;
11. import javafx.scene.effect.BlendMode;
12. import javafx.scene.effect.Flood;
13. import javafx.scene.paint.Color;
14. import javafx.scene.paint.CycleMethod;
15. import javafx.scene.paint.LinearGradient;
16. import javafx.scene.paint.Stop;
17. import javafx.scene.shape.Rectangle;
18. import javafx.scene.text.Font;
19. import javafx.scene.text.FontPosture;
20. import javafx.scene.text.FontWeight;
21. import javafx.scene.text.Text;
22. import javafx.stage.Stage;
24. /**
25.  * @author Administrator
26.  */
27. var x:Integer=0;
28. Stage {
29.     title: "Application title"
30.     width: 350
31.     height: 150
32.     scene: Scene {
33.         content:[
34.             Group{
35.                 content:[
36.                     for(x in [0..4])  {
37.                     
38.                         Rectangle {
39.                             y: indexof x * 20
40.                             width: 100
41.                             height: 10
42.                             fill: LinearGradient {
43.                                 startX: 0.0
44.                                 startY: 0.0
45.                                 endX: 0.25
46.                                 endY: 0.25
47.                                 cycleMethod: CycleMethod.REFLECT
48.                                 stops: [
49.                                     Stop {
50.                                         offset: 0.0
51.                                     color: Color.RED },
52.                                     Stop {
53.                                         offset: 1.0
54.                                     color: Color.YELLOW }
55.                                 ]
56.                             }
57.                         }
58.                     }
59.                     Text {
60.                         effect: Blend {
61.                             mode: BlendMode.SRC_OUT
62.                             topInput: Flood {
63.                                 paint: Color.BLUE
64.                                 x: 10
65.                                 y: 10
66.                                 width: 160
67.                                 height: 80
68.                             }
69.                         }
70.                         translateX:100;
71.                         x: 25
72.                         y: 65
73.                         content: "SrcOut"
74.                         fill: Color.BLUE
75.                         font: Font.font(null, FontWeight.BOLD, FontPosture.ITALIC, 36);
76.                     }
78.                 ]
79.             }
80.         ]
81.     }
82. }

在Retangle使用了LinerGradient效果，并且有五个长方形。而“SrcOut”使用Blend效果。

其中Blend类的主要属性有：

topInput：顶端输入；

bottomInput：末端输入；

mode：模式；

opacity：不透明度；

主要是把两种输入的颜色按一定的模式混合在一起。