精致小巧的java相册制作方法

在本教程中,我们将学习如何使用Java语言制作一个简单的相册。相册将具有以下特点:

精致小巧的Java相册制作方法

在本教程中,我们将学习如何使用Java语言制作一个简单的相册。相册将具有以下特点:

  • 界面简洁,易用性高
  • 可以显示图片,并允许用户使用翻页按钮浏览图片
  • 用户可以通过控制按钮放大或缩小图片

1. 准备工作

在开始之前,请确保你已经安装好了以下软件和工具:

  • JDK 1.8或以上版本
  • Eclipse或其他合适的Java IDE
  • Swing或JavaFX库

2. 创建项目和界面

首先,我们需要创建一个Java项目,并在其中添加一个窗体。你可以使用Swing或JavaFX来创建这个窗体,下面是一个使用Swing的示例代码:

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JButton;

public class Album extends JFrame{
   public Album(){
      setTitle("相册");
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      setSize(600, 400);
      setLocationRelativeTo(null);
      JPanel contentPane = new JPanel();
      setContentPane(contentPane);
      contentPane.setLayout(null);

      JButton btnPrev = new JButton("上一页");
      btnPrev.setBounds(10, 10, 80, 25);
      contentPane.add(btnPrev);

      JButton btnNext = new JButton("下一页");
      btnNext.setBounds(120, 10, 80, 25);
      contentPane.add(btnNext);

      JButton btnZoomIn = new JButton("放大");
      btnZoomIn.setBounds(10, 50, 80, 25);
      contentPane.add(btnZoomIn);

      JButton btnZoomOut = new JButton("缩小");
      btnZoomOut.setBounds(120, 50, 80, 25);
      contentPane.add(btnZoomOut);

      setVisible(true);
   }

   public static void main(String[] args){
        new Album();
   }
}

运行这个代码可以看到我们新创建的相册窗口。

3. 显示图片

下一步是向相册中添加图片。我们可以使用Java的Graphics2D类加载图片并将其绘制到界面上。以下是一个使用Swing的示例代码:

import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JButton;

public class Album extends JFrame{
   private BufferedImage image;
   private int currentPicIndex = 0;
   private String[] picPaths = {
      "image1.jpg", "image2.jpg", "image3.jpg" };

   public Album(){
      setTitle("相册");
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      setSize(600, 400);
      setLocationRelativeTo(null);
      JPanel contentPane = new JPanel(){
         @Override
         protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D) g;
            g2.drawImage(image, 0, 0, getWidth(), getHeight(), null);
         }
      };
      setContentPane(contentPane);
      contentPane.setLayout(null);

      JButton btnPrev = new JButton("上一页");
      btnPrev.addActionListener((e) -> {
         currentPicIndex--;
         if(currentPicIndex < 0){
            currentPicIndex = picPaths.length - 1;
         }
         loadImage(picPaths[currentPicIndex]);
      });
      btnPrev.setBounds(10, 10, 80, 25);
      contentPane.add(btnPrev);

      JButton btnNext = new JButton("下一页");
      btnNext.addActionListener((e) -> {
         currentPicIndex++;
         if(currentPicIndex >= picPaths.length){
            currentPicIndex = 0;
         }
         loadImage(picPaths[currentPicIndex]);
      });
      btnNext.setBounds(120, 10, 80, 25);
      contentPane.add(btnNext);

      JButton btnZoomIn = new JButton("放大");
      btnZoomIn.addActionListener((e) -> {
         image = zoomInImage(image);
         contentPane.repaint();
      });
      btnZoomIn.setBounds(10, 50, 80, 25);
      contentPane.add(btnZoomIn);

      JButton btnZoomOut = new JButton("缩小");
      btnZoomOut.addActionListener((e) -> {
         image = zoomOutImage(image);
         contentPane.repaint();
      });
      btnZoomOut.setBounds(120, 50, 80, 25);
      contentPane.add(btnZoomOut);

      loadImage(picPaths[currentPicIndex]);
      setVisible(true);
   }

   private void loadImage(String path){
      try{
         image = ImageIO.read(new File(path));
      }catch(Exception ex){
         ex.printStackTrace();
      }
      Graphics g = getGraphics();
      paint(g);
   }

   private BufferedImage zoomInImage(BufferedImage originalImage){
      int newWidth = (int)(originalImage.getWidth() * 1.2);
      int newHeight = (int)(originalImage.getHeight() * 1.2);
      Image tmp = originalImage.getScaledInstance(newWidth, newHeight, Image.SCALE_DEFAULT);
      BufferedImage resized = new BufferedImage(newWidth, newHeight, BufferedImage.TYPE_INT_RGB);

      Graphics2D g2d = resized.createGraphics();
      g2d.drawImage(tmp, 0, 0, null);
      g2d.dispose();

      return resized;
   }

   private BufferedImage zoomOutImage(BufferedImage originalImage){
      int newWidth = (int)(originalImage.getWidth() * 0.8);
      int newHeight = (int)(originalImage.getHeight() * 0.8);
      Image tmp = originalImage.getScaledInstance(newWidth, newHeight, Image.SCALE_DEFAULT);
      BufferedImage resized = new BufferedImage(newWidth, newHeight, BufferedImage.TYPE_INT_RGB);

      Graphics2D g2d = resized.createGraphics();
      g2d.drawImage(tmp, 0, 0, null);
      g2d.dispose();

      return resized;
   }

   public static void main(String[] args){
        new Album();
   }
}

在这个代码中,我们使用了imageio库来加载图片。然后使用Graphics2D类将图片绘制到窗体上。当用户单击翻页或放大/缩小按钮时,我们将调用zoomInImage()/zoomOutImage()来放大或缩小图片,并重新绘制到窗体上。

4. 示例说明

示例一:添加更多图片

让我们假设一个故事情节,你的客户提出了一个额外的要求,即相册需要显示10张图片,而不是原来只有3张图片。为了实现这一目标,我们可以修改以下代码:

private String[] picPaths = {
  "image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg",
  "image5.jpg", "image6.jpg", "image7.jpg", "image8.jpg",
  "image9.jpg", "image10.jpg"
};

请注意,我们只是修改了数组中的元素,而其他代码都保持不变。

示例二:使用JavaFX库

JavaFX提供了更为现代化的UI界面,并且能够更加清晰地表达Java编写的工具给用户的现代感。下面是一个使用JavaFX的示例代码:

import java.io.File;
import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.FileChooser;
import javafx.stage.Stage;

public class Album extends Application{
   private int currentPicIndex = 0;
   private String[] picPaths = {
      "image1.jpg", "image2.jpg", "image3.jpg" };
   private ImageView imageView;

   @Override
   public void start(Stage primaryStage) throws Exception {
      primaryStage.setTitle("相册");
      primaryStage.setResizable(false);

      StackPane root = new StackPane();

      imageView = new ImageView();
      loadImage(picPaths[currentPicIndex]);
      root.getChildren().addAll(imageView);

      Scene scene = new Scene(root, 600, 400);
      primaryStage.setScene(scene);

      scene.setOnKeyPressed(new EventHandler<KeyEvent>() {
         @Override
         public void handle(KeyEvent ke) {
            if (ke.getCode() == KeyCode.LEFT) {
                currentPicIndex--;
                if(currentPicIndex < 0){
                   currentPicIndex = picPaths.length - 1;
                }
                loadImage(picPaths[currentPicIndex]);
            } else if (ke.getCode() == KeyCode.RIGHT) {
                currentPicIndex++;
                if(currentPicIndex >= picPaths.length){
                   currentPicIndex = 0;
                }
                loadImage(picPaths[currentPicIndex]);
            }
         }
      });

      primaryStage.show();
   }

   private void loadImage(String path){
      File file = new File(path);
      Image image = new Image(file.toURI().toString());
      imageView.setImage(image);
   }

   public static void main(String[] args){
       launch(args);
   }
}

在这个代码中,我们使用JavaFX库加载图片并将其显示在ImageView控件上。当用户使用左右箭头按钮时,我们将加载前/后一张图片。

5. 总结

在本教程中,我们学习了如何使用Java语言制作一个简单的相册,包括添加翻页、放大/缩小等功能。无论你是使用Swing还是JavaFX,这些技术都可以帮助你轻松地创建一款精致小巧的Java相册。

本文标题为:精致小巧的java相册制作方法

基础教程推荐