fx 属性与布局

属性与布局是一个具备gui开发能力的开发者,快速进入开发必备的知识储备,下面简单说一说常用的属性,与布局

颜色

  • 颜色

    在 javafx.scene.paint.Color 类中提供了 RGB HSB WEB 等在不同应用场景下的方法,下面基本上你看看代码就可以快速应用到你的项目里面去.

  • FX渐变颜色

    梯度绘制可以在两种或更多种颜色之间内插,这给出形状的深度。JavaFX提供两种类型的渐变:径向渐变(RadialGradient)和线性渐变(LinearGradient)。

    要在JavaFX中创建渐变颜色,需要设置五个属性值。如下 -

    设置开始起点的第一个停止颜色。

    将终点设置为终止停止颜色。

    设置proportional属性以指定是使用标准屏幕坐标还是单位平方坐标。

    将循环方法设置为使用三个枚举:NO_CYCLE,REFLECT或REPEAT。

    设置停止颜色数组。

    • 线性梯度(LinearGradient)

      属性 数据类型及描述

      startX Double - 设置梯度轴起点的X坐标。

      startY Double - 设置梯度轴起点的Y坐标。

      endX Double - 设置梯度轴终点的X坐标。

      endY Double - 设置梯度轴终点的Y坐标

      proportional Boolean - 设置坐标是否与形状成比例。设置为true时则使用单位正方形坐标,否则使用屏幕坐标系。

      cycleMethod CycleMethod - 设置应用于渐变的循环方法。

      stops List - 设置渐变颜色指定的停止列表。
  • 径向渐变 RadialGradient

    ocusAngle Double - 设置从渐变中心到映射第一种颜色的焦点的角度(以度为单位)。

    focusDistance Double - 设置从渐变中心到映射第一种颜色的焦点的距离。

    centerX Double - 设置渐变圆的中心点的X坐标。

    centerY Double - 设置渐变圆的中心点的Y坐标。

    radius Double - 设置颜色渐变的圆的半径。

    proportional boolean - 设置坐标和大小与形状成比例。

    cycleMethod CycleMethod - 设置应用于渐变的Cycle方法。

    Stops List - 设置渐变颜色的停止列表

域模型与属性绑定

  • 我们实现登录操作的时候,绑定实体类的值,用户名,密码等 封装 get set 的时候可以使用这个字段
  • JavaFX的属性包含实际值,并提供更改支持,无效支持和绑定功能。所有JavaFX属性类都位于javafx.beans.property.*包命名空间中。

    下面的列表是常用的属性类。

    javafx.beans.property.SimpleBooleanProperty

    javafx.beans.property.ReadOnlyBooleanWrapper

    javafx.beans.property.SimpleintegerProperty

    javafx.beans.property.ReadOnlyintegerWrapper

    javafx.beans.property.SimpleDoubleProperty

    javafx.beans.property.ReadOnlyDoubleWrapper

    javafx.beans.property.SimpleStringProperty

    javafx.beans.property.ReadOnlyStringWrapper
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty; public class Main{
public static void main(String[] args) {
StringProperty password = new SimpleStringProperty("yiibai.com");
password.set("example.com");
System.out.println("Modified StringProperty " + password.get() );
}
}
  • javabean具体代码(忽略get set)

  • 属性更改事件

    属性可以通知值更改的事件处理程序,以便在属性更改时进行响应处理相关操作。JavaFX属性对象包含一个addListener()方法,它接受两种类型的功能接口:ChangeListener(改变值)和invalidationListener(初始化值)

  • 代码:



  • 他们都实现了 ObservableValue和Observable接口

    实际上也可以这样这:

绑定

  • 双向绑定

    双向绑定绑定相同类型的属性,并同步两侧的值。当使用bindBidirectional()方法双向绑定时,需要两个属性都必须是可读/写的。

  • 高级别绑定

    multiply(),divide(),subtract(),isEqualTo(),isNotEqualTo(),concat()。 请注意,方法名称中没有get或set。当链接API在一起时可以写代码,就像类似于写英文句子,例如,width().multiply(height()).divide(2)。

  • 低级别绑定

    当对NumberBinding类进行子类化时,使用低级别绑定,例如Double类型的DoubleBinding类。

    在DoubleBinding类的子类中,我们覆盖它的computeValue()方法,以便可以使用运算符(例如*和 - )来制定复杂的数学方程计算

值的跟踪传递

  • javafx.collections包

    接口

    接口 描述

    ObservableList 允许跟踪更改的列表

    ListChangeListener 接收更改通知的接口

    ObservableMap 允许跟踪更改的映射

    MapChangeListener 从ObservableMap接收更改通知的接口



    类 描述

    FXCollections 实用程序类映射到java.util.Collections

    ListChangeListener.Change 表示对ObservableList所做的更改

    MapChangeListener.Change 表示对ObservableMap所做的更改

  • list map 操作方法是一样的

JAVAFX-5 开发应用的更多相关文章

  1. 问题记录:JavaFx 鼠标滑轮滚动事件监听!

    问题描述: 在listview的item里面添加鼠标拖拽排序功能.代码如下: setOnMouseDragged(event -> { //设定鼠标长按0.3秒后才可拖拽 防止误操作 isCan ...

  2. JavaFx客户端服务器C/S架构搭建

    客户端获取服务器端软件更新版本方法: package com.platform.ui.update; import java.io.BufferedInputStream; import java.i ...

  3. JavaFX 教程资料收集

    1. JavaFX中文资料 http://www.javafxchina.net/blog/docs/tutorial1/ 2. JavaFX入门教程 http://www.xrpmoon.com/c ...

  4. 在 linux 上部署并运行 JavaFX 项目

    环境 redhat 6.4.eclipse安装JavaFX插件 项目详情及代码参见 在linux上配置并创建JavaFX项目 ,该部署即此文章中项目的部署 配置build.fxbuild 生成buil ...

  5. 在linux上配置并创建JavaFX项目

    本环境为linux配置,因为这里的JavaFX项目是为定制Oracle监控工具而写的.现Oracle已收购Java好几年,用它自己的产生监控自己的东西还是很兼容的.此处Eclipse 为4.5版本. ...

  6. javafx之登陆界面的跳转

    界面布局用到的是fxml而非纯java代码,工具是javafx sence builder 账号:account 密码:password 登陆成功: 可以点击退出登陆返回到登陆页面 工程目录: pac ...

  7. JAVAFX纯手写布局

    主页面效果: 第一栏的效果: 工程目录: package MessageBean; /** * * @author novo */ public class Message { private Str ...

  8. javafx之HTTP协议交互

    javafx端要获取获取如下信息: 服务器端获取的数据: javafx客户端发送的数据以及获取的数据: 工程目录: package Httputil; import IPsite.IPaddress; ...

  9. eclipse开发 javafx(转)

    了解过JavaFX的都知道,JavaFX自从2.0版本开始,已经完全抛弃了之前的script语言,才用纯java来实现.这样的好处就是1.让使用Java的IDE进行JavaFX的开发成为可能,2.Ja ...

  10. JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (3):部署設定及應用 (转帖)

    說明:這一篇主要是說明如何將程式部署到Application Server,以及程式如何運作,產生的檔案置於何處,以及如何以瀏覽器呈現(Applet),或是當成桌面應用程式,或是 桌面Applet,這 ...

随机推荐

  1. 关于无法下载android开发工具的解决方法

    目前中国内地访问android网站需要FQ.不过这个网站http://www.androiddevtools.cn/提供了所有的和官网上一样的android开发工具和一些其他问题的解决方法.为andr ...

  2. 简单的同步Socket程序服务端

    首先,Socket是.Net提供的 System.Net.Sockets命名空间的Scoket类为网络通信提供了一套丰富的方法和属性 服务器按照Socket的基本流程 先创建Socket 在用Bind ...

  3. 使用python+Selenium对空调控制器进行循环发送控制命令

    今天一同事说想对空调控制器进行循环发送命令操作.经过了对控制流程的梳理,发现每次选择内机后进入控制页面设定温度都是在26度,想了想,如果要进行循环就得将设定温度重置为17度,然后每循环一次温度增加1度 ...

  4. 提高UI设计效率的4个技巧

    提高UI设计效率的4个技巧 如何提高UI设计的速度?在这里分享一些我观察到的常见问题和改善方式.当然,需要注意的地方何其多. 身为设计师的你,应该要了解工程实作的基本原理: 业界 NG 率:接近 10 ...

  5. three.js 实现全景以及优化(1)

    实现一个三维全景;  然后思考优化问题; 于是我问了下webgl技术交流群朋友有啥解决方案; 对于krpano.js 的了解,只是知道百度全景用了这个技术; 最后还是选择了群友给出的three.js  ...

  6. Dagger2的基本概念与实际应用。

    本文系原创博客,文中不妥烦请指出,如需转载摘要请注明出处! Dagger2的基本概念与实际应用 Alpha Dog 2016-11-30  10:00:00 本文Demo的github地址:https ...

  7. WebPack介绍

    一.Webpack 是什么 Webpack 是德国开发者 Tobias Koppers 开发的模块加载器,Instagram 工程师认为这个方案很棒, 似乎还把作者招过去了.在 Webpack 当中, ...

  8. Spring Framework 简介

    Spring Framework 依赖注入.事务管理.Web应用程序.数据访问.消息传递.测试和更多的核心支持. Tips: Spring 官网:https://spring.io/ spring f ...

  9. SQLite3创建数据库的方法

    上次刚接触SqlLite,不知道怎么创建数据库,现在做下总结: 界面和MYSQL一样,都是CMD界面,但不是在SQLite.exe中创建数据库: 首先还是说一下cmd下sqlite的使用网上已经很多了 ...

  10. echarts图表变形解决方案

    在同一页面的多个echarts图在查询或切换图片时可能会变形,如图 解决方案是添加以下几行代码 /*在查询或切换统计图时图片有可能会变形,于是每次调getEchartsData()都给每个chart的 ...