JavaFx学习以及小demo的实现

最新推荐文章于 2024-09-06 21:59:13 发布

茗少

最新推荐文章于 2024-09-06 21:59:13 发布

阅读量1.7k

点赞数

分类专栏： Javafx UI设计

本文链接：https://blog.csdn.net/qq_41896040/article/details/93192571

版权

本文分享了作者学习JavaFx的心得，指出相较于Swing，JavaFx提供更美观的界面和强大的功能，主要通过Fxml文件结合Css样式实现。通过一个简单的demo，演示了使用fxml和css创建界面的步骤，强调了JavaFx在提升用户体验方面的优势。

摘要由CSDN通过智能技术生成

心得体会:

刚开始学的时候感觉JavaFx跟swing确实有很大的不一样，swing的样式太过于死板并且加载界面的时候会时不时出现一些不可预知的bug，比如说一个组件加载不出来，说实话那个界面也是真的丑，导致用户体验感极差。不布过javafx不能直接用布局写在java文件中，为了界面更加美观,javafx的另一面则展现了强大的功能，就是用fxml文件结合css样式文件，思想跟网页布局差不多，最后在java文件里加载fxml文件和css文件，就可以展示好看的界面了。

具体看下面的demo

1.第一步，写出fxml文件

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.effect.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.image.Image?>
<BorderPane
       styleClass="green-theme"
       xmlns:fx="http://javafx.com/fxml"
       fx:controller="com.soft1841.book.controller.MainController">
   <top>
       <AnchorPane prefHeight="80.0">
           <Label text="图书后台管理系统" styleClass="font-gray" onMouseClicked="#listDefault"
                  AnchorPane.topAnchor="20" AnchorPane.leftAnchor="10">
               <effect>
                   <Reflection bottomOpacity="0.2" fraction="0.5" topOffset="-5.0"/>
               </effect>
               <font>
                   <Font name="System Bold" size="26.0"/>
               </font>
           </Label>
           <ImageView fitWidth="45" fitHeight="45" AnchorPane.topAnchor="15" AnchorPane.rightAnchor="120">
               <