Added basic functionality for opening files, zooming, full-screen, switching through images
This commit is contained in:
parent
5ec0f50305
commit
3c6870074d
@ -1,6 +1,11 @@
|
||||
package de.thm.tlf.photoViewer;
|
||||
|
||||
import de.thm.tlf.photoViewer.data.PicturePreview;
|
||||
import javafx.application.Application;
|
||||
import javafx.beans.property.DoubleProperty;
|
||||
import javafx.beans.property.SimpleDoubleProperty;
|
||||
//import javafx.beans.value.ChangeListener;
|
||||
///import javafx.beans.value.ObservableValue;
|
||||
import javafx.event.ActionEvent;
|
||||
import javafx.event.EventHandler;
|
||||
import javafx.geometry.Insets;
|
||||
@ -8,20 +13,62 @@ import javafx.geometry.Pos;
|
||||
import javafx.scene.Node;
|
||||
import javafx.scene.Scene;
|
||||
import javafx.scene.control.*;
|
||||
import javafx.scene.image.Image;
|
||||
import javafx.scene.image.ImageView;
|
||||
import javafx.scene.layout.*;
|
||||
import javafx.stage.FileChooser;
|
||||
import javafx.stage.Stage;
|
||||
|
||||
import java.io.File;
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* Controller Class for Image-viewer.
|
||||
* Holds controls for the GUI elements.
|
||||
* Holds GUI elements
|
||||
*
|
||||
* @author Tim Lukas Förster
|
||||
* @version 0.1
|
||||
*/
|
||||
|
||||
public class Controller extends Application {
|
||||
|
||||
private PictureHandler picHandler = new PictureHandler();
|
||||
// CENTER //
|
||||
private final DoubleProperty zoomProperty = new SimpleDoubleProperty(200);
|
||||
private final ScrollPane currentViewSP = new ScrollPane();
|
||||
private final ImageView centerImageView = new ImageView();
|
||||
|
||||
// LEFT //
|
||||
private final VBox leftPane = new VBox();
|
||||
private final VBox selectionPane = new VBox();
|
||||
private final ScrollPane pictureSelector = new ScrollPane();
|
||||
|
||||
// TOP //
|
||||
private final VBox menu = new VBox();
|
||||
private final MenuBar menuBar = new MenuBar();
|
||||
private final Menu fileMenu = new Menu("File");
|
||||
private final Menu aboutMenu = new Menu("About");
|
||||
private final MenuItem openFiles = new MenuItem("Open");
|
||||
private final MenuItem startSlideShow = new MenuItem("Start Slide Show");
|
||||
private final MenuItem exitViewer = new Menu("Exit");
|
||||
private final MenuItem showInfo = new Menu("Information");
|
||||
|
||||
// BOTTOM //
|
||||
private final BorderPane bottomPanel = new BorderPane();
|
||||
private final HBox bottomLeft = new HBox();
|
||||
private final HBox bottomMid = new HBox();
|
||||
private final HBox bottomRight = new HBox();
|
||||
|
||||
private Slider zoomSlider;
|
||||
private final Button openFilesButton = new Button("Open Pictures");
|
||||
|
||||
private final Button prevPicBtn = new Button("<-");
|
||||
private final Button nextPicBtn = new Button("->");
|
||||
private final Button slideShowBtn = new Button("Slide Show");
|
||||
|
||||
private final Button fullScreenBtn = new Button("Fullscreen");
|
||||
|
||||
// Picture handling //
|
||||
private PictureHandler picHandler;
|
||||
|
||||
|
||||
public static void main(String[] args) {
|
||||
launch(args);
|
||||
@ -29,105 +76,121 @@ public class Controller extends Application {
|
||||
|
||||
@Override
|
||||
public void start(Stage primaryStage) {
|
||||
/* ##############################
|
||||
* #### MAIN PANE ####
|
||||
* #############################*/
|
||||
BorderPane mainPane = new BorderPane();
|
||||
// #### END MAIN PANE ####
|
||||
picHandler = new PictureHandler();
|
||||
|
||||
BorderPane root = new BorderPane();
|
||||
root.setLeft(createLeft());
|
||||
root.setCenter(createCenter());
|
||||
root.setTop(createTop());
|
||||
root.setBottom(createBottom());
|
||||
Scene mainScene = new Scene(root, 1200, 800);
|
||||
|
||||
/* ##############################
|
||||
* #### BOTTOM PANEL ####
|
||||
* #############################*/
|
||||
BorderPane bottom = new BorderPane();
|
||||
bottom.setPadding(new Insets(5,5,5,5));
|
||||
|
||||
// ZoomSlider -> Bottom Left
|
||||
HBox bottomLeft = new HBox();
|
||||
Slider zoomSlider = new Slider(0, 100, 15);
|
||||
zoomSlider.setShowTickMarks(true);
|
||||
// Open Button
|
||||
Button openFilesButton = new Button("Open Pictures");
|
||||
|
||||
bottomLeft.getChildren().addAll(openFilesButton, zoomSlider);
|
||||
bottom.setLeft(bottomLeft);
|
||||
|
||||
HBox bottomMid = new HBox();
|
||||
bottomMid.setAlignment(Pos.CENTER);
|
||||
bottomMid.setSpacing(5);
|
||||
Button prevPicBtn = new Button("<-");
|
||||
Button nextPicBtn = new Button("->");
|
||||
Button diashowBtn = new Button("Diashow");
|
||||
bottomMid.getChildren().addAll(prevPicBtn, diashowBtn, nextPicBtn);
|
||||
bottom.setCenter(bottomMid);
|
||||
|
||||
HBox bottomRight = new HBox();
|
||||
Button fullScreenBtn = new Button("Fullscreen");
|
||||
bottomRight.getChildren().add(fullScreenBtn);
|
||||
bottom.setRight(bottomRight);
|
||||
|
||||
//Button Actions
|
||||
prevPicBtn.setOnAction(new EventHandler<ActionEvent>() {
|
||||
@Override public void handle(ActionEvent e) {
|
||||
picHandler.nextPicture();
|
||||
//// Keypress Actions ////
|
||||
mainScene.setOnKeyPressed(event -> {
|
||||
switch (event.getCode()) {
|
||||
case RIGHT:
|
||||
try{
|
||||
centerImageView.setImage(picHandler.getPrevPicture().getImage());
|
||||
}
|
||||
catch (NoPicturesLoadedException npl){ npl.printStackTrace();}
|
||||
break;
|
||||
case LEFT:
|
||||
try{
|
||||
centerImageView.setImage(picHandler.getNextPicture().getImage());
|
||||
}
|
||||
catch (NoPicturesLoadedException npl){ npl.printStackTrace();}
|
||||
break;
|
||||
}
|
||||
});
|
||||
mainPane.setBottom(bottom);
|
||||
// #### END BOTTOM PANEL ####
|
||||
//// End Keypress Actions ////
|
||||
|
||||
//// Center Zoom Action ////
|
||||
zoomProperty.addListener(observable -> {
|
||||
centerImageView.setFitWidth(zoomProperty.get());
|
||||
centerImageView.setFitHeight(zoomProperty.get());
|
||||
//centerImageView.setFitWidth(zoomProperty.get() * 4);
|
||||
//centerImageView.setFitHeight(zoomProperty.get() * 3);
|
||||
});
|
||||
|
||||
zoomSlider.valueProperty().addListener((observableValue, oldVal, newVal) -> {
|
||||
if (oldVal.doubleValue() < newVal.doubleValue()){
|
||||
zoomProperty.set(zoomProperty.get() + 10);
|
||||
}
|
||||
else if (oldVal.doubleValue() > newVal.doubleValue()){
|
||||
zoomProperty.set(zoomProperty.get() - 10);
|
||||
}
|
||||
});
|
||||
|
||||
/* Currently not used. A method that allow scrolling with the mouse wheel when inside the center
|
||||
currentViewSP.addEventFilter(ScrollEvent.ANY, scrollEvent -> {
|
||||
|
||||
if (scrollEvent.getDeltaY() > 0) {
|
||||
zoomProperty.set(zoomProperty.get() * 1.1);
|
||||
} else if (scrollEvent.getDeltaY() < 0) {
|
||||
zoomProperty.set(zoomProperty.get() / 1.1);
|
||||
}
|
||||
});
|
||||
/**/
|
||||
//// End Center Zoom Action ////
|
||||
|
||||
//// Menu Actions ////
|
||||
openFiles.setOnAction(openFileDialog(primaryStage));
|
||||
//// End Menu Actions ////
|
||||
|
||||
|
||||
/* ##############################
|
||||
* #### TOP PANEL ####
|
||||
* #############################*/
|
||||
VBox menu = new VBox();
|
||||
// File Menu
|
||||
Menu fileMenu = new Menu("File");
|
||||
MenuItem openFiles = new MenuItem("Open");
|
||||
MenuItem startDiashow = new MenuItem("Start Diashow");
|
||||
MenuItem exitViewer = new Menu("Exit");
|
||||
SeparatorMenuItem sep = new SeparatorMenuItem();
|
||||
fileMenu.getItems().addAll(openFiles, sep, startDiashow, exitViewer);
|
||||
// About Menu
|
||||
Menu aboutMenu = new Menu("About");
|
||||
MenuItem showInfo = new Menu("Information");
|
||||
aboutMenu.getItems().addAll(showInfo);
|
||||
// Menu bare
|
||||
MenuBar menuBar = new MenuBar();
|
||||
menuBar.getMenus().addAll(fileMenu, aboutMenu);
|
||||
// Adding Menus to Top Panel
|
||||
menu.getChildren().addAll(menuBar);
|
||||
mainPane.setTop(menu);
|
||||
// #### END TOP PANEL ####
|
||||
//// Button Actions ////
|
||||
openFilesButton.setOnAction(openFileDialog(primaryStage));
|
||||
|
||||
prevPicBtn.setOnAction(e -> {
|
||||
try{
|
||||
centerImageView.setImage(picHandler.getPrevPicture().getImage());
|
||||
}
|
||||
catch (NoPicturesLoadedException npl){ npl.printStackTrace();}
|
||||
});
|
||||
|
||||
/* ##############################
|
||||
* #### CENTER PANEL ####
|
||||
* #############################*/
|
||||
Picture testPic = new Picture("pic/image3.jpg");
|
||||
ScrollPane currentViewSP = new ScrollPane();
|
||||
Image image = testPic.getImage();
|
||||
//Creating the image view
|
||||
ImageView imageView = new ImageView();
|
||||
//Setting image to the image view
|
||||
imageView.setImage(image);
|
||||
//Setting the image view parameters
|
||||
imageView.setX(10);
|
||||
imageView.setY(10);
|
||||
imageView.setPreserveRatio(true);
|
||||
currentViewSP.setContent(imageView);
|
||||
mainPane.setCenter(currentViewSP);
|
||||
// #### END CENTER PANEL ####
|
||||
nextPicBtn.setOnAction(e -> {
|
||||
try{
|
||||
centerImageView.setImage(picHandler.getNextPicture().getImage());
|
||||
}
|
||||
catch (NoPicturesLoadedException npl){ npl.printStackTrace();}
|
||||
});
|
||||
|
||||
fullScreenBtn.setOnAction(e -> primaryStage.setFullScreen(true));
|
||||
//// End Button Actions ////
|
||||
|
||||
/* ##############################
|
||||
* #### LEFT PANEL ####
|
||||
* #############################*/
|
||||
VBox leftPane = new VBox();
|
||||
VBox selectionPane = new VBox();
|
||||
selectionPane.setPadding(new Insets(5,5,5,5));
|
||||
selectionPane.setSpacing(5);
|
||||
primaryStage.setTitle("Photo Viewer");
|
||||
primaryStage.setScene(mainScene);
|
||||
primaryStage.show();
|
||||
}
|
||||
|
||||
// Add all previews to the
|
||||
/**
|
||||
* Open file-dialog allowing to select multiple pictures (via filter),
|
||||
* adds them to the PictureHandler and updates the picture preview
|
||||
* @param stage the primary stage, used to display the file-open-dialog
|
||||
* @return EventHandler for dialog handling
|
||||
*/
|
||||
private EventHandler<ActionEvent> openFileDialog(Stage stage) {
|
||||
return e -> {
|
||||
FileChooser fileChooser = new FileChooser();
|
||||
fileChooser.setTitle("Open Pictures");
|
||||
fileChooser.getExtensionFilters().addAll(
|
||||
new FileChooser.ExtensionFilter("Image Files", "*.png", "*.jpg", "*.gif"));
|
||||
List<File> selectedPictures = fileChooser.showOpenMultipleDialog(stage);
|
||||
if (selectedPictures != null) {
|
||||
try{
|
||||
picHandler.loadPictures(selectedPictures);
|
||||
Controller.this.updatePreviewView();
|
||||
centerImageView.setImage(picHandler.getNextPicture().getImage());
|
||||
}
|
||||
catch (NoPicturesLoadedException npl){ npl.printStackTrace();}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
private void updatePreviewView(){
|
||||
for(PicturePreview pp: picHandler.getPreviews()){
|
||||
ImageView iv = new ImageView(pp.getImage());
|
||||
iv.setFitWidth(150);
|
||||
@ -135,16 +198,71 @@ public class Controller extends Application {
|
||||
iv.setPreserveRatio(true);
|
||||
selectionPane.getChildren().add(iv);
|
||||
}
|
||||
ScrollPane pictureSelector = new ScrollPane();
|
||||
}
|
||||
|
||||
/**
|
||||
* Method that handles the settings and layout of the Left Panel
|
||||
* @return Node, set up for displaying on the left of a GridPane
|
||||
*/
|
||||
private Node createLeft(){
|
||||
selectionPane.setPadding(new Insets(5,5,5,5));
|
||||
selectionPane.setSpacing(5);
|
||||
pictureSelector.setContent(selectionPane);
|
||||
|
||||
leftPane.getChildren().addAll(pictureSelector);
|
||||
mainPane.setLeft(leftPane);
|
||||
// #### END LEFT PANEL ####
|
||||
|
||||
primaryStage.setTitle("Photo Viewer");
|
||||
primaryStage.setScene(new Scene(mainPane, 1200, 600));
|
||||
primaryStage.show();
|
||||
return leftPane;
|
||||
}
|
||||
|
||||
/**
|
||||
* Method that handles the settings and layout of the top Panel
|
||||
* @return Node, set up for displaying on the top of a GridPane
|
||||
*/
|
||||
private Node createTop(){
|
||||
SeparatorMenuItem sep = new SeparatorMenuItem();
|
||||
fileMenu.getItems().addAll(openFiles, sep, startSlideShow, exitViewer);
|
||||
// About Menu
|
||||
|
||||
aboutMenu.getItems().addAll(showInfo);
|
||||
// Menu bare
|
||||
menuBar.getMenus().addAll(fileMenu, aboutMenu);
|
||||
// Adding Menus to Top Panel
|
||||
menu.getChildren().addAll(menuBar);
|
||||
return menu;
|
||||
}
|
||||
|
||||
/**
|
||||
* Method that handles the settings and layout of the center Panel
|
||||
* @return Node, set up for displaying on the center of a GridPane
|
||||
*/
|
||||
private Node createCenter(){
|
||||
centerImageView.setX(10);
|
||||
centerImageView.setY(10);
|
||||
centerImageView.setPreserveRatio(true);
|
||||
currentViewSP.setContent(centerImageView);
|
||||
return currentViewSP;
|
||||
}
|
||||
|
||||
/**
|
||||
* Method that handles the settings and layout of the bottom Panel
|
||||
* @return Node, set up for displaying on the bottom of a GridPane
|
||||
*/
|
||||
private Node createBottom() {
|
||||
bottomPanel.setPadding(new Insets(5, 5, 5, 5));
|
||||
|
||||
// Left Bottom Part
|
||||
zoomSlider = new Slider(0, 100, 25);
|
||||
zoomSlider.setShowTickMarks(true);
|
||||
bottomLeft.getChildren().addAll(openFilesButton, zoomSlider);
|
||||
bottomPanel.setLeft(bottomLeft);
|
||||
|
||||
// Middle Bottom Part
|
||||
bottomMid.setAlignment(Pos.CENTER);
|
||||
bottomMid.setSpacing(5);
|
||||
bottomMid.getChildren().addAll(prevPicBtn, slideShowBtn, nextPicBtn);
|
||||
bottomPanel.setCenter(bottomMid);
|
||||
|
||||
// Right Bottom Part
|
||||
bottomRight.getChildren().add(fullScreenBtn);
|
||||
bottomPanel.setRight(bottomRight);
|
||||
return (bottomPanel);
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,7 @@
|
||||
package de.thm.tlf.photoViewer;
|
||||
|
||||
public class NoPicturesLoadedException extends Exception{
|
||||
NoPicturesLoadedException(String s){
|
||||
super(s);
|
||||
}
|
||||
}
|
||||
@ -1,29 +1,48 @@
|
||||
package de.thm.tlf.photoViewer;
|
||||
|
||||
import de.thm.tlf.photoViewer.data.Picture;
|
||||
import de.thm.tlf.photoViewer.data.PicturePreview;
|
||||
|
||||
import java.io.File;
|
||||
import java.util.*;
|
||||
|
||||
public class PictureHandler {
|
||||
|
||||
private PicturePreview[] previews = new PicturePreview[]{
|
||||
new PicturePreview("pic/image1.jpg"),
|
||||
new PicturePreview("pic/image2.jpg"),
|
||||
new PicturePreview("pic/image3.jpg")
|
||||
};
|
||||
private ArrayList<Picture> pictures = new ArrayList<>();
|
||||
private ArrayList<PicturePreview> previews = new ArrayList<>();
|
||||
|
||||
private int currentPictureID = 0;
|
||||
private int currentPictureID = -1;
|
||||
|
||||
public PicturePreview[] getPreviews(){
|
||||
public ArrayList<PicturePreview> getPreviews(){
|
||||
return previews;
|
||||
}
|
||||
|
||||
public void loadPictures(){
|
||||
|
||||
public void loadPictures(List<File> pictureFiles){
|
||||
for(File picFile : pictureFiles){
|
||||
pictures.add(new Picture(picFile.getPath()));
|
||||
previews.add(new PicturePreview(picFile.getPath()));
|
||||
}
|
||||
}
|
||||
|
||||
public Picture nextPicture(){
|
||||
return null;
|
||||
public Picture getNextPicture() throws NoPicturesLoadedException {
|
||||
if(pictures.size() <= 0){
|
||||
throw new NoPicturesLoadedException("No pictures have been loaded");
|
||||
}
|
||||
else {
|
||||
currentPictureID = (currentPictureID + 1) % pictures.size();
|
||||
return pictures.get(currentPictureID);
|
||||
}
|
||||
}
|
||||
|
||||
public Picture prevPicture(){
|
||||
return null;
|
||||
public Picture getPrevPicture() throws NoPicturesLoadedException{
|
||||
if(pictures.size() <= 0){
|
||||
throw new NoPicturesLoadedException("No pictures have been loaded");
|
||||
}
|
||||
else {
|
||||
currentPictureID = (currentPictureID + pictures.size() - 1) % pictures.size();
|
||||
|
||||
return pictures.get(currentPictureID);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
package de.thm.tlf.photoViewer;
|
||||
package de.thm.tlf.photoViewer.data;
|
||||
|
||||
import javafx.scene.image.Image;
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
package de.thm.tlf.photoViewer;
|
||||
|
||||
import java.io.FileInputStream;
|
||||
package de.thm.tlf.photoViewer.data;
|
||||
|
||||
public class PicturePreview extends Picture{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user