2. 程式人生 > >J3001.JavaFX組件擴展（一）——IntegerField、DecimalField和CurrencyField

J3001.JavaFX組件擴展（一）——IntegerField、DecimalField和CurrencyField

阿新 • • 發佈：2018-05-01
rep copyright 返回 edit ldr size 兩個 lse 如果

我們在處理界面展現時，對於整型、浮點型、金額類型的數據時，希望界面組件至少已經處理了以下事項：

1、不接受非法輸入。如對於整型來說，只能輸入數字、負號，並且不允許超過當前平臺上整形數值的最大值。

2、使用千分位對輸入的數據進行格式化。

3、如果是貨幣型，則獲取當前所在區域的貨幣符號等信息，並據此進行數據格式化。

對於界面處理人員來說，這是對開發組件庫最基本的要求。但是實際上，JavaFX沒有提供這些或相似的組件。開源組件中也沒有找到類似的組件。著名的ControlsFX組件庫的開發者額外提供了一個MoneyField，但功能比較弱，並且支持也不算好。

使用Java做界面，你得有這樣一種覺悟：JDK提供的界面功能，有時候是比較弱的，甚至是比較弱智的，得自行不斷豐富、完善自己的組件庫。有時可以采用一些第三方的類庫，有時一些特別基礎的組件，也得自己寫。可能Oracle認為每一個Java界面開發者首先都是合格的界面組件開發人員。

想寫這三個組件很久了，一直沒有時間。昨天我下班後，坐在新電腦前，發了一會兒呆後，花了幾個小時實現了這三個組件。今天上班前，測試完善了一下，感覺可以放出來，供大家參考了。

先看一下效果：

技術分享圖片

有三個輸入框，分別只接受Integer、Decimal（4位小數）、Currency類型的數據。並提供兩個按鈕，一個是打印數值，一個是通過setText()的方式給Decimal賦值。

直接放代碼。

NumberTypeEnum枚舉類，用於區分不同類型的輸入數據，以便於基類分別處理。

package com.lirong.foundation.ui.javafx.control;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: AbstractNumberField及其子類支持的數據類型 <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public enum NumberTypeEnum {
    INTEGER,
    CURRENCY,
    DECIMAL;
}

AbstractNumberField基類，封裝了大多數行為，這是最重要的一個類。

package com.lirong.foundation.ui.javafx.control;

import java.math.BigDecimal;
import java.text.DecimalFormat;
import java.text.DecimalFormatSymbols;
import javafx.geometry.Pos;
import javafx.scene.control.TextField;
import javafx.scene.input.KeyEvent;
import org.apache.commons.lang3.StringUtils;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: 整數、高精度浮點數、貨幣 數值輸入框的虛擬基類，自動校驗輸入合法性，自動增加貨幣符號、千分位 <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public abstract class AbstractNumberField extends TextField {

    private NumberTypeEnum numberType;

    private static final String DEFAULT_NUMBER_SEPARTOR_FORMAT = ",###";

    private final static DecimalFormatSymbols symbols = new DecimalFormatSymbols();

    public AbstractNumberField(NumberTypeEnum numberType) {

        super();
        this.numberType = numberType;
        setAlignment(Pos.CENTER_RIGHT);
        // 輸入時的有效性檢查
        addEventFilter(KeyEvent.KEY_TYPED, event -> {

            if (!isValid(getText())) {
                event.consume();
            }
        });
        // 格式化
        textProperty().addListener((observableValue, oldValue, newValue) -> {

            if (!isValid(newValue)) {
                setText(oldValue);
            }
            setText(formatValue(getFormatter()));
        });
    }

    /**
     * 格式化數值
     *
     * @param valueFormatter 格式
     * @return
     */
    private String formatValue(final String valueFormatter) {

        if ("-".equals(getText())) {
            return getText();
        }
        String currString = null;
        if (StringUtils.isNotBlank(getText())) {
            if (getText().endsWith(".") || getText().endsWith(getCurrencySymbols())) {
                return getText();
            }
            DecimalFormat numberFormatter = new DecimalFormat(valueFormatter);
            if (NumberTypeEnum.INTEGER == this.numberType) {
                Integer currValue = getIntegerValue();
                currString = numberFormatter.format(currValue);
            } else {
                BigDecimal currValue = getDecimalValue();
                currString = numberFormatter.format(currValue);
            }
        }
        return currString;
    }

    /**
     * 數值有效性檢查
     *
     * @param value 帶格式的字符串
     * @return
     */
    private boolean isValid(final String value) {

        if (StringUtils.isBlank(value) || value.equals("-")) {
            return true;
        }

        try {
            if (NumberTypeEnum.INTEGER == this.numberType) {
                getIntegerValue();
            } else if (NumberTypeEnum.CURRENCY == this.numberType) {
                getDecimalValue();
            } else {
                getCurrencyValue();
            }
            return true;
        } catch (NumberFormatException ex) {
            return false;
        }
    }

    /**
     * 轉為整型
     *
     * @return
     */
    protected Integer getIntegerValue() {

        if (StringUtils.isBlank(getText()) || "-".equals(getText())) {
            return null;
        }
        return Integer.valueOf(getText().replace(",", ""));
    }

    /**
     * 轉為BigDecimal
     *
     * @return
     */
    protected BigDecimal getDecimalValue() {

        return getDecimalValue(‘.‘);
    }

    /**
     * 轉為貨幣
     *
     * @return
     */
    protected BigDecimal getCurrencyValue() {

        return getDecimalValue(getCurrencySeparator());
    }

    private BigDecimal getDecimalValue(final char separator) {

        if (StringUtils.isBlank(getText()) || "-".equals(getText())) {
            return null;
        }
        int pos = getText().indexOf(separator);
        if (pos > -1) {
            final String subStr = getText().substring(pos + 1, getText().length());
            if (subStr.length() > decimalScale()) {
                throw new NumberFormatException("Scale error.");
            }
        }
        return new BigDecimal(getText().replace(",", "").replace(getCurrencySymbols(), ""));
    }

    /**
     * 生成用於格式化數據的字符串
     *
     * @return
     */
    protected String getFormatter() {

        if (this.numberType == null) {
            throw new RuntimeException("Type error.");
        }
        if (NumberTypeEnum.INTEGER == this.numberType) {
            return getIntegerFormatter();
        } else if (NumberTypeEnum.CURRENCY == this.numberType) {
            return getCurrencyFormatter();
        } else {
            return getDecimalFormatter();
        }
    }

    protected String getIntegerFormatter() {

        return DEFAULT_NUMBER_SEPARTOR_FORMAT;
    }

    protected String getCurrencyFormatter() {

        return String.format("%s%s%s", getCurrencySymbols(), DEFAULT_NUMBER_SEPARTOR_FORMAT, getScaleFormatter());
    }

    protected String getDecimalFormatter() {

        return String.format("%s%s", DEFAULT_NUMBER_SEPARTOR_FORMAT, getScaleFormatter());
    }

    public abstract Integer decimalScale();

    /**
     * 為BigDecimal和貨幣型數據生成小數占位信息，有多少有效小數位就生成多少個占位符
     *
     * @return
     */
    protected String getScaleFormatter() {

        String currFormatter = "";
        if (decimalScale() == 0) {
            return currFormatter;
        } else {
            if (NumberTypeEnum.CURRENCY == this.numberType) {
                currFormatter += getCurrencySeparator();
            } else {
                currFormatter += ".";
            }
            Integer tempScale = decimalScale();
            while (tempScale > 0) {
                currFormatter += "#";
                tempScale--;
            }
            return currFormatter;
        }
    }

    /**
     * 獲取貨幣符號
     *
     * @return
     */
    protected static String getCurrencySymbols() {

        return symbols.getCurrencySymbol();
    }

    /**
     * 獲取貨幣分隔符
     *
     * @return
     */
    protected static char getCurrencySeparator() {

        return symbols.getMonetaryDecimalSeparator();
    }

    /**
     * 虛擬方法。用於子類返回指定類型的數值
     *
     * @return
     */
    public abstract Object getValue();
}

以下分別是三個實現類，主要是對小數位數、返回值的類型進行處理。

CurrencyField：

package com.lirong.foundation.ui.javafx.control;

import java.math.BigDecimal;
import java.text.DecimalFormat;
import java.text.NumberFormat;
import java.util.Locale;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public class CurrencyField extends AbstractNumberField {

    public CurrencyField() {

        super(NumberTypeEnum.CURRENCY);
    }

    @Override
    public Integer decimalScale() {

        Locale locale = Locale.getDefault();
        DecimalFormat formatter = (DecimalFormat) NumberFormat.getCurrencyInstance(locale);
        return formatter.getCurrency().getDefaultFractionDigits();
    }

    @Override
    public BigDecimal getValue() {

        return getCurrencyValue();
    }
}

DecimalField：

package com.lirong.foundation.ui.javafx.control;

import java.math.BigDecimal;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public class DecimalField extends AbstractNumberField {

    private Integer scale = 2;

    public DecimalField() {

        super(NumberTypeEnum.DECIMAL);
    }

    public DecimalField(final Integer scale) {

        this();
        if (scale < 0) {
            throw new NumberFormatException("Scale must great than equals to 0.");
        }
        this.scale = scale;
    }

    @Override
    public Integer decimalScale() {

        return this.scale;
    }

    @Override
    public BigDecimal getValue() {

        return getDecimalValue();
    }
}

IntegerField：

package com.lirong.foundation.ui.javafx.control;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public class IntegerField extends AbstractNumberField {

    public IntegerField() {

        super(NumberTypeEnum.INTEGER);
    }

    @Override
    public Integer decimalScale() {

        return Integer.valueOf(0);
    }

    @Override
    public Integer getValue() {

        return getIntegerValue();
    }
}

測試類：

package com.lirong.test.ui.javafx.decimalfiled;

import com.lirong.foundation.ui.javafx.control.CurrencyField;
import com.lirong.foundation.ui.javafx.control.DecimalField;
import com.lirong.foundation.ui.javafx.control.IntegerField;
import java.math.BigDecimal;
import javafx.application.Application;
import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextArea;
import javafx.scene.layout.*;
import javafx.stage.Stage;

/**
 * <p>Title: LiRong Java Application Platform</p>
 * Description: <br>
 * Copyright: CorpRights lrjap.com<br>
 * Company: lrjap.com<br>
 *
 * @author yujj
 * @version 1.1.1
 * @date 2017-12-27
 */
public class TestNumberField extends Application {

    public static void main(String[] args) {

        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {

        ColumnConstraints columnLabel = new ColumnConstraints();
        columnLabel.setPrefWidth(120);
        columnLabel.setHalignment(HPos.RIGHT);

        ColumnConstraints columnControll = new ColumnConstraints();
        columnControll.setHgrow(Priority.ALWAYS);

        GridPane gridPane = new GridPane();
        gridPane.setPadding(new Insets(10));
        gridPane.setHgap(10);
        gridPane.setVgap(10);
        gridPane.getColumnConstraints().addAll(columnLabel, columnControll);

        Label lblInteger = new Label("Integer：");
        IntegerField integerTextField = new IntegerField();
        integerTextField.setPromptText("Please input a integer value");
        gridPane.add(lblInteger, 0, 0);
        gridPane.add(integerTextField, 1, 0);

        Label lblDecimal = new Label("Decimal：");
        DecimalField decimalField = new DecimalField(4);
        decimalField.setPromptText("Please input a decimal value");
        gridPane.add(lblDecimal, 0, 1);
        gridPane.add(decimalField, 1, 1);

        Label lblCurrency = new Label("Currency：");
        CurrencyField currencyField = new CurrencyField();
        currencyField.setPromptText("Please input a currency value");
        gridPane.add(lblCurrency, 0, 2);
        gridPane.add(currencyField, 1, 2);

        TextArea textConsole = new TextArea();
        textConsole.setEditable(Boolean.FALSE);
        gridPane.add(textConsole, 0, 6, 2, 6);

        HBox toolBar = new HBox();
        toolBar.setPadding(new Insets(10));
        toolBar.setSpacing(10);

        Button buttonPrintValue = new Button("PrintValue");
        buttonPrintValue.setMinSize(75, 30);
        buttonPrintValue.setOnAction(action -> {

            final String LINE_SEP = System.getProperty("line.separator");

            StringBuilder sbInfo = new StringBuilder();
            sbInfo.append(String.format("%s=%s", "IntegerField Value", integerTextField.getValue())).append(LINE_SEP).append(LINE_SEP);
            sbInfo.append(String.format("%s=%s", "DecimalField Value", decimalField.getValue())).append(LINE_SEP).append(LINE_SEP);
            sbInfo.append(String.format("%s=%s", "CurrencyField Value", currencyField.getValue())).append(LINE_SEP);
            textConsole.setText(sbInfo.toString());
        });

        Button buttonSetValue = new Button("SetValue");
        buttonSetValue.setMinSize(75, 30);
        buttonSetValue.setOnAction(action -> decimalField.setText(new BigDecimal("2080280808.2223").toString()));

        toolBar.getChildren().addAll(buttonPrintValue, buttonSetValue);
        gridPane.add(toolBar, 0, 4, 2, 2);

        BorderPane container = new BorderPane();
        container.setCenter(gridPane);

        Scene scene = new Scene(container, 600, 300);
        primaryStage.setTitle("IntegerField、DecimalField、CurrencyField 測試");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

當然，估計使用正則可能會有更簡單的實現方式。有時間我再研究一下。

J3001.JavaFX組件擴展（一）——IntegerField、DecimalField和CurrencyField

相關推薦

J3001.JavaFX組件擴展（一）——IntegerField、DecimalField和CurrencyField

rep copyright 返回 edit ldr size 兩個 lse 如果 我們在處理界面展現時，對於整型、浮點型、金額類型的數據時，希望界面組件至少已經處理了以下事項： 1、不接受非法輸入。如對於整型來說，只能輸入數字、負號，並且不允許超過當前平臺上整形數值的最大值

J3003.JavaFX組件擴展（三）——EnumComboBox

src 枚舉值 getitem ole size 枚舉 all oid 持久 對於枚舉類，我們希望在數據庫中存放一個有意義的英文字符串，在界面上顯示一個有意義的中文字符串。所以為枚舉類設置兩個屬性，如以下DataStatusEnum（數據狀態枚舉）： package co

J3002.JavaFX組件擴展（二）——StringField

eval charat pub name valid desc insets sin 技術 我們在界面上處理String類型的數據時，一般需要做到以下基本控制： 一、提供默認值； 二、確認是否可以為空； 三、限定最大輸入長度（支持中文判斷）； JavaFX提供的TextFi

centos7上安裝redis以及PHP安裝redis擴展（一）

對數 onf 服務 evel 路徑 system 命令 請求 物理內存 1.關閉防火墻：　　systemctl stop firewalld.service #停止firewall　　systemctl disable firewalld.service #禁止firewa

vue組件詳解（一）——組件與復用

pla ron 詳解 eth bsp strong sage html cti 一、什麽是組件 組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。 二、組件用法 組件需要註冊後才可以使用，註冊有全局註冊和局

微信小程序組件通信（一）

ont change 傳遞參數 style 填寫信息 ram type ext 需要 　　當我們擼前端頁面的時候，當發現一個頁面內容很多、且有一定的分類，就應當考慮是否需要將頁面拆分成一個個組件。當使用組件的時候，不可避免的需要知道父子頁面通信以及兄弟頁面的通信。 　　1、

Android常見UI組件之ListView（一）

ide Language android pack str col watermark font void 使用ListView顯示一個長的項列表 1、新建一個名為“BasicVie

高效學習（一）源頭、原理和知識地圖

所有內容均來自左耳朵耗子的極客專欄 挑選知識和資訊源 如果你覺得用百度搜中文關鍵詞就可以找到自己想要的知識，那麼你一定遠遠落後於這個時代了。如果你用 Google 英文關鍵詞可以找到自己想要的知識，那麼你算是能跟得上這個時代。如果你能在社群裡跟社群裡的大牛交流得到答

本地儲存（一）—— Cookie、SessionStorage和LocalStorage詳解

目錄 1. Cookie 2. Web Storage 2.1 Session Storage 2.2 Local Storage 2.3 Web Storage 的瀏覽器支援情況 3. Cookie、SessionStorage和LocalStorage的對比

理論分佈和抽樣分佈------（一）事件、概率和隨機變數（離散、連續）

抽樣分佈：從間斷性變數總體的理論分佈（二項分佈和泊松分佈）和連續性變數總體的理論分佈中抽出的樣本統計數的分佈，即抽樣分佈。 一、事件和事件發生的概率 事件：在自然界中一種事物，常存在幾種可能出現的情況，每一種可能出現的情況稱為事件 事件的概率：每一件事出現的可能性，稱為

WebGL之旅（一）canvas、WebGL和shader簡介

一 canvas canvas（翻譯為畫布）是HTML5的一個標籤，canvas可以使用JavaScript在網頁上繪製圖像，例如下面的程式碼就使用canvas繪製一個簡單的矩形。 <!DOCTYPE html> <html lang=

如何利用Python和win32程式設計避免重複性體力勞動（一）——開始、FindWindow和FindWindowEx

請移步至這裡以獲得更加的排版和閱讀體驗，謝謝您 本系列文章假設各位看官對python是足夠熟悉的，但卻不太瞭解win32程式設計。 嘛。。其實我也沒學過win32程式設計，臉請各位看官隨意招呼。 需求：最近因為做課題，要把800個FaceGen軟體生成的三維面孔儲

探索Crypto++（一）下載、編譯和部署

    Crypto++是一個開源的C++加密演算法庫，它包括密碼、訊息認證碼,單向雜湊函式,公鑰密碼機制,關鍵協議方案,縮小壓縮等加密演算法。本文將介紹Crypto++庫從下載到專案應用的基本步驟。（本人目前的專案需要的是AES檔案加密演算法，其他的留待以後探索） 一、下

（一）用C或C ++擴展（翻譯）

改變 pos 忽略 後繼 import 實的 調用c函數 threads keep 用C或C ++擴展 如果你知道如何用C語言編程，那麽為Python添加新的內置模塊是很容易的。這種擴展模塊可以做兩件不能直接在Python中完成的事情：它們可以實現新的內置對象類型，以及調用

django form組件擴展

exc 整體 objects 序列 orm 序列化 root exce val 1簡單擴展 利用form組件自帶的正則擴展: a.方式一 from django.forms import Form from django.forms import widget

基於TypeScript的FineUIMvc組件式開發（簡介）

spa viewstate 不同 type 架構 http 做了 基於 ajax 不熟悉FineUI的可以訪問其官方網站（http://www.fineui.com），在這裏我從我的個人角度說一下FineUI，FineUI有多個版本，但主要基於2種架構，一種是基於Asp.n

Swift擴展（Extension）

討論 new ati http point pre style return idt 在現有類和結構體的類型基礎上，擴展新的功能。 語法：extension SomeType{ // new functionality to add to SomeType goes he

組件的使用（四）DatePickerDialog和TimePickerDialog的使用

each pri down ng- tlist dialog sea data keyword 這兩個組件的使用都須要獲得當前日期或時間。實現方法是獲得一個Calender實例（調用getInstance（）實例化） DatePickerDialo

謝煙客-----LNP之PHP C 擴展 （Phalcon）

linuxNginx的特性： 高性能的靜態web服務器 作為smtp,httpd,tomcat,pop3等反向代理服務器 10000個並發，僅消耗1M內存 基於libevent庫，支持event的epoll的邊緣觸發機制。 異步IO，內存映射 負載均衡、緩存 支持ss

[SOE] ArcGIS Server對象擴展（SOE）開發註意事項

自己的 數據 命令 src 無法 內容 函數庫 適用於 適合 ArcGIS Server對象擴展（SOE）開發註意事項 1.SOE介紹 　　在ArcGIS 10.1中ArcGIS Server不在支持DCOM方式的連接，這也就意味著我們不能通過本地方式的連接