private Slider createSlider(Scene scene) {
Slider slider =
SliderBuilder.create()
.min(0)
.max(100)
.value(1)
.showTickLabels(true)
.showTickMarks(true)
.build();
slider
.valueProperty()
.addListener(
new ChangeListener<Number>() {
public void changed(
ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
if (paused) {
long dur = newValue.intValue() * 1000;
mediaPlayer.seek(new Duration(dur));
}
}
});
slider.translateYProperty().bind(scene.heightProperty().subtract(30));
return slider;
}
public MediaControl(final MediaPlayer mp) {
this.mp = mp;
setStyle("-fx-background-color: #bfc2c7;"); // TODO: Use css file
mediaView = new MediaView(mp);
mvPane = new Pane();
mvPane.getChildren().add(mediaView);
mvPane.setStyle("-fx-background-color: black;"); // TODO: Use css file
setCenter(mvPane);
mediaBar = new HBox(5.0);
mediaBar.setPadding(new Insets(5, 10, 5, 10));
mediaBar.setAlignment(Pos.CENTER_LEFT);
BorderPane.setAlignment(mediaBar, Pos.CENTER);
final Button playButton = ButtonBuilder.create().minWidth(Control.USE_PREF_SIZE).build();
playButton.setGraphic(imageViewPlay);
playButton.setOnAction(
new EventHandler<ActionEvent>() {
public void handle(ActionEvent e) {
updateValues();
MediaPlayer.Status status = mp.getStatus();
if (status == MediaPlayer.Status.UNKNOWN || status == MediaPlayer.Status.HALTED) {
// don't do anything in these states
return;
}
if (status == MediaPlayer.Status.PAUSED
|| status == MediaPlayer.Status.READY
|| status == MediaPlayer.Status.STOPPED) {
// rewind the movie if we're sitting at the end
if (atEndOfMedia) {
mp.seek(mp.getStartTime());
atEndOfMedia = false;
playButton.setGraphic(imageViewPlay);
// playButton.setText(">");
updateValues();
}
mp.play();
playButton.setGraphic(imageViewPause);
// playButton.setText("||");
} else {
mp.pause();
}
}
});
mp.currentTimeProperty()
.addListener(
new ChangeListener<Duration>() {
@Override
public void changed(
ObservableValue<? extends Duration> observable,
Duration oldValue,
Duration newValue) {
updateValues();
}
});
mp.setOnPlaying(
new Runnable() {
public void run() {
if (stopRequested) {
mp.pause();
stopRequested = false;
} else {
playButton.setGraphic(imageViewPause);
// playButton.setText("||");
}
}
});
mp.setOnPaused(
new Runnable() {
public void run() {
playButton.setGraphic(imageViewPlay);
// playButton.setText("||");
}
});
mp.setOnReady(
new Runnable() {
public void run() {
duration = mp.getMedia().getDuration();
updateValues();
}
});
mp.setCycleCount(repeat ? MediaPlayer.INDEFINITE : 1);
mp.setOnEndOfMedia(
new Runnable() {
public void run() {
if (!repeat) {
playButton.setGraphic(imageViewPlay);
// playButton.setText(">");
stopRequested = true;
atEndOfMedia = true;
}
}
});
mediaBar.getChildren().add(playButton);
// Time label
Label timeLabel = new Label("Time");
timeLabel.setMinWidth(Control.USE_PREF_SIZE);
mediaBar.getChildren().add(timeLabel);
// Time slider
timeSlider = SliderBuilder.create().minWidth(30).maxWidth(Double.MAX_VALUE).build();
HBox.setHgrow(timeSlider, Priority.ALWAYS);
timeSlider
.valueProperty()
.addListener(
new InvalidationListener() {
public void invalidated(Observable ov) {
if (timeSlider.isValueChanging()) {
// multiply duration by percentage calculated by slider position
if (duration != null) {
mp.seek(duration.multiply(timeSlider.getValue() / 100.0));
}
updateValues();
}
}
});
mediaBar.getChildren().add(timeSlider);
// Play label
playTime =
LabelBuilder.create()
// .prefWidth(130)
.minWidth(Control.USE_PREF_SIZE)
.build();
mediaBar.getChildren().add(playTime);
// Fullscreen button
Button buttonFullScreen =
ButtonBuilder.create().text("Full Screen").minWidth(Control.USE_PREF_SIZE).build();
buttonFullScreen.setOnAction(
new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
if (!fullScreen) {
newStage = new Stage();
newStage
.fullScreenProperty()
.addListener(
new ChangeListener<Boolean>() {
@Override
public void changed(
ObservableValue<? extends Boolean> ov, Boolean t, Boolean t1) {
onFullScreen();
}
});
final BorderPane borderPane =
new BorderPane() {
@Override
protected void layoutChildren() {
if (mediaView != null && getBottom() != null) {
mediaView.setFitWidth(getWidth());
mediaView.setFitHeight(getHeight() - getBottom().prefHeight(-1));
}
super.layoutChildren();
if (mediaView != null) {
mediaView.setTranslateX(
(((Pane) getCenter()).getWidth() - mediaView.prefWidth(-1)) / 2);
mediaView.setTranslateY(
(((Pane) getCenter()).getHeight() - mediaView.prefHeight(-1)) / 2);
}
};
};
setCenter(null);
setBottom(null);
borderPane.setCenter(mvPane);
borderPane.setBottom(mediaBar);
Scene newScene = new Scene(borderPane);
newStage.setScene(newScene);
// Workaround for disposing stage when exit fullscreen
newStage.setX(-100000);
newStage.setY(-100000);
newStage.setFullScreen(true);
fullScreen = true;
newStage.show();
} else {
// toggle FullScreen
fullScreen = false;
newStage.setFullScreen(false);
}
}
});
mediaBar.getChildren().add(buttonFullScreen);
// Volume label
Label volumeLabel = new Label("Vol");
volumeLabel.setMinWidth(Control.USE_PREF_SIZE);
mediaBar.getChildren().add(volumeLabel);
// Volume slider
volumeSlider =
SliderBuilder.create().prefWidth(70).minWidth(30).maxWidth(Region.USE_PREF_SIZE).build();
volumeSlider
.valueProperty()
.addListener(
new InvalidationListener() {
public void invalidated(Observable ov) {}
});
volumeSlider
.valueProperty()
.addListener(
new ChangeListener<Number>() {
@Override
public void changed(
ObservableValue<? extends Number> observable,
Number oldValue,
Number newValue) {
if (volumeSlider.isValueChanging()) {
mp.setVolume(volumeSlider.getValue() / 100.0);
}
}
});
mediaBar.getChildren().add(volumeSlider);
setBottom(mediaBar);
}
public ColorPickerPopover() {
getStyleClass().add("color-picker-popover");
popup.setAutoHide(true);
// add this to popup
popup.getContent().add(this);
// load stylesheet
getStylesheets().add(ColorPicker.class.getResource("ColorPicker.css").toString());
// create popover path for main shape
final Path p = new Path();
p.getElements()
.addAll(
new MoveTo(PICKER_PADDING, PICKER_PADDING + ARROW_SIZE + RADIUS),
new ArcTo(
RADIUS,
RADIUS,
90,
PICKER_PADDING + RADIUS,
PICKER_PADDING + ARROW_SIZE,
false,
true),
new LineTo(PICKER_PADDING + ARROW_X - (ARROW_SIZE * 0.8), PICKER_PADDING + ARROW_SIZE),
new LineTo(PICKER_PADDING + ARROW_X, PICKER_PADDING),
new LineTo(PICKER_PADDING + ARROW_X + (ARROW_SIZE * 0.8), PICKER_PADDING + ARROW_SIZE),
new LineTo(PICKER_PADDING + PICKER_WIDTH - RADIUS, PICKER_PADDING + ARROW_SIZE),
new ArcTo(
RADIUS,
RADIUS,
90,
PICKER_PADDING + PICKER_WIDTH,
PICKER_PADDING + ARROW_SIZE + RADIUS,
false,
true),
new LineTo(
PICKER_PADDING + PICKER_WIDTH,
PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT - RADIUS),
new ArcTo(
RADIUS,
RADIUS,
90,
PICKER_PADDING + PICKER_WIDTH - RADIUS,
PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT,
false,
true),
new LineTo(PICKER_PADDING + RADIUS, PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT),
new ArcTo(
RADIUS,
RADIUS,
90,
PICKER_PADDING,
PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT - RADIUS,
false,
true),
new ClosePath());
p.setFill(
new LinearGradient(
0,
0,
0,
1,
true,
CycleMethod.NO_CYCLE,
new Stop(0, Color.web("#313131")),
new Stop(0.5, Color.web("#5f5f5f")),
new Stop(1, Color.web("#313131"))));
p.setStroke(null);
p.setEffect(new DropShadow(15, 0, 1, Color.gray(0, 0.6)));
p.setCache(true);
// create rectangle to capture mouse events to hide
Rectangle windowClickRect =
RectangleBuilder.create()
.width(PICKER_PADDING + PICKER_WIDTH + PICKER_PADDING)
.height(PICKER_PADDING + PICKER_HEIGHT + PICKER_PADDING)
.fill(Color.TRANSPARENT)
.onMouseClicked(
new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent event) {
System.out.println("x= " + event.getX());
System.out.println(
"p.contains(event.getX(), event.getY()) = "
+ p.contains(event.getX(), event.getY()));
if (!p.contains(event.getX(), event.getY())) {
hide();
}
}
})
.build();
final Circle colorRectIndicator =
CircleBuilder.create()
.centerX(60)
.centerY(60)
.radius(5)
.stroke(Color.WHITE)
.fill(null)
.effect(new DropShadow(2, 0, 1, Color.BLACK))
.build();
colorRectIndicator
.centerXProperty()
.bind(
new DoubleBinding() {
{
bind(sat);
}
@Override
protected double computeValue() {
return (PICKER_PADDING + 10) + (RECT_SIZE * (sat.get() / 100));
}
});
colorRectIndicator
.centerYProperty()
.bind(
new DoubleBinding() {
{
bind(bright);
}
@Override
protected double computeValue() {
return (PICKER_PADDING + ARROW_SIZE + 10)
+ (RECT_SIZE * (1 - (bright.get() / 100)));
}
});
final Rectangle colorRect =
RectangleBuilder.create()
.x(PICKER_PADDING + 10)
.y(PICKER_PADDING + ARROW_SIZE + 10)
.width(RECT_SIZE)
.height(RECT_SIZE)
.build();
colorRect
.fillProperty()
.bind(
new ObjectBinding<Paint>() {
{
bind(color);
}
@Override
protected Paint computeValue() {
return Color.hsb(hue.getValue(), 1, 1);
}
});
Rectangle colorRectOverlayOne =
RectangleBuilder.create()
.x(PICKER_PADDING + 10)
.y(PICKER_PADDING + ARROW_SIZE + 10)
.width(RECT_SIZE)
.height(RECT_SIZE)
.fill(
new LinearGradient(
0,
0,
1,
0,
true,
CycleMethod.NO_CYCLE,
new Stop(0, Color.rgb(255, 255, 255, 1)),
new Stop(1, Color.rgb(255, 255, 255, 0))))
.build();
EventHandler<MouseEvent> rectMouseHandler =
new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent event) {
final double x = event.getX() - colorRect.getX();
final double y = event.getY() - colorRect.getY();
sat.set(clamp(x / RECT_SIZE) * 100);
bright.set(100 - (clamp(y / RECT_SIZE) * 100));
}
};
Rectangle colorRectOverlayTwo =
RectangleBuilder.create()
.x(PICKER_PADDING + 10)
.y(PICKER_PADDING + ARROW_SIZE + 10)
.width(RECT_SIZE)
.height(RECT_SIZE)
.fill(
new LinearGradient(
0,
0,
0,
1,
true,
CycleMethod.NO_CYCLE,
new Stop(0, Color.rgb(0, 0, 0, 0)),
new Stop(1, Color.rgb(0, 0, 0, 1))))
.onMouseDragged(rectMouseHandler)
.onMouseClicked(rectMouseHandler)
.build();
final Rectangle colorBar =
RectangleBuilder.create()
.x(PICKER_PADDING + PICKER_WIDTH - 30)
.y(PICKER_PADDING + ARROW_SIZE + 10)
.width(20)
.height(RECT_SIZE)
.fill(createHueGradient())
.build();
final Rectangle colorBarIndicator =
RectangleBuilder.create()
.x(PICKER_PADDING + PICKER_WIDTH - 32)
.y(PICKER_PADDING + ARROW_SIZE + 15)
.width(24)
.height(10)
.arcWidth(4)
.arcHeight(4)
.stroke(Color.WHITE)
.fill(null)
.effect(new DropShadow(2, 0, 1, Color.BLACK))
.build();
colorBarIndicator
.yProperty()
.bind(
new DoubleBinding() {
{
bind(hue);
}
@Override
protected double computeValue() {
return (PICKER_PADDING + ARROW_SIZE + 5) + (RECT_SIZE * (hue.get() / 360));
}
});
EventHandler<MouseEvent> barMouseHandler =
new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent event) {
final double y = event.getY() - colorBar.getY();
hue.set(clamp(y / RECT_SIZE) * 360);
}
};
colorBar.setOnMouseDragged(barMouseHandler);
colorBar.setOnMouseClicked(barMouseHandler);
Label brightnessLabel = new Label("Brightness:");
brightnessLabel.setMinWidth(Control.USE_PREF_SIZE);
GridPane.setConstraints(brightnessLabel, 0, 0);
Slider brightnessSlider = SliderBuilder.create().min(0).max(100).id("BrightnessSlider").build();
brightnessSlider.valueProperty().bindBidirectional(bright);
GridPane.setConstraints(brightnessSlider, 1, 0);
IntegerField brightnessField = new IntegerField();
brightnessField.valueProperty().bindBidirectional(bright);
brightnessField.setPrefColumnCount(7);
GridPane.setConstraints(brightnessField, 2, 0);
Label saturationLabel = new Label("Saturation:");
saturationLabel.setMinWidth(Control.USE_PREF_SIZE);
GridPane.setConstraints(saturationLabel, 0, 1);
Slider saturationSlider = SliderBuilder.create().min(0).max(100).id("SaturationSlider").build();
saturationSlider.valueProperty().bindBidirectional(sat);
GridPane.setConstraints(saturationSlider, 1, 1);
saturationSlider
.styleProperty()
.bind(
new StringBinding() {
{
bind(color);
}
@Override
protected String computeValue() {
return "picker-color: hsb(" + hue.get() + ",100%,100%);";
}
});
IntegerField saturationField = new IntegerField();
saturationField.valueProperty().bindBidirectional(sat);
saturationField.setPrefColumnCount(7);
GridPane.setConstraints(saturationField, 2, 1);
Label webLabel = new Label("Web:");
webLabel.setMinWidth(Control.USE_PREF_SIZE);
GridPane.setConstraints(webLabel, 0, 2);
WebColorField webField = new WebColorField();
webField.valueProperty().bindBidirectional(color);
GridPane.setConstraints(webField, 1, 2, 2, 1);
GridPane controls = new GridPane();
controls.setVgap(5);
controls.setHgap(5);
controls
.getChildren()
.addAll(
brightnessLabel,
brightnessSlider,
brightnessField,
saturationLabel,
saturationSlider,
saturationField,
webLabel,
webField);
controls.setManaged(false);
controls.resizeRelocate(
PICKER_PADDING + 10,
PICKER_PADDING + ARROW_SIZE + 10 + 170 + 10,
PICKER_WIDTH - 20,
controls.getPrefHeight());
getChildren()
.addAll(
windowClickRect,
p,
colorRect,
colorRectOverlayOne,
colorRectOverlayTwo,
colorBar,
colorRectIndicator,
colorBarIndicator,
controls);
}
