忘川之上,桑梓之下。
一半时光,一半是影。

JFoenix之JFXButton的使用

前面介绍了JFoenix的下载及导入方法,另外也在一个简单的界面上添加了一个按钮,这篇文章就重点讲解一下JFXButton的特性及使用方法。首先用Scene Builder打开.fxml文件,点击上次添加的按钮,这是在左侧边栏会出现这个控件的各种属性,其中标有文字的都是我们需要重点关注的属性:

 

Button Type:可以选择RAISED或者FLAT,其中RAISED是带有浮动特效的,FLAT则无。

Rippler Fill:按钮按下时的波纹颜色,如果你用过5.0+版本的安卓系统,应该清楚这个波纹特效的样子,由于不方便截图,这里就不赘述了。

Text、Font、Text Fill:按钮显示的文字,文字大小及文字颜色。

Default Button:按钮是否默认选择,如果开启当该界面运行时,该按钮会默认被选中,按下回车即可触发按钮事件


Style:可以设置按钮的颜色,边框,圆角等各种属性,比如shigure就通过-fx-background-color把按钮设置为了粉红色。

Style Class、Stylesheets:这两项很重要,shigure会在下篇文章中重点讲解。

Constraints:按钮的位置,即距离该按钮所在pane边框的距离。

Pref Width、Pref Height:按钮的长宽,但是不能超过所在pane大小。


fx:id:可以理解为控件的变量名,javafx是基于mvc的gui框架,我们在Scene Builder中设置的所有控件只会出现在对应的.fxml文件中,如果想要对这些控件进行设置,我们需要另外创建一个controller文件来进行控制,所以我们需要一个变量名才能够使控件在两个文件中一一对应。

On Action:按钮的事件名,如果我们想要按钮按下时干些什么事情的话,我们需要添加一个事件,事件在controller是一个方法,所以我们可以认为这是给其起一个方法名。

这些全部设置完之后我们先按control+s保存,然后点击菜单栏的View->Show Sample Controller Skeleton,将其中的代码复制到我们的Controller.java中。


如果在Controller.java中JFXButton的左侧没有出现如图所示的小图标的话,请在sample.fxml中添加如下的一句话:

这时我们可以在Action那里写一些东西,当按钮被按下的时候,这些代码就会被执行,比如:System.out.println(“shigure.me”);当按钮按下时就会在控制台打印出shigure.me


如果你发现你程序弹出的框太小,显示不出你的按钮的话,可以把Main中的这句话root后面的东西删除掉:

未经允许不得转载:枯木 » JFoenix之JFXButton的使用

评论 抢沙发