首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaFX 简介

这是官方示例程序,我们可以参考JavaFX部分来学习如何使用。下面是其中一个分形JavaFX程序,点击上面的数字可以进入不同微观展示,感觉有一种看病毒微观世界感觉,很震撼。 ?...这个程序其实也没什么难点,就是使用了网格布局,然后将每个元素添加到网格中。关于网格布局属性意义可以参考官方图。 ?...FXML中用fx:id属性指定ID,可以控制器中声明为一个类字段,通过这个字段就可以和界面组件进行交互。同样道理,onAction声明事件处理程序,控制器中就是一个方法。...注意这些字段和方法都需要使用@FXML注解进行标注。...如果希望修改组件样式,JavaFX提供了CSS接口,让我们可以直接使用CSS文件修改样式。首先需要在FXML文件中添加相应样式表引用。文件名前面的@表示这个CSS文件和FXML文件同一目录下。

5.6K70

JavaFX入门(五):使用CSS样式美化你UI控件

其对应命名为:将JavaFX类名成首字母小写,如果是由多个单词拼接类名,将每个单词原来大写首字母小写然后用连字符将多个单词连接。...其实类型选择器我们可以看做一种特殊类选择器。 CSS中属性命名规则是:以-fx开头,然后连接该类属性,属性名称单词首字母小写,然后用连字符连接拼接属性单词。...对于Node任意子类都有一个getStyleClass()方法,我们可以通过getStyleClass().add(“font-large”);将给类样式添加到指定控件上。...SceneBuilder中设计图如下: MainWindow.fxml代码如下: <?...主程序start()方法中添加一句代码:scene.getStylesheets().add( getClass().getResource("MainStyle.css") .toExternalForm

9.3K50
您找到你想要的搜索结果了吗?
是的
没有找到

JavaFX入门(四):JavaFX布局(一)

下面简单说说一些常用控件类用法。这里我们使用SceneBuilder进行界面的设计,SceneBuilder可以Gluon下载。...SceneBuilder界面如下,我们可以简单使用拖拽方法进行界面设计。 ? 1....Pane Pane是其它布局控件类父类,我们可以将Pane看成一个绝对布局控件,当我们将某个控件放置Pane当中时候,我们需要指定它位置坐标(layoutX和layoutY)。...SceneBuilder中我们可以很容易右边属性面板中设置锚定方位和距离: ? 比如我们左上角和右下角放置两个Button,如图: ?...我们用SceneBuilder设计界面的时候,自动生成FXML文件中实体元素和属性是和JavaFX类和属性是对应,我们可以通过FXML了解对应类一些属性和方法

11.1K41

首发! JDK14之jpackage命令尝鲜

fxml中要声明处理controller , 每当fxml加载时候,都会去新建一个controller实例, 所以需要opens controller包名给javafx.fxml exports...一般用于别的模块依赖当前模块时候 jdk9及以后打包方式 jdk9及以后,打包方式,可以不局限于打jar包,可以把jdk这些模块给一起用jlink打成一个镜像....如上所示, 会在build目录,生成image镜像文件夹,然后在其中有bin , conf, lib .然后用cmd运行bin目录中Sunflower就可以了, 如下所示: 记住这朵Sunflower..., 就是我们build目录下image文件夹 --type 打成什么包, mac系统中有 app-image , dmg , pkg三个选项, windows我没试,应该是有exe选项 --name...最终如上图,可以看到生成dmg文件, mac上,进行安装就可以使用了 项目源码 一.Sunflower应用还在开发中, 不久后会开放下载.

3.6K30

javaFX(二)-使用gradle+jdk14创建javafx程序

在上一篇文章中,我们一起学习了jlink和jdk14模块化. 本篇文章中,我们一起来学习gradle来新建一个javafxHello World 程序....本文中这段最重要 这段准备讲一下, 为什么要学习javafx, 小刀学这个, 是出于自己兴趣,当时是公司用k8s,但是想看日志啥,还要先打开网页,登录阿里云,然后选对应集群,然后找到对应命名空间...写着写着, 就想,其实可以把改host, 连redis,连数据库这些简单小功能都做一起. 然后做着做着,就有了小刀平时朋友圈发工具....然后现在陆陆续续写了几个月了, 自我感觉对javaFX一些常用方法和坑都踩了一些,所以开始更新javaFX系列....开源代码 其实我一直不想在文章中写很多代码,平常小刀朋友圈发那个工具,已经开源, 而且也有小伙伴下载下来成功运行了, 所以,,,不要纠结上面的代码,,可以直接下载这个就行 https://github.com

4.1K20

JavaFX之Scene Builder使用(开发一款GUI小工具原来这么简单)

4.2 创建fxml文件以及Controller类文件 什么fxml文件?...FXML是一种以XML格式表示JavaFX界面对象文件,FXML文件中每一个元素可以映射到JavaFX一个类,每个FXML元素属性或者其子元素都可以映射为该对应JavaFXML类属性....~~ 可以根据自己功能需求click方法中修改你点击按钮可以实现功能~ 五、拓展 之前我们创建那个Controller类通常需要实现Initializable接口,并重写里面的initialize...start()方法,而Controller类则可以重写init()方法,来做一些初始化相关工作。...拿上面的按钮例子来解释一下标签中属性是干嘛吧~ fx:id指就是这个控件id值,为Controller类中控制这个控件 onAction指的是点击这个按钮就能实现什么功能 text指就是这个按钮文本

6.8K31

JAVAFX(一) java Module 模块化简介

前言 看过小刀最近朋友圈小伙伴应该都知道, 最近小刀写一个桌面的工具包, 可以连k8s, 可以做图床等等, 其中用到技术栈就是 jdk14+javaFX....了. javaFX java身为一个跨平台语言,我们对其更多直观感受是win/mac 上写了一个springboot程序, 然后丢到win/linux服务器上去运行....不仅仅是服务端应用, 桌面端应用也可以这样跨平台. 用上面用jpackage打包之后应用, 不同平台上打的包, 可以不同平台上运行. 虽然UI/字符显示上会有些许差别,但是差别不怎么大....: 我们这个模块(模块名: red.lixiang.tools.sunflower) 需要javafx.controls和javafx.fxml模块 opens: 主要是反射使用,javafx.fxml...可以反射red.lixiang.tools.sunflower中类,然后可以对应实例化,或者调用实例中方法 Jlink java 模块化中, jlink命令是核心,其作用就是把jdk中我们需要模块抽出来

2.2K10

Using JavaFX UI Controls 12 Table View

很多JavaFX SDK API种类为表格表单中呈现数据。JavaFX 应用中对创建表格最重要是TableView, TableColumn和TableCell这三个类。...TableView getColumns方法可以获取之前创建过列。在你应用中,你可以用此方法动态添加和移除表格列。...因此带有内容信息实体出现在表格中。 验证例12-8代码。...用户可以对表格多列进行排序,同样也可以指定每列数据排序操作中优先级。如果想多行排列,用户按住Shift同时点击想要排序每一列列头。...图 12-7 多列排序 作为应用开发人员,你可以通过setSortType方法设置每一列排序优先级。你可以分别指定升序和降序排列规则,例如,用下面的代码来设置emailCol 降序排序。

11.3K20

手拉手JavaFX场景

JAVAFXjdk1.8以上引入javafx类库JDK11+JAVAFX(eclipse)方式一方式二直接引入避免​另一种编写方式小知识点setHgrowsetVgrow、需要精确布局时,应重写layoutChildren...:多列列表环境配置舞台Stage舞台(场景(布局(控件)))JavaFX需要继承:javafx.application.AppLication需要实现方法start创建main方法 调用launch需要...getCharacter获取字符、PRESSED按下pressed、TYPE打字,getCode获取代码,案例:import javafx.application.Application;import...布局​编辑BorderPane布局顶部,底部,左,右中心区域中子节点。...放置顶部,底部,左侧,右侧和中心区域中节点默认对齐方式如下:● 顶部: Pos.TOP_LEFT● 底部: Pos.BOTTOM_LEFT● 左侧: Pos.TOP_LEFT● 右侧: Pos.TOP_RIGHT

13100

JavaFX 11发行说明

介绍 以下记录描述了有关此版本重要更改和信息。某些情况下,该说明提供了有关问题更改其他详细信息链接。 从JDK 11开始,JavaFX模块与JDK分开提供。...只要FX窗口工具包代码Linux上使用GTK 3,就会发生这种情况,这是JavaFX 11默认设置。 建议解决方法是在运行JavaFX应用程序时使用Xorg服务器而不是Wayland服务器。...请注意,JDK 10JDK 11不支持Wayland。 另一种解决方法是通过命令行上传递以下系统属性来显式强制GTK 2: java -Djdk.gtk.version=2 ......:: getDefaultClassLoader中调用类错误检查 FXML JDK-8129582 Linux上显示RTL语言文本时,控件显着减慢 图像 JDK-8195801 用MarlinFX...图像 JDK-8196617 某些环境中,FX打印测试因NPE而失败 图像 JDK-8198354 [macOS]单词包装标签中显示损坏泰语字符 图像 JDK-8201231 WindowStage.setPlatformEnabled

6.5K60

JDK 9 中有哪些 jmod 文件?

JDK 9 jmods 目录中有97个jmod文件,这些文件都是干嘛呢?我们写代码时候,都应该怎么用呢?...├── javafx.controls.jmod ├── javafx.deploy.jmod ├── javafx.fxml.jmod ├── javafx.graphics.jmod ├── javafx.media.jmod...「没有模块化Java中,“模块”单位基本上就是“JAR包”。...但是JAR包并不适用于模块,因为它: 不保护内部实现(外部代码有许多办法可以探索到JAR包内部实现,包括反射) 不声明对外部依赖 没有版本号」 「Jigsaw所引入模块,从设计上可以堵住反射API...一个模块只能看到别的模块所导出符号,而无法看到其私有的符号。这么一来,应用层面的Java代码就无法通过反射调用JDK里一些比较敏感方法了。」

1.8K40

IDEA与eclipse桌面配置基础

eclipse中配置jdkWindow–>Preferences–>java–>installed JREs–>add–>Standard VM–>选择jdk安装路径就好了设置字符集编码为utf-8,...配置MavenWindow–>Preferences–>Maven–>Installations–>add–>选择maven解压目录就好了,然后勾选新增maven,配置User Settings–...>选择mavensettings.xml文件Eclipse中Java–>Installed JREs,可以选择JRE所在目录,也可以选择JDK所在目录,选择JDK所在目录有个好处就是可以查看源码。...;requires javafx.controls;requires javafx.fxml;requires javafx.graphics;requires javafx.media;requires...CamelCase 驼峰命名和下划线命名转换SonarLint 代码质量检查插件提升代码质量Save Actions 格式化代码插件优化包导入,自动给没有修改变量添加final修饰符,调用方法时候自动添加

29830

MyChat,一个私有的“微信“

这个复杂不是指它开发难度,而是设计。 ? 之前有人问我(面试官),你说设计模式可以让开发变得容易,又说使用设计模式会让程序变得复杂,这不是自相矛盾?...这次 MyChat 设计,推翻了几次,至少现在我仍不满意,但它确确实实已经做到了一定扩展性,比如新增一个 UI 功能,我有为其考虑使用 模板方法模式, 比如你想新增一种消息类型,我 SDK 包中监听器可以轻松应对...MyChat 项目介绍 该项目适合 netty 学习者进行 IM 相关系统开发者。可以基于该项目快速开发出一个带有通讯能力应用。...UI 采用 JavaFx ,了解过 JavaFx 的人都知道这东西国内文档表现,为使得页面开发便捷,专门为其开发了一些轮子,比如 FxmlObject ,让你可以轻松来操作 fxml 文件对象。...也就是说,你可以使用任何开发方案,不过要考虑集成问题,因为 JavaFx 可以直接调用 java 程序,所以我这没有集成问题。

2.9K10

躁!DJ 风格 Java 桌面音乐播放器

等待几分钟后项目依赖包都可以下载下来。使用 Idea 自带 Maven 构建工具,就可以将项目轻松打包。如下图: ?...javafx.graphics/com.sun.javafx.scene.traversal=org.controlsfx.controls 然后点击 Run Main Debug Main 就可以本地运行项目了...3、导入本地音乐后可选择,选择需要播放音乐,这里直接拖动你想播放音乐。 ? 4、DJ 版播放器可以同步播放两首歌曲,并可以分别控制音量和播放速度。 ?... JavaFX 中,Stage 是应用程序窗口,其中包含称为 Scene 空间。Scene 包含界面的组件,如 UI 空间(按钮,输入框,复选框),容器等。...不知道你对这款音乐播放器有什么感受,欢迎评论区说说自己想法。人们都喜欢美的好事物,而今天这个项目是通过 Java 代码撸出来,难道你还不会不喜欢 Java 这门编程语言

3.7K20

【Flutter 专题】64 图解基本 TextField 文本输入框 (一)

maxLength 为字符长度,设置时默认是展示一行,且右下角有编辑长度与整体长度对比;与 maxLengthEnforced 配合,maxLengthEnforced 为 true 时达到最大字符长度后不可编辑...maxLines 为允许展现最大行数,使用 maxLength 时内容超过一行不会自动换行,因为默认 maxLines=1,此时设置为 null 固定展示行数即可自动换行;区别在于 null 会展示多行...autofocus 是否自动获取焦点,进入页面优先获取焦点,并弹出键盘,若页面中有多个 TextField 设置 autofocus 为 true 则优先获取第一个焦点; return TextField...inputFormatters 为格式验证,例如原生 Android 中通常会限制输入手机号其他特殊字符 Flutter 中也可以借此来进行格式限制,包括正则表达式;使用时需要引入 package...onSubmit 提交时回调,不可与 onEditingComplete 同时使用,区别在于 onSubmit 是带返回值回调; return TextField( onEditingComplete

4.5K51

Flutter Form表单控件超全总结

TextFormField TextFormField继承自FormField,是一个输入框表单,因此TextFormField中有很多关于TextField属性,TextFormField基本用法...validator验证函数,输入值不匹配时候返回字符串显示TextFielderrorText属性位置,返回null,表示没有错误。...使用Form时候需要设置其key,通过key获取当前FormState,然后可以调用FormStatesave、validate、reset等方法,一般通过如下方法设置: final _formKey...; if(_state.validate()){ _state.save(); } validate方法验证表单数据合法性,此方法会调用每一个FormFieldvalidator回调,此回调需要字符串表示数据验证不通过...我们希望用户输入表单时点击返回按钮提示用户"确认退出?"

2K20

iOS小技能:提取数字(文本框对粘贴内容进行手机号码提取)

应用场景:登陆界面、注册界面 文本输入框对手机号码处理逻辑: 1、推荐对粘贴内容进行提取设置 2、键盘为UIKeyboardTypeNumberPad即可 3、提交数据之前才进行正则校验(或者只判断是否长度为...truePhone = [truePhone stringByReplacingOccurrencesOfString:@"+86" withString:@""]; // 从字符串中提取数字即手机号方法...: //invertedSet方法是去反字符,把所有的除了@"0123456789"里字符都找出来(包含去空格功能)替换成"" truePhone...把大圆点替换成英文半角小圆点 新疆外国人姓名中间有间隔符”·“,如迪巴·迪力木拉提,代理商经常将”·“输错为“•” if( [_frNameTextF.text containsString:@...,中文占1,英文等能转ascii占0.5 } } see also iOS短信验证Checklist、格式校验、获取验证码处理流程(限制60s):https://kunnan.blog.csdn.net

1.1K50
领券