Created
July 28, 2018 10:04
-
-
Save DenisNikashin/e16b027144ec536b22a11cb9b7e2f58e to your computer and use it in GitHub Desktop.
VirtualKeyboard
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public class VirtualKeyboard { | |
private final VBox root ; | |
/** | |
* Creates a Virtual Keyboard. | |
* @param target The node that will receive KeyEvents from this keyboard. | |
* If target is null, KeyEvents will be dynamically forwarded to the focus owner | |
* in the Scene containing this keyboard. | |
*/ | |
public VirtualKeyboard(ReadOnlyObjectProperty<Node> target) { | |
this.root = new VBox(5); | |
root.setPadding(new Insets(10)); | |
root.getStyleClass().add("virtual-keyboard"); | |
final Modifiers modifiers = new Modifiers(); | |
// Data for regular buttons; split into rows | |
final String[][] unshifted = new String[][] { | |
{ "`", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=" }, | |
{ "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "[", "]", "\\" }, | |
{ "a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'" }, | |
{ "z", "x", "c", "v", "b", "n", "m", ",", ".", "/" } }; | |
final String[][] shifted = new String[][] { | |
{ "~", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_", "+" }, | |
{ "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "{", "}", "|" }, | |
{ "A", "S", "D", "F", "G", "H", "J", "K", "L", ":", "\"" }, | |
{ "Z", "X", "C", "V", "B", "N", "M", "<", ">", "?" } }; | |
final String[][] unshiftedRU = new String[][]{ | |
{"ё", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "="}, | |
{"й", "ц", "у", "к", "е", "н", "г", "ш", "щ", "з", "х", "ї", "\\"}, | |
{"ф", "i", "в", "а", "п", "р", "о", "л", "д", "ж", "э"}, | |
{"я", "ч", "с", "м", "и", "т", "ь", "б", "ю", "."}}; | |
final String[][] shiftedRU = new String[][]{ | |
{"Ё", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "="}, | |
{"Й", "Ц", "У", "К", "Е", "Н", "Г", "Ш", "Щ", "З", "Х", "Ї", "\\"}, | |
{"Ф", "I", "В", "А", "П", "Р", "О", "Л", "Д", "Ж", "Э"}, | |
{"Я", "Ч", "С", "М", "И", "Т", "Ь", "Б", "Ю", ","}}; | |
final KeyCode[][] codes = new KeyCode[][] { | |
{ KeyCode.BACK_QUOTE, KeyCode.DIGIT1, KeyCode.DIGIT2, KeyCode.DIGIT3, | |
KeyCode.DIGIT4, KeyCode.DIGIT5, KeyCode.DIGIT6, KeyCode.DIGIT7, | |
KeyCode.DIGIT8, KeyCode.DIGIT9, KeyCode.DIGIT0, KeyCode.SUBTRACT, | |
KeyCode.EQUALS }, | |
{ KeyCode.Q, KeyCode.W, KeyCode.E, KeyCode.R, KeyCode.T, KeyCode.Y, | |
KeyCode.U, KeyCode.I, KeyCode.O, KeyCode.P, KeyCode.OPEN_BRACKET, | |
KeyCode.CLOSE_BRACKET, KeyCode.BACK_SLASH }, | |
{ KeyCode.A, KeyCode.S, KeyCode.D, KeyCode.F, KeyCode.G, KeyCode.H, | |
KeyCode.J, KeyCode.K, KeyCode.L, KeyCode.SEMICOLON, KeyCode.QUOTE }, | |
{ KeyCode.Z, KeyCode.X, KeyCode.C, KeyCode.V, KeyCode.B, KeyCode.N, | |
KeyCode.M, KeyCode.COMMA, KeyCode.PERIOD, KeyCode.SLASH } }; | |
// non-regular buttons (don't respond to Shift) | |
final Button escape = createNonshiftableButton("Esc", KeyCode.ESCAPE, modifiers, target); | |
final Button backspace = createNonshiftableButton("Backspace", KeyCode.BACK_SPACE, modifiers, target); | |
final Button delete = createNonshiftableButton("Del", KeyCode.DELETE, modifiers, target); | |
final Button enter = createNonshiftableButton("Enter", KeyCode.ENTER, modifiers, target); | |
final Button tab = createNonshiftableButton("Tab", KeyCode.TAB, modifiers, target); | |
// Cursor keys, with graphic instead of text | |
final Button cursorLeft = createCursorKey(KeyCode.LEFT, modifiers, target, 15.0, 5.0, 15.0, 15.0, 5.0, 10.0); | |
final Button cursorRight = createCursorKey(KeyCode.RIGHT, modifiers, target, 5.0, 5.0, 5.0, 15.0, 15.0, 10.0); | |
final Button cursorUp = createCursorKey(KeyCode.UP, modifiers, target, 10.0, 0.0, 15.0, 10.0, 5.0, 10.0); | |
final Button cursorDown = createCursorKey(KeyCode.DOWN, modifiers, target, 10.0, 10.0, 15.0, 0.0, 5.0, 0.0); | |
final VBox cursorUpDown = new VBox(2); | |
cursorUpDown.getChildren().addAll(cursorUp, cursorDown); | |
// "Extras" to go at the left or right end of each row of buttons. | |
final Node[][] extraLeftButtons = new Node[][] { {escape}, {tab}, {modifiers.capsLockKey()}, {modifiers.shiftKey()} }; | |
final Node[][] extraRightButtons = new Node[][] { {backspace}, {delete}, {enter}, {modifiers.secondShiftKey()} }; | |
// build layout | |
for (int row = 0; row < unshifted.length; row++) { | |
HBox hbox = new HBox(5); | |
hbox.setAlignment(Pos.CENTER); | |
root.getChildren().add(hbox); | |
hbox.getChildren().addAll(extraLeftButtons[row]); | |
/* in this section, I try to do switching to another language*/ | |
// English | |
handleAlphabet(target, modifiers, unshifted[row], shifted[row], codes[row], hbox); | |
// Ukraine | |
handleAlphabet(target, modifiers, unshiftedRU[row], shiftedRU[row], codes[row], hbox); | |
/* -------------------------- */ | |
hbox.getChildren().addAll(extraRightButtons[row]); | |
} | |
final Button spaceBar = createNonshiftableButton(" ", KeyCode.SPACE, modifiers, target); | |
spaceBar.setMaxWidth(Double.POSITIVE_INFINITY); | |
HBox.setHgrow(spaceBar, Priority.ALWAYS); | |
final HBox bottomRow = new HBox(5); | |
bottomRow.setAlignment(Pos.CENTER); | |
bottomRow.getChildren().addAll(modifiers.ctrlKey(), modifiers.altKey(), | |
modifiers.metaKey(), spaceBar, cursorLeft, cursorUpDown, cursorRight); | |
root.getChildren().add(bottomRow); | |
} | |
private void handleAlphabet(ReadOnlyObjectProperty<Node> target, Modifiers modifiers, String[] strings, String[] strings1, KeyCode[] code, HBox hbox) { | |
for (int k = 0; k < strings.length; k++) { | |
hbox.getChildren().add(createShiftableButton(strings[k], strings1[k], code[k], modifiers, target)); | |
} | |
} | |
/** | |
* Creates a VirtualKeyboard which uses the focusProperty of the scene to which it is attached as its target | |
*/ | |
public VirtualKeyboard() { | |
this(null); | |
} | |
/** | |
* Visual component displaying this keyboard. The returned node has a style class of "virtual-keyboard". | |
* Buttons in the view have a style class of "virtual-keyboard-button". | |
* @return a view of the keyboard. | |
*/ | |
public Node view() { | |
return root ; | |
} | |
// Creates a "regular" button that has an unshifted and shifted value | |
private Button createShiftableButton(final String unshifted, final String shifted, | |
final KeyCode code, Modifiers modifiers, final ReadOnlyObjectProperty<Node> target) { | |
final ReadOnlyBooleanProperty letter = new SimpleBooleanProperty( unshifted.length() == 1 && Character.isLetter(unshifted.charAt(0))); | |
final StringBinding text = | |
Bindings.when(modifiers.shiftDown().or(modifiers.capsLockOn().and(letter))) | |
.then(shifted) | |
.otherwise(unshifted); | |
Button button = createButton(text, code, modifiers, target); | |
return button; | |
} | |
// Creates a button with fixed text not responding to Shift | |
private Button createNonshiftableButton(final String text, final KeyCode code, final Modifiers modifiers, final ReadOnlyObjectProperty<Node> target) { | |
StringProperty textProperty = new SimpleStringProperty(text); | |
Button button = createButton(textProperty, code, modifiers, target); | |
return button; | |
} | |
// Creates a button with mutable text, and registers listener with it | |
private Button createButton(final ObservableStringValue text, final KeyCode code, final Modifiers modifiers, final ReadOnlyObjectProperty<Node> target) { | |
final Button button = new Button(); | |
button.textProperty().bind(text); | |
// Important not to grab the focus from the target: | |
button.setFocusTraversable(false); | |
// Add a style class for css: | |
button.getStyleClass().add("virtual-keyboard-button"); | |
button.setOnAction(new EventHandler<ActionEvent>() { | |
@Override | |
public void handle(ActionEvent event) { | |
final Node targetNode ; | |
if (target != null) { | |
targetNode = target.get(); | |
} else { | |
targetNode = view().getScene().getFocusOwner(); | |
} | |
if (targetNode != null) { | |
final String character; | |
if (text.get().length() == 1) { | |
character = text.get(); | |
} else { | |
character = KeyEvent.CHAR_UNDEFINED; | |
} | |
final KeyEvent keyPressEvent = createKeyEvent(button, targetNode, KeyEvent.KEY_PRESSED, character, code, modifiers); | |
targetNode.fireEvent(keyPressEvent); | |
final KeyEvent keyReleasedEvent = createKeyEvent(button, targetNode, KeyEvent.KEY_RELEASED, character, code, modifiers); | |
targetNode.fireEvent(keyReleasedEvent); | |
if (character != KeyEvent.CHAR_UNDEFINED) { | |
final KeyEvent keyTypedEvent = createKeyEvent(button, targetNode, KeyEvent.KEY_TYPED, character, code, modifiers); | |
targetNode.fireEvent(keyTypedEvent); | |
} | |
modifiers.releaseKeys(); | |
} | |
} | |
}); | |
return button; | |
} | |
// Utility method to create a KeyEvent from the Modifiers | |
private KeyEvent createKeyEvent(Object source, EventTarget target, | |
EventType<KeyEvent> eventType, String character, KeyCode code, | |
Modifiers modifiers) { | |
return new KeyEvent(source, target, eventType, character, code.toString(), | |
code, modifiers.shiftDown().get(), modifiers.ctrlDown().get(), | |
modifiers.altDown().get(), modifiers.metaDown().get()); | |
} | |
// Utility method for creating cursor keys: | |
private Button createCursorKey(KeyCode code, Modifiers modifiers, ReadOnlyObjectProperty<Node> target, Double... points) { | |
Button button = createNonshiftableButton("", code, modifiers, target); | |
final Node graphic = PolygonBuilder.create().points(points).build(); | |
graphic.setStyle("-fx-fill: -fx-mark-color;"); | |
button.setGraphic(graphic); | |
button.setContentDisplay(ContentDisplay.GRAPHIC_ONLY); | |
return button ; | |
} | |
// Convenience class to bundle together the modifier keys and their selected state | |
private static class Modifiers { | |
private final ToggleButton shift; | |
private final ToggleButton shift2; | |
private final ToggleButton ctrl; | |
private final ToggleButton alt; | |
private final ToggleButton meta; | |
private final ToggleButton capsLock; | |
Modifiers() { | |
this.shift = createToggle("Shift"); | |
this.shift2 = createToggle("Shift"); | |
this.ctrl = createToggle("Ctrl"); | |
this.alt = createToggle("Alt"); | |
this.meta = createToggle("ENG/RU"); | |
this.capsLock = createToggle("Caps"); | |
shift2.selectedProperty().bindBidirectional(shift.selectedProperty()); | |
} | |
private ToggleButton createToggle(final String text) { | |
final ToggleButton tb = new ToggleButton(text); | |
tb.setFocusTraversable(false); | |
return tb; | |
} | |
public Node shiftKey() { | |
return shift; | |
} | |
public Node secondShiftKey() { | |
return shift2; | |
} | |
public Node ctrlKey() { | |
return ctrl; | |
} | |
public Node altKey() { | |
return alt; | |
} | |
public Node metaKey() { | |
return meta; | |
} | |
public Node capsLockKey() { | |
return capsLock; | |
} | |
public BooleanProperty shiftDown() { | |
return shift.selectedProperty(); | |
} | |
public BooleanProperty ctrlDown() { | |
return ctrl.selectedProperty(); | |
} | |
public BooleanProperty altDown() { | |
return alt.selectedProperty(); | |
} | |
public BooleanProperty metaDown() { | |
return meta.selectedProperty(); | |
} | |
public BooleanProperty capsLockOn() { | |
return capsLock.selectedProperty(); | |
} | |
public void releaseKeys() { | |
shift.setSelected(false); | |
ctrl.setSelected(false); | |
alt.setSelected(false); | |
meta.setSelected(false); | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment