快捷導(dǎo)航

java實(shí)現(xiàn)自定義表格渲染和編輯

更新時(shí)間：2024年04月10日 14:16:13 作者：Mysticbinary

這篇文章主要為大家詳細(xì)介紹了java如何實(shí)現(xiàn)自定義表格渲染和編輯,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下

正常使用表格

很簡單，使用一次就知道了，不過多介紹。

// 創(chuàng)建 JTable 實(shí)例,使用默認(rèn)的模型
JTable table = new JTable();

// 設(shè)置表格數(shù)據(jù)
Object[][] data = {
	{1, "Apple", 10.0},
	{2, "Banana", 5.0},
	{3, "Orange", 8.0}
};

Object[] columnNames = {"ID", "Name", "Price"};
table.setModel(new DefaultTableModel(data, columnNames));

show:

自定義表格樣式

// 創(chuàng)建 JTable 實(shí)例,并使用自定義的 FileTableModel
JTable table = new JTable(new FileTableModel());

// 獲取第二列(列索引為 1)的列模型 . 為第二列設(shè)置自定義的渲染器 AvailableRenderer
table.getColumnModel().getColumn(1).setCellRenderer(new AvailableRenderer());

// 獲取第二列(列索引為 1)的列模型 . 為第二列設(shè)置自定義的編輯器 AvailableEditor . 將一個(gè) JCheckBox 實(shí)例作為編輯器的渲染組件傳入
table.getColumnModel().getColumn(1).setCellEditor(new AvailableEditor(new JCheckBox()));

可以看到，將默認(rèn)的Model替換，改成自定義的模型，然后設(shè)置渲染器和編輯。渲染器就類似HTML的CSS樣式。編輯器就類似JS，可以在里面編輯事件，方便與用戶交互。

核心就是理解這三個(gè)類的各自作用：

FileTableModel 定義了表格的數(shù)據(jù)源和基本行為。
AvailableRenderer 定義了表格中復(fù)選框單元格的顯示效果。
AvailableEditor 定義了表格中復(fù)選框單元格的編輯交互行為。

Model、渲染器和編輯器的代碼：

// 定義表格模型
// FileTableModel 繼承自 AbstractTableModel,用于自定義表格模型
private class FileTableModel extends AbstractTableModel {
	@Override
	public int getRowCount() {
		// 返回表格中的行數(shù),通過獲取 data 數(shù)組的長度
		return data.length;
	}

	@Override
	public int getColumnCount() {
		// 返回表格中的列數(shù),通過獲取 columnNames 數(shù)組的長度
		return columnNames.length;
	}

	@Override
	public Object getValueAt(int rowIndex, int columnIndex) {
		// 返回指定單元格的值,通過訪問 data 數(shù)組中相應(yīng)的位置
		return data[rowIndex][columnIndex];
	}

	@Override
	public String getColumnName(int column) {
		// 返回指定列的列名,通過訪問 columnNames 數(shù)組中相應(yīng)的位置
		return columnNames[column];
	}

	@Override
	public Class<?> getColumnClass(int columnIndex) {
		// 指定哪些單元格可以編輯,這里設(shè)置只有第二列(columnIndex == 1)可以編輯
		return getValueAt(0, columnIndex).getClass();
	}

	@Override
	public boolean isCellEditable(int rowIndex, int columnIndex) {
		// 指定哪些單元格可以編輯,這里設(shè)置只有第二列(columnIndex == 1)可以編輯
		return columnIndex == 1;
	}

	@Override
	public void setValueAt(Object value, int rowIndex, int columnIndex) {
		// 設(shè)置指定單元格的值,并通知表格該單元格數(shù)據(jù)已經(jīng)更新
		data[rowIndex][columnIndex] = value;
		fireTableCellUpdated(rowIndex, columnIndex);
	}
}

// 定義渲染器，用于渲染第二列的復(fù)選框
// AvailableRenderer 是一個(gè)自定義的渲染器,用于渲染 JTable 中的復(fù)選框單元格
// 它繼承自 JCheckBox 并實(shí)現(xiàn) TableCellRenderer 接口
private class AvailableRenderer extends JCheckBox implements TableCellRenderer {

	// 構(gòu)造函數(shù),用于初始化渲染器
	public AvailableRenderer() {
		// 設(shè)置復(fù)選框在單元格中水平居中
		setHorizontalAlignment(SwingConstants.CENTER);
	}

	// 重寫此方法,用于自定義渲染單元格的行為
	@Override
	public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
		// 根據(jù)傳入的值設(shè)置復(fù)選框的選中狀態(tài)
		setSelected((Boolean) value);

		// 將復(fù)選框設(shè)置為可用狀態(tài),以便能夠正確渲染
		setEnabled(true);

		// 根據(jù)當(dāng)前單元格是否被選中,設(shè)置復(fù)選框的背景色
		// 如果被選中,則使用表格的選中行背景色
		// 否則使用表格的默認(rèn)背景色
		setBackground(isSelected ? table.getSelectionBackground() : table.getBackground());

		// 返回當(dāng)前 JCheckBox 實(shí)例,作為渲染的組件
		return this;
	}
}


// 定義編輯器,用于編輯第二列的復(fù)選框
private class AvailableEditor extends DefaultCellEditor implements ItemListener {
	private JCheckBox checkBox;
	private int editingRow;

	public AvailableEditor(JCheckBox checkBox) {
		super(checkBox);
		this.checkBox = checkBox;
		this.checkBox.addItemListener(this);
	}

	@Override
	public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected, int row, int column) {
		editingRow = row; // 記錄當(dāng)前編輯的行號
		checkBox.setSelected((Boolean) value);
		return checkBox;
	}

	@Override
	public Object getCellEditorValue() {
		return checkBox.isSelected();
	}

	@Override
	public void itemStateChanged(ItemEvent e) {
		super.fireEditingStopped();
		System.out.println("-----");  // 打印"123"

		int id = (int) data[editingRow][0]; // 獲取ID
		String fileName = (String) data[editingRow][2]; // 獲取文件名
		System.out.println("ID: " + id + ", File Name: " + fileName);
	}
}

shwo: