реализация превью при выборе ресурса

Author: JavaSaBr

resources/ui/css/custom_ids.css

@@ -135,6 +135,17 @@
     -fx-max-width: -fx-min-width;
 }
 
+#AssetEditorDialogPreviewContainer {
+    -fx-border-color: -fx-color-0;
+    -fx-border-width: 1;
+    -fx-min-height: 256;
+    -fx-pref-height: -fx-min-height;
+    -fx-max-height: -fx-min-height;
+    -fx-min-width: 256;
+    -fx-pref-width: -fx-min-width;
+    -fx-max-width: -fx-min-width;
+}
+
 #MaterialEditorToolbarLabel {
     -fx-min-height: 28;
     -fx-pref-height: -fx-min-height;

src/com/ss/editor/manager/JavaFXImageManager.java

@@ -30,11 +30,28 @@ public class JavaFXImageManager {
     private static final Logger LOGGER = LoggerManager.getLogger(JavaFXImageManager.class);
 
     private static final Array<String> FX_FORMATS = ArrayFactory.newArray(String.class);
+    private static final Array<String> IMAGE_FORMATS = ArrayFactory.newArray(String.class);
 
     static {
         FX_FORMATS.add("png");
         FX_FORMATS.add("jpg");
         FX_FORMATS.add("gif");
+
+        IMAGE_FORMATS.addAll(FX_FORMATS);
+        IMAGE_FORMATS.add("tga");
+        IMAGE_FORMATS.add("bmp");
+    }
+
+    /**
+     * Определение, является ли файл картинкой.
+     */
+    public static boolean isImage(final Path file) {
+
+        final Path fileName = file.getFileName();
+
+        final String extension = FileUtils.getExtension(fileName.toString());
+
+        return IMAGE_FORMATS.contains(extension);
     }
 
     private static JavaFXImageManager instance;

src/com/ss/editor/ui/css/CSSIds.java

@@ -33,6 +33,7 @@ public interface CSSIds {
     public static final String ASSET_EDITOR_DIALOG_BUTTON_CONTAINER = "AssetEditorDialogButtonContainer";
     public static final String ASSET_EDITOR_DIALOG_BUTTON_OK = "AssetEditorDialogButtonOk";
     public static final String ASSET_EDITOR_DIALOG_BUTTON_CANCEL = "AssetEditorDialogButtonCancel";
+    public static final String ASSET_EDITOR_DIALOG_PREVIEW_CONTAINER = "AssetEditorDialogPreviewContainer";
 
     public static final String MATERIAL_EDITOR_TOOLBAR_LABEL = "MaterialEditorToolbarLabel";
     public static final String MATERIAL_EDITOR_TOOLBAR_BOX = "MaterialEditorToolbarBox";

src/com/ss/editor/ui/dialog/asset/AssetEditorDialog.java

@@ -2,18 +2,23 @@
 
 import com.ss.editor.Messages;
 import com.ss.editor.config.EditorConfig;
+import com.ss.editor.manager.JavaFXImageManager;
 import com.ss.editor.ui.component.asset.tree.ResourceTree;
 import com.ss.editor.ui.component.asset.tree.resource.ResourceElement;
 import com.ss.editor.ui.dialog.EditorDialog;
 
 import java.awt.*;
+import java.nio.file.Files;
 import java.nio.file.Path;
 import java.util.function.Consumer;
 
 import javafx.geometry.Insets;
+import javafx.geometry.Pos;
 import javafx.scene.control.Button;
 import javafx.scene.control.MultipleSelectionModel;
 import javafx.scene.control.TreeItem;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.VBox;
 import rlib.ui.util.FXUtils;
@@ -22,6 +27,7 @@
 import static com.ss.editor.ui.css.CSSIds.ASSET_EDITOR_DIALOG_BUTTON_CANCEL;
 import static com.ss.editor.ui.css.CSSIds.ASSET_EDITOR_DIALOG_BUTTON_CONTAINER;
 import static com.ss.editor.ui.css.CSSIds.ASSET_EDITOR_DIALOG_BUTTON_OK;
+import static com.ss.editor.ui.css.CSSIds.ASSET_EDITOR_DIALOG_PREVIEW_CONTAINER;
 
 /**
  * Реализация диалога для выбора объекта из Asset.
@@ -33,6 +39,9 @@ public class AssetEditorDialog extends EditorDialog {
     private static final Insets OK_BUTTON_OFFSET = new Insets(0, 4, 0, 0);
     private static final Insets CANCEL_BUTTON_OFFSET = new Insets(0, 15, 0, 0);
 
+    private static final Insets PREVIEW_OFFSET = new Insets(0, 15, 0, 0);
+    public static final JavaFXImageManager JAVA_FX_IMAGE_MANAGER = JavaFXImageManager.getInstance();
+
     /**
      * Функция для использования выбранного ресурса.
      */
@@ -43,13 +52,21 @@ public class AssetEditorDialog extends EditorDialog {
      */
     private ResourceTree resourceTree;
 
+    /**
+     * Превью картинок.
+     */
+    private ImageView imageView;
+
     public AssetEditorDialog(final Consumer<Path> consumer) {
         this.consumer = consumer;
     }
 
     @Override
     protected void createContent(final VBox root) {
 
+        final HBox container = new HBox();
+        container.setAlignment(Pos.CENTER_LEFT);
+
         final EditorConfig editorConfig = EditorConfig.getInstance();
         final Consumer<ResourceElement> openFunction = element -> {
 
@@ -62,8 +79,55 @@ protected void createContent(final VBox root) {
         resourceTree = new ResourceTree(openFunction, true);
         resourceTree.fill(editorConfig.getCurrentAsset());
         resourceTree.prefHeightProperty().bind(root.heightProperty());
+        resourceTree.prefWidthProperty().bind(root.widthProperty());
+        resourceTree.getSelectionModel().selectedItemProperty().addListener((observable, oldValue, newValue) -> processSelected(newValue));
+
+
+        final VBox previewContainer = new VBox();
+        previewContainer.setId(ASSET_EDITOR_DIALOG_PREVIEW_CONTAINER);
+
+        imageView = new ImageView();
+        imageView.fitHeightProperty().bind(previewContainer.heightProperty().subtract(2));
+        imageView.fitWidthProperty().bind(previewContainer.widthProperty().subtract(2));
+
+        FXUtils.addToPane(resourceTree, container);
+        FXUtils.addToPane(imageView, previewContainer);
+        FXUtils.addToPane(previewContainer, container);
+        FXUtils.addToPane(container, root);
+
+        HBox.setMargin(previewContainer, PREVIEW_OFFSET);
+    }
+
+    /**
+     * @return превью картинок.
+     */
+    private ImageView getImageView() {
+        return imageView;
+    }
+
+    /**
+     * Обработка выбора в дереве элемента.
+     */
+    private void processSelected(final TreeItem<ResourceElement> newValue) {
+
+        final ImageView imageView = getImageView();
+
+        if(newValue == null) {
+            imageView.setImage(null);
+            return;
+        }
+
+        final ResourceElement element = newValue.getValue();
+        final Path file = element.getFile();
+
+        if(Files.isDirectory(file) || !JavaFXImageManager.isImage(file)) {
+            imageView.setImage(null);
+            return;
+        }
+
+        final Image preview = JAVA_FX_IMAGE_MANAGER.getTexturePreview(file, (int) imageView.getFitWidth(), (int) imageView.getFitHeight());
 
-        FXUtils.addToPane(resourceTree, root);
+        imageView.setImage(preview);
     }
 
     @Override