eu.hansolo.medusa.skins.DigitalSkin Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of Medusa Show documentation
Show all versions of Medusa Show documentation
Medusa is a JavaFX 8 library containing gauges and clocks
/*
* Copyright (c) 2016 by Gerrit Grunwald
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package eu.hansolo.medusa.skins;
import eu.hansolo.medusa.Fonts;
import eu.hansolo.medusa.Gauge;
import eu.hansolo.medusa.Section;
import eu.hansolo.medusa.TickLabelOrientation;
import eu.hansolo.medusa.tools.Helper;
import javafx.geometry.Insets;
import javafx.geometry.VPos;
import javafx.scene.CacheHint;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.control.Skin;
import javafx.scene.control.SkinBase;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundFill;
import javafx.scene.layout.Border;
import javafx.scene.layout.BorderStroke;
import javafx.scene.layout.BorderStrokeStyle;
import javafx.scene.layout.BorderWidths;
import javafx.scene.layout.CornerRadii;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.ArcType;
import javafx.scene.shape.StrokeLineCap;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.scene.text.TextAlignment;
import java.math.BigDecimal;
import java.util.Arrays;
import java.util.List;
import java.util.Locale;
/**
* Created by hansolo on 08.02.16.
*/
public class DigitalSkin extends SkinBase implements Skin {
private static final double PREFERRED_WIDTH = 250;
private static final double PREFERRED_HEIGHT = 250;
private static final double MINIMUM_WIDTH = 50;
private static final double MINIMUM_HEIGHT = 50;
private static final double MAXIMUM_WIDTH = 1024;
private static final double MAXIMUM_HEIGHT = 1024;
private static final double START_ANGLE = -30;
private static final double ANGLE_RANGE = 300;
private double size;
private double center;
private Pane pane;
private Canvas backgroundCanvas;
private GraphicsContext backgroundCtx;
private Canvas barCanvas;
private GraphicsContext barCtx;
private Text valueBkgText;
private Text valueText;
private Color barColor;
private Color valueColor;
private Color titleColor;
private Color subTitleColor;
private Color unitColor;
private double minValue;
private double maxValue;
private double range;
private double angleStep;
private boolean isStartFromZero;
private double barWidth;
private String formatString;
private Locale locale;
private boolean sectionsVisible;
private List sections;
private boolean thresholdVisible;
private Color thresholdColor;
// ******************** Constructors **************************************
public DigitalSkin(Gauge gauge) {
super(gauge);
if (gauge.isAutoScale()) gauge.calcAutoScale();
minValue = gauge.getMinValue();
maxValue = gauge.getMaxValue();
range = gauge.getRange();
angleStep = ANGLE_RANGE / range;
formatString = new StringBuilder("%.").append(Integer.toString(gauge.getDecimals())).append("f").toString();
locale = gauge.getLocale();
barColor = gauge.getBarColor();
valueColor = gauge.getValueColor();
titleColor = gauge.getTitleColor();
subTitleColor = gauge.getSubTitleColor();
unitColor = gauge.getUnitColor();
isStartFromZero = gauge.isStartFromZero();
sectionsVisible = gauge.getSectionsVisible();
sections = gauge.getSections();
thresholdVisible = gauge.isThresholdVisible();
thresholdColor = gauge.getThresholdColor();
initGraphics();
registerListeners();
setBar(gauge.getCurrentValue());
}
// ******************** Initialization ************************************
private void initGraphics() {
// Set initial size
if (Double.compare(getSkinnable().getPrefWidth(), 0.0) <= 0 || Double.compare(getSkinnable().getPrefHeight(), 0.0) <= 0 ||
Double.compare(getSkinnable().getWidth(), 0.0) <= 0 || Double.compare(getSkinnable().getHeight(), 0.0) <= 0) {
if (getSkinnable().getPrefWidth() > 0 && getSkinnable().getPrefHeight() > 0) {
getSkinnable().setPrefSize(getSkinnable().getPrefWidth(), getSkinnable().getPrefHeight());
} else {
getSkinnable().setPrefSize(PREFERRED_WIDTH, PREFERRED_HEIGHT);
}
}
backgroundCanvas = new Canvas(PREFERRED_WIDTH, PREFERRED_HEIGHT);
backgroundCtx = backgroundCanvas.getGraphicsContext2D();
barCanvas = new Canvas(PREFERRED_WIDTH, PREFERRED_HEIGHT);
barCtx = barCanvas.getGraphicsContext2D();
valueBkgText = new Text();
valueBkgText.setStroke(null);
valueBkgText.setFill(Helper.getTranslucentColorFrom(valueColor, 0.1));
valueText = new Text();
valueText.setStroke(null);
valueText.setFill(valueColor);
Helper.enableNode(valueText, getSkinnable().isValueVisible());
pane = new Pane(backgroundCanvas, barCanvas, valueBkgText, valueText);
pane.setBackground(new Background(new BackgroundFill(getSkinnable().getBackgroundPaint(), new CornerRadii(1024), Insets.EMPTY)));
pane.setBorder(new Border(new BorderStroke(getSkinnable().getBorderPaint(), BorderStrokeStyle.SOLID, new CornerRadii(1024), new BorderWidths(getSkinnable().getBorderWidth()))));
getChildren().setAll(pane);
}
private void registerListeners() {
getSkinnable().widthProperty().addListener(o -> handleEvents("RESIZE"));
getSkinnable().heightProperty().addListener(o -> handleEvents("RESIZE"));
getSkinnable().setOnUpdate(e -> handleEvents(e.eventType.name()));
getSkinnable().currentValueProperty().addListener(o -> setBar(getSkinnable().getCurrentValue()));
}
// ******************** Methods *******************************************
@Override protected double computeMinWidth(final double HEIGHT, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return MINIMUM_WIDTH; }
@Override protected double computeMinHeight(final double WIDTH, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return MINIMUM_HEIGHT; }
@Override protected double computePrefWidth(final double HEIGHT, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return super.computePrefWidth(HEIGHT, TOP, RIGHT, BOTTOM, LEFT); }
@Override protected double computePrefHeight(final double WIDTH, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return super.computePrefHeight(WIDTH, TOP, RIGHT, BOTTOM, LEFT); }
@Override protected double computeMaxWidth(final double HEIGHT, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return MAXIMUM_WIDTH; }
@Override protected double computeMaxHeight(final double WIDTH, final double TOP, final double RIGHT, final double BOTTOM, final double LEFT) { return MAXIMUM_HEIGHT; }
private void handleEvents(final String EVENT_TYPE) {
if ("RESIZE".equals(EVENT_TYPE)) {
resize();
redraw();
} else if ("REDRAW".equals(EVENT_TYPE)) {
redraw();
} else if ("RECALC".equals(EVENT_TYPE)) {
minValue = getSkinnable().getMinValue();
maxValue = getSkinnable().getMaxValue();
range = getSkinnable().getRange();
angleStep = ANGLE_RANGE / range;
redraw();
setBar(getSkinnable().getCurrentValue());
} else if ("SECTIONS".equals(EVENT_TYPE)) {
sections = getSkinnable().getSections();
} else if ("VISIBILITY".equals(EVENT_TYPE)) {
sectionsVisible = getSkinnable().getSectionsVisible();
thresholdVisible = getSkinnable().isThresholdVisible();
thresholdVisible = getSkinnable().isThresholdVisible();
}
}
// ******************** Canvas ********************************************
private void setBar(final double VALUE) {
barCtx.clearRect(0, 0, size, size);
barCtx.setLineCap(StrokeLineCap.BUTT);
barCtx.setStroke(barColor);
barCtx.setLineWidth(barWidth);
if (sectionsVisible) {
int listSize = sections.size();
for (int i = 0 ; i < listSize ;i++) {
Section section = sections.get(i);
if (section.contains(VALUE)) {
barCtx.setStroke(section.getColor());
break;
}
}
}
if (thresholdVisible && VALUE > getSkinnable().getThreshold()) {
barCtx.setStroke(thresholdColor);
}
double v = (VALUE - minValue) * angleStep;
int minValueAngle = (int) (-minValue * angleStep);
if (!isStartFromZero) {
for (int i = 0; i < 300; i++) {
if (i % 6 == 0 && i < v) {
barCtx.strokeArc(barWidth * 0.5 + barWidth * 0.3, barWidth * 0.5 + barWidth * 0.3, size - barWidth - barWidth * 0.6, size - barWidth - barWidth * 0.6, (-i - 125), 4.6, ArcType.OPEN);
}
}
} else {
if (Double.compare(VALUE, 0) != 0) {
if (VALUE < 0) {
for (int i = (minValueAngle - 1); i >= 0; i--) {
if (i % 6 == 0 && i > v - 6) {
barCtx.strokeArc(barWidth * 0.5 + barWidth * 0.3, barWidth * 0.5 + barWidth * 0.3, size - barWidth - barWidth * 0.6, size - barWidth - barWidth * 0.6, (-i - 125), 4.6, ArcType.OPEN);
}
}
} else {
for (int i = minValueAngle; i <= 300; i++) {
if (i % 6 == 0 && i < v) {
barCtx.strokeArc(barWidth * 0.5 + barWidth * 0.3, barWidth * 0.5 + barWidth * 0.3, size - barWidth - barWidth * 0.6, size - barWidth - barWidth * 0.6, (-i - 125), 4.6, ArcType.OPEN);
}
}
}
}
}
valueText.setText(String.format(locale, formatString, VALUE));
valueText.setLayoutX(valueBkgText.getLayoutBounds().getMaxX() - valueText.getLayoutBounds().getWidth());
}
private void drawBackground() {
backgroundCanvas.setCache(false);
double outerBarWidth = size * 0.006;
backgroundCtx.setLineCap(StrokeLineCap.BUTT);
backgroundCtx.clearRect(0, 0, size, size);
// draw translucent background
backgroundCtx.setStroke(Color.rgb(0, 12, 6, 0.1));
Color bColor = Helper.getTranslucentColorFrom(barColor, 0.1);
for (int i = -60 ; i < 240 ; i++) {
backgroundCtx.save();
if (i % 6 == 0) {
// draw value bar
backgroundCtx.setStroke(bColor);
backgroundCtx.setLineWidth(barWidth);
backgroundCtx.strokeArc(barWidth * 0.5 + barWidth * 0.3, barWidth * 0.5 + barWidth * 0.3, size - barWidth - barWidth * 0.6, size - barWidth - barWidth * 0.6, i + 1, 4.6, ArcType.OPEN);
// draw outer bar
backgroundCtx.setStroke(barColor);
backgroundCtx.setLineWidth(outerBarWidth);
backgroundCtx.strokeArc(outerBarWidth, outerBarWidth, size - (2 * outerBarWidth), size - (2 * outerBarWidth), i + 1, 4.6, ArcType.OPEN);
}
backgroundCtx.restore();
}
// draw the title
if (!getSkinnable().getTitle().isEmpty()) {
String title = getSkinnable().getTitle();
char[] bkgTitleChrs = new char[title.length()];
Arrays.fill(bkgTitleChrs, '8');
backgroundCtx.setFill(Helper.getTranslucentColorFrom(titleColor, 0.1));
backgroundCtx.setFont(Fonts.digitalReadoutBold(0.09 * size));
backgroundCtx.setTextBaseline(VPos.CENTER);
backgroundCtx.setTextAlign(TextAlignment.CENTER);
backgroundCtx.fillText(new String(bkgTitleChrs), center, size * 0.35, size * 0.55);
backgroundCtx.setFill(titleColor);
backgroundCtx.fillText(title, center, size * 0.35, size * 0.55);
}
// draw the subtitle
if (!getSkinnable().getSubTitle().isEmpty()) {
String subTitle = getSkinnable().getSubTitle();
char[] bkgSubTitleChrs = new char[subTitle.length()];
Arrays.fill(bkgSubTitleChrs, '8');
backgroundCtx.setFill(Helper.getTranslucentColorFrom(subTitleColor, 0.1));
backgroundCtx.setFont(Fonts.digital(0.09 * size));
backgroundCtx.fillText(new String(bkgSubTitleChrs), center, size * 0.66);
backgroundCtx.setFill(subTitleColor);
backgroundCtx.fillText(subTitle, center, size * 0.66);
}
// draw the unit
if (!getSkinnable().getUnit().isEmpty()) {
String unit = getSkinnable().getUnit();
char[] bkgUnitChrs = new char[unit.length()];
Arrays.fill(bkgUnitChrs, '8');
backgroundCtx.setFill(Helper.getTranslucentColorFrom(unitColor, 0.1));
backgroundCtx.setFont(Fonts.digital(0.09 * size));
backgroundCtx.fillText(new String(bkgUnitChrs), center, size * 0.88);
backgroundCtx.setFill(unitColor);
backgroundCtx.fillText(unit, center, size * 0.88);
}
// draw tick labels
drawTickMarks();
backgroundCanvas.setCache(true);
backgroundCanvas.setCacheHint(CacheHint.QUALITY);
// draw the value
if (getSkinnable().isValueVisible()) {
StringBuilder valueBkg = new StringBuilder();
int len = String.valueOf((int) getSkinnable().getMaxValue()).length();
if (getSkinnable().getMinValue() < 0) { len++; }
for (int i = 0 ; i < len ; i++) { valueBkg.append("8"); }
if (getSkinnable().getDecimals() > 0) {
valueBkg.append(".");
len = getSkinnable().getDecimals();
for (int i = 0 ; i < len ; i++) { valueBkg.append("8"); }
}
valueBkgText.setText(valueBkg.toString());
valueBkgText.setX((size - valueBkgText.getLayoutBounds().getWidth()) * 0.5);
}
}
private void drawTickMarks() {
double sinValue;
double cosValue;
double centerX = center;
double centerY = center;
int tickLabelDecimals = getSkinnable().getTickLabelDecimals();
String tickLabelFormatString = "%." + tickLabelDecimals + "f";
double minorTickSpace = getSkinnable().getMinorTickSpace();
double tmpAngleStep = angleStep * minorTickSpace;
BigDecimal minorTickSpaceBD = BigDecimal.valueOf(minorTickSpace);
BigDecimal majorTickSpaceBD = BigDecimal.valueOf(getSkinnable().getMajorTickSpace());
BigDecimal counterBD = BigDecimal.valueOf(minValue);
double counter = minValue;
Color tickMarkColor = getSkinnable().getTickMarkColor();
Color majorTickMarkColor = getSkinnable().getMajorTickMarkColor().equals(tickMarkColor) ? tickMarkColor : getSkinnable().getMajorTickMarkColor();
Color tickLabelColor = getSkinnable().getTickLabelColor();
Color zeroColor = getSkinnable().getZeroColor();
boolean isNotZero = true;
boolean majorTickMarksVisible = getSkinnable().getMajorTickMarksVisible();
boolean tickLabelsVisible = getSkinnable().getTickLabelsVisible();
boolean onlyFirstAndLastLabelVisible = getSkinnable().isOnlyFirstAndLastTickLabelVisible();
double customFontSizeFactor = getSkinnable().getCustomTickLabelFontSize() / 400;
boolean fullRange = (minValue < 0 && maxValue > 0);
double tickLabelOrientationFactor = 0.8;
double tickLabelFontSize = tickLabelDecimals == 0 ? 0.051 * size : 0.048 * size;
tickLabelFontSize = getSkinnable().getCustomTickLabelsEnabled() ? customFontSizeFactor * size : tickLabelFontSize;
Font tickLabelFont = Fonts.robotoCondensedRegular(tickLabelFontSize * tickLabelOrientationFactor);
Font tickLabelZeroFont = fullRange ? Fonts.robotoCondensedBold(tickLabelFontSize * tickLabelOrientationFactor) : tickLabelFont;
// Variables needed for tickmarks
double innerPointX;
double innerPointY;
double triangleOuterAngle1;
double triangleOuterAngle2;
double triangleOuterPoint1X;
double triangleOuterPoint1Y;
double triangleOuterPoint2X;
double triangleOuterPoint2Y;
double textPointX;
double textPointY;
backgroundCtx.setStroke(tickMarkColor);
backgroundCtx.strokeArc(0.0875 * size, 0.0875 * size, 0.825 * size, 0.825 * size, 300, 300, ArcType.OPEN);
// Main loop
BigDecimal tmpStepBD = new BigDecimal(tmpAngleStep);
tmpStepBD = tmpStepBD.setScale(3, BigDecimal.ROUND_HALF_UP);
double tmpStep = tmpStepBD.doubleValue();
double angle = 0;
for (double i = 0 ; Double.compare(-ANGLE_RANGE - tmpStep, i) <= 0 ; i -= tmpStep) {
sinValue = Math.sin(Math.toRadians(angle + START_ANGLE));
cosValue = Math.cos(Math.toRadians(angle + START_ANGLE));
innerPointX = centerX + size * 0.395 * sinValue;
innerPointY = centerY + size * 0.395 * cosValue;
triangleOuterAngle1 = Math.toRadians(angle - 1.2 + START_ANGLE);
triangleOuterAngle2 = Math.toRadians(angle + 1.2 + START_ANGLE);
triangleOuterPoint1X = centerX + size * 0.4125 * Math.sin(triangleOuterAngle1);
triangleOuterPoint1Y = centerY + size * 0.4125 * Math.cos(triangleOuterAngle1);
triangleOuterPoint2X = centerX + size * 0.4125 * Math.sin(triangleOuterAngle2);
triangleOuterPoint2Y = centerY + size * 0.4125 * Math.cos(triangleOuterAngle2);
textPointX = centerX + size * 0.365 * sinValue;
textPointY = centerY + size * 0.365 * cosValue;
// Set the general tickmark color
backgroundCtx.setStroke(tickMarkColor);
backgroundCtx.setFill(tickMarkColor);
backgroundCtx.setLineCap(StrokeLineCap.BUTT);
if (Double.compare(counterBD.remainder(majorTickSpaceBD).doubleValue(), 0.0) == 0) {
isNotZero = Double.compare(0.0, counter) != 0;
if (majorTickMarksVisible) {
backgroundCtx.setFill(majorTickMarkColor);
backgroundCtx.setStroke(majorTickMarkColor);
backgroundCtx.setLineWidth(size * 0.0055);
backgroundCtx.setLineCap(StrokeLineCap.BUTT);
}
if (fullRange && !isNotZero) {
backgroundCtx.setFill(zeroColor);
backgroundCtx.setStroke(zeroColor);
}
if (majorTickMarksVisible) {
Helper.drawTriangle(backgroundCtx, innerPointX, innerPointY, triangleOuterPoint1X, triangleOuterPoint1Y, triangleOuterPoint2X, triangleOuterPoint2Y);
}
// Draw tick label text
if (tickLabelsVisible) {
backgroundCtx.save();
backgroundCtx.translate(textPointX, textPointY);
Helper.rotateContextForText(backgroundCtx, START_ANGLE, angle, TickLabelOrientation.HORIZONTAL);
backgroundCtx.setFont(isNotZero ? tickLabelFont : tickLabelZeroFont);
backgroundCtx.setTextAlign(TextAlignment.CENTER);
backgroundCtx.setTextBaseline(VPos.CENTER);
if (!onlyFirstAndLastLabelVisible) {
if (isNotZero) {
backgroundCtx.setFill(tickLabelColor);
} else {
backgroundCtx.setFill(fullRange ? zeroColor : tickLabelColor);
}
} else {
if ((Double.compare(counter, minValue) == 0 || Double.compare(counter, maxValue) == 0)) {
if (isNotZero) {
backgroundCtx.setFill(tickLabelColor);
} else {
backgroundCtx.setFill(fullRange ? zeroColor : tickLabelColor);
}
} else {
backgroundCtx.setFill(Color.TRANSPARENT);
}
}
backgroundCtx.fillText(String.format(locale, tickLabelFormatString, counter), 0, 0);
backgroundCtx.restore();
}
}
counterBD = counterBD.add(minorTickSpaceBD);
counter = counterBD.doubleValue();
if (counter > maxValue) break;
angle = (angle - tmpAngleStep);
}
}
// ******************** Resizing ******************************************
private void resize() {
double width = getSkinnable().getWidth() - getSkinnable().getInsets().getLeft() - getSkinnable().getInsets().getRight();
double height = getSkinnable().getHeight() - getSkinnable().getInsets().getTop() - getSkinnable().getInsets().getBottom();
size = width < height ? width : height;
if (width > 0 && height > 0) {
pane.setMaxSize(size, size);
pane.relocate((width - size) * 0.5, (height - size) * 0.5);
center = size * 0.5;
barWidth = size * 0.06;
backgroundCanvas.setWidth(size);
backgroundCanvas.setHeight(size);
barCanvas.setWidth(size);
barCanvas.setHeight(size);
valueBkgText.setFont(Fonts.digital(0.2 * size));
valueBkgText.setY(center + (valueBkgText.getLayoutBounds().getHeight() * 0.5));
valueText.setFont(Fonts.digital(0.2 * size));
valueText.setY(center + (valueText.getLayoutBounds().getHeight() * 0.5));
drawBackground();
setBar(getSkinnable().getCurrentValue());
}
}
private void redraw() {
pane.setBackground(new Background(new BackgroundFill(getSkinnable().getBackgroundPaint(), new CornerRadii(1024), Insets.EMPTY)));
pane.setBorder(new Border(new BorderStroke(getSkinnable().getBorderPaint(), BorderStrokeStyle.SOLID, new CornerRadii(1024), new BorderWidths(getSkinnable().getBorderWidth() / PREFERRED_WIDTH * size))));
locale = getSkinnable().getLocale();
formatString = new StringBuilder("%.").append(Integer.toString(getSkinnable().getDecimals())).append("f").toString();
barColor = getSkinnable().getBarColor();
valueColor = getSkinnable().getValueColor();
titleColor = getSkinnable().getTitleColor();
subTitleColor = getSkinnable().getSubTitleColor();
unitColor = getSkinnable().getUnitColor();
sectionsVisible = getSkinnable().getSectionsVisible();
drawBackground();
setBar(getSkinnable().getCurrentValue());
valueBkgText.setFill(Helper.getTranslucentColorFrom(valueColor, 0.1));
valueText.setFill(valueColor);
}
}