JAVA Swing自定义JScorllPanel

简介: JAVA Swing自定义JScorllPanel

JAVA Swing中JScrollPanle自定义带标尺的JScrollPanel

Swing中JScrollPanel的结构与组成如下图:

分为四个角与四个边,中间蓝色矩形为View窗口,可以通过调用JScrollPanel的

getViewport().setView(view)完成对现实内容的设置。

最常见的自定义JScrollPanel是改写默认的Column  Header View与Row Header View

下面是我做的一个关于瓷砖排列显示的UI,实现了一个标尺化的JScrollPanel,可以很好

的度量与说明空间大小与瓷砖需求的关系,实现效果如下:

自定义的列与行标尺View的代码如下:

package com.gloomyfish.swing.custom.ui;
 
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Line2D;
import java.awt.geom.Rectangle2D;
 
import javax.swing.JComponent;
 
public class RuleView extends JComponent {
    /**
   * 
   */
  private static final long serialVersionUID = 1L;
  public static final int HORIZONTAL = 0;
    public static final int VERTICAL = 1;
    private int SIZE = 600;
    public int orientation;
    public boolean isMetric;
    private double increment;
    private double units;
    private int width;
    private int height;
    
    public RuleView(int o, boolean m) {
        orientation = o;
        isMetric = m;
        setIncrementAndUnits();
      if(orientation == HORIZONTAL)
      {
        width = SIZE;
      }
      else
      {
        height = SIZE;
      }
    }
 
  private void setIncrementAndUnits() {
    
  }
  
    public void setPreferredHeight(int ph) {
      this.height = ph;
        setPreferredSize(new Dimension(SIZE, ph));
    }
 
    public void setPreferredWidth(int pw) {
      this.width = pw;
        setPreferredSize(new Dimension(pw, SIZE));
    }
 
    protected void paintComponent(Graphics g) {
      Graphics2D g2d = (Graphics2D) g;
      System.out.println("width = " + width);
      System.out.println("Height = " + height);
      
      // background color
      g2d.setColor(new Color(102, 255, 255));
      Rectangle2D rect2d = new Rectangle2D.Double(0, 0, width, height);
      g2d.fill(rect2d);
      
      
      int count = 0;
      increment = 0;
      
      // unit and text symbol
      g2d.setPaint(new Color(0,0,204));
      if(orientation == HORIZONTAL)
      {
        units = width / 10.0;
        for(int i=0; i<=units; i++)
        {
          double rowOff = i * 10.0;
          Line2D line = new Line2D.Double(rowOff, height*0.7, rowOff, height);
          g2d.draw(line);
          if(count == 10)
          {
            count = 0;
            increment += 1;
            Line2D bigLine = new Line2D.Double(rowOff, height*0.4, rowOff, height);
              g2d.draw(bigLine);
              g2d.drawString(increment + "", (int)rowOff-3, (int)(height/3.0));
          }
          count++;
        }
      }
      else
      {
        units = height / 10.0;
        for(int i=0; i<=units; i++)
        {
          double colOff = i * 10.0;
          Line2D line = new Line2D.Double(width*0.7, colOff, width, colOff);
          g2d.draw(line);
          if(count == 10)
          {
            count = 0;
            increment += 1;
            Line2D bigLine = new Line2D.Double(width*0.5, colOff, width, colOff);
              g2d.draw(bigLine);
              g2d.drawString(increment + "", 0, (int)colOff);
          }
          count++;
        }
      }
      g2d.setPaint(Color.RED);
      
    }
}


自定义的JScrollPanel的代码如下:

1.package com.gloomyfish.swing.custom.ui;
 
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Font;
 
import javax.swing.JComponent;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.border.LineBorder;
 
public class JCustomScrollPane extends JScrollPane {
 
  /**
   * 
   */
  private static final long serialVersionUID = 1L;
  private RuleView columnView;
  private RuleView rowView;
  private JLabel cornerLabel;
  public JCustomScrollPane(int rowSize, int columnSize)
  {
    super();
    JPanel buttonCorner = new JPanel(); // use FlowLayout
    cornerLabel = new JLabel("单位:米");
    cornerLabel.setForeground(Color.BLUE);
    cornerLabel.setFont(new Font("Serif", Font.PLAIN, 8));
    buttonCorner.setLayout(new FlowLayout(FlowLayout.LEFT));
    buttonCorner.add(cornerLabel);
    setCorner(JScrollPane.UPPER_LEFT_CORNER, buttonCorner);
    columnView = new RuleView(RuleView.HORIZONTAL, true);
    columnView.setPreferredHeight(30);
    rowView = new RuleView(RuleView.VERTICAL, true);
    rowView.setPreferredWidth(30);
    setColumnHeaderView(columnView);
    setRowHeaderView(rowView);
    setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
      setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
      setViewportBorder(new LineBorder(Color.RED));
  }
  
  public void setImagePanel(JComponent view)
  {
    this.getViewport().setView(view);
  }
  
}

最后说一下,Swing 是非常灵活的UI组件,提供了非常多的自定义接口

怎么合理运用就看个人啦!

相关文章
|
17天前
|
Java
如何在Java中实现自定义注解和处理器
如何在Java中实现自定义注解和处理器
|
8天前
|
存储 Web App开发 Java
《手把手教你》系列基础篇(九十五)-java+ selenium自动化测试-框架之设计篇-java实现自定义日志输出(详解教程)
【7月更文挑战第13天】这篇文章介绍了如何在Java中创建一个简单的自定义日志系统,以替代Log4j或logback。
28 5
|
13天前
|
Java Spring
使用Java实现自定义注解的方法与技巧
使用Java实现自定义注解的方法与技巧
|
18天前
|
XML 测试技术 数据格式
《手把手教你》系列基础篇(八十五)-java+ selenium自动化测试-框架设计基础-TestNG自定义日志-下篇(详解教程)
【7月更文挑战第3天】TestNG教程展示了如何自定义日志记录。首先创建一个名为`TestLog`的测试类,包含3个测试方法,其中一个故意失败以展示日志。使用`Assert.assertTrue`和`Reporter.log`来记录信息。接着创建`CustomReporter`类,继承`TestListenerAdapter`,覆盖`onTestFailure`, `onTestSkipped`, 和 `onTestSuccess`,在这些方法中自定义日志输出。
30 6
|
20天前
|
存储 安全 Java
如何在Java中实现自定义数据结构:从头开始
如何在Java中实现自定义数据结构:从头开始
|
24天前
|
Java
Java自定义注解:优雅的代码标记
Java自定义注解:优雅的代码标记
19 1
|
11天前
|
Java 编译器 数据库连接
Java面试题:什么是Java中的注解以及如何自定义注解?举例说明注解的经典用法
Java面试题:什么是Java中的注解以及如何自定义注解?举例说明注解的经典用法
10 0
|
20天前
|
存储 Java 开发者
如何在Java中实现自定义数据结构
如何在Java中实现自定义数据结构
|
24天前
|
前端开发 Java UED
Java中的图形用户界面编程:Swing与JavaFX的比较与应用
Java中的图形用户界面编程:Swing与JavaFX的比较与应用
|
25天前
|
Java Spring 容器
详解java参数校验之:顺序校验、自定义校验、分组校验(@Validated @GroupSequence)
详解java参数校验之:顺序校验、自定义校验、分组校验(@Validated @GroupSequence)