forked from fanruan/design
Browse Source
REPORT-59078 【主题切换】主题编辑界面 保存按钮交互优化 【问题原因】 1. 整理拆分主题编辑面板实现 2. 添加保存成功提示 3. 仅在修改主题配置且主题名称有效且自定义主题时，保存按钮可点击 【改动思路】 同上research/11.0
Starryi
3 years ago
7 changed files with 626 additions and 459 deletions
@ -0,0 +1,318 @@ |
|||||||
|
package com.fr.design.mainframe.theme; |
||||||
|
|
||||||
|
import com.fr.base.theme.FineColorFlushUtils; |
||||||
|
import com.fr.base.theme.FineColorManager; |
||||||
|
import com.fr.base.theme.TemplateTheme; |
||||||
|
import com.fr.base.theme.TemplateThemeConfig; |
||||||
|
import com.fr.base.theme.settings.ThemedCellStyleList; |
||||||
|
import com.fr.base.theme.settings.ThemedColorScheme; |
||||||
|
import com.fr.design.designer.IntervalConstants; |
||||||
|
import com.fr.design.gui.frpane.AbstractAttrNoScrollPane; |
||||||
|
import com.fr.design.gui.frpane.AttributeChangeListener; |
||||||
|
import com.fr.design.gui.frpane.UITabbedPane; |
||||||
|
import com.fr.design.gui.ilable.UILabel; |
||||||
|
import com.fr.design.i18n.Toolkit; |
||||||
|
import com.fr.design.layout.FRGUIPaneFactory; |
||||||
|
import com.fr.design.layout.TableLayout; |
||||||
|
import com.fr.design.layout.TableLayoutHelper; |
||||||
|
import com.fr.design.mainframe.theme.edit.CellStyleListEditPane; |
||||||
|
import com.fr.design.mainframe.theme.edit.ChartStyleEditPane; |
||||||
|
import com.fr.design.mainframe.theme.edit.ui.ColorListExtendedPane; |
||||||
|
import com.fr.design.mainframe.theme.edit.ui.ColorListPane; |
||||||
|
import com.fr.design.mainframe.theme.edit.ui.LabelUtils; |
||||||
|
import com.fr.design.mainframe.theme.ui.AutoCheckTextField; |
||||||
|
import com.fr.design.mainframe.theme.ui.AutoCheckThemeNameTextField; |
||||||
|
import com.fr.design.mainframe.theme.ui.BorderUtils; |
||||||
|
import com.fr.stable.StringUtils; |
||||||
|
|
||||||
|
import javax.swing.BorderFactory; |
||||||
|
import javax.swing.JComponent; |
||||||
|
import javax.swing.JPanel; |
||||||
|
import javax.swing.event.ChangeEvent; |
||||||
|
import javax.swing.event.ChangeListener; |
||||||
|
import java.awt.BorderLayout; |
||||||
|
import java.awt.Color; |
||||||
|
import java.awt.Component; |
||||||
|
import java.awt.Dimension; |
||||||
|
import java.util.List; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author Starryi |
||||||
|
* @version 1.0 |
||||||
|
* Created by Starryi on 2021/8/13 |
||||||
|
*/ |
||||||
|
public abstract class TemplateThemeEditorPane<T extends TemplateTheme> extends JPanel { |
||||||
|
public static final int TITLE_BORDER_FONT = 12; |
||||||
|
public static final int LEFT_TITLE_PANE_HEIGHT = 539; |
||||||
|
|
||||||
|
public static final int RIGHT_PANE_WIDTH = 362; |
||||||
|
public static final int RIGHT_PANE_HEIGHT = LEFT_TITLE_PANE_HEIGHT; |
||||||
|
public static final int COLOR_SCHEME_TITLE_PANE_WIDTH = 298; |
||||||
|
public static final int COLOR_SCHEME_TITLE_PANE_HEIGHT = 174 + TITLE_BORDER_FONT / 2; |
||||||
|
|
||||||
|
protected AutoCheckThemeNameTextField<T> nameTextField; |
||||||
|
private UILabel nameErrorLabel; |
||||||
|
protected ColorListPane colorListPane; |
||||||
|
private ColorListExtendedPane colorListExtendedPane; |
||||||
|
protected CellStyleListEditPane cellStyleSettingPane; |
||||||
|
protected ChartStyleEditPane chartStyleSettingPane; |
||||||
|
|
||||||
|
protected boolean isPopulating = false; |
||||||
|
protected UITabbedPane uiTabbedPane; |
||||||
|
|
||||||
|
private final TemplateThemeConfig<T> config; |
||||||
|
|
||||||
|
private boolean refreshingThemedColor = false; |
||||||
|
private T theme; |
||||||
|
|
||||||
|
private AttributeChangeListener changeListener; |
||||||
|
private AutoCheckTextField.CheckListener themeNameCheckListener; |
||||||
|
|
||||||
|
public TemplateThemeEditorPane(TemplateThemeConfig<T> config) { |
||||||
|
super(); |
||||||
|
this.config = config; |
||||||
|
theme = config.createNewTheme(); |
||||||
|
initializePane(); |
||||||
|
} |
||||||
|
|
||||||
|
private void initializePane() { |
||||||
|
setLayout(new BorderLayout(0, 0)); |
||||||
|
setPreferredSize(new Dimension(RIGHT_PANE_WIDTH, RIGHT_PANE_HEIGHT)); |
||||||
|
JPanel nameEditPane = createNameEditPane(); |
||||||
|
add(nameEditPane, BorderLayout.NORTH); |
||||||
|
|
||||||
|
JPanel settingPane = new JPanel(new BorderLayout(0, IntervalConstants.INTERVAL_L1)); |
||||||
|
settingPane.add(createColorSchemeEditPane(), BorderLayout.NORTH); |
||||||
|
settingPane.add(createCustomEditorsPane(), BorderLayout.CENTER); |
||||||
|
|
||||||
|
add(settingPane, BorderLayout.CENTER); |
||||||
|
} |
||||||
|
|
||||||
|
private JPanel createNameEditPane() { |
||||||
|
nameErrorLabel = LabelUtils.createLabel(StringUtils.EMPTY, Color.RED); |
||||||
|
nameErrorLabel.setVisible(false); |
||||||
|
|
||||||
|
nameTextField = new AutoCheckThemeNameTextField<>(); |
||||||
|
nameTextField.setThemeConfig(config); |
||||||
|
nameTextField.setEditable(false); |
||||||
|
nameTextField.setEnabled(false); |
||||||
|
nameTextField.setPreferredSize(new Dimension(165, 20)); |
||||||
|
nameTextField.setNameCheckListener(new AutoCheckTextField.CheckListener() { |
||||||
|
@Override |
||||||
|
public void onChecked(String error, boolean valid) { |
||||||
|
nameErrorLabel.setVisible(StringUtils.isNotEmpty(error)); |
||||||
|
nameErrorLabel.setText(error); |
||||||
|
|
||||||
|
themeNameCheckListener.onChecked(error, valid); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
double p = TableLayout.PREFERRED; |
||||||
|
|
||||||
|
JPanel container = TableLayoutHelper.createGapTableLayoutPane(new Component[][]{ |
||||||
|
new Component[] { LabelUtils.createLabel(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Name")), nameTextField }, |
||||||
|
new Component[] { null, nameErrorLabel }, |
||||||
|
}, new double[] { 20, 20}, new double[] { p, 165}, IntervalConstants.INTERVAL_L1, IntervalConstants.INTERVAL_W0); |
||||||
|
|
||||||
|
container.setBorder(BorderFactory.createEmptyBorder(5, 0, 0, 0)); |
||||||
|
return container; |
||||||
|
} |
||||||
|
|
||||||
|
private JPanel createColorSchemeEditPane() { |
||||||
|
colorListPane = new ColorListPane(); |
||||||
|
colorListExtendedPane = new ColorListExtendedPane(); |
||||||
|
|
||||||
|
JPanel extendedContainer = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
colorListExtendedPane.setBackground(null); |
||||||
|
colorListExtendedPane.setOpaque(false); |
||||||
|
extendedContainer.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5)); |
||||||
|
extendedContainer.setBackground(Color.WHITE); |
||||||
|
extendedContainer.add(colorListExtendedPane); |
||||||
|
|
||||||
|
double p = TableLayout.PREFERRED; |
||||||
|
double[] rowSize = new double[]{p, p, p}; |
||||||
|
double[] columnSize = {p, p}; |
||||||
|
|
||||||
|
JPanel colorListContainerPane = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
colorListContainerPane.add(colorListPane, BorderLayout.WEST); |
||||||
|
|
||||||
|
JPanel previewLabelPane = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
previewLabelPane.add(LabelUtils.createLabel(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Color_Scheme_Preview_Label")), BorderLayout.NORTH); |
||||||
|
|
||||||
|
UILabel tipLabel = LabelUtils.createLabel(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Color_Scheme_Edit_Tip"), new Color(153, 153, 153)); |
||||||
|
tipLabel.setBorder(BorderFactory.createEmptyBorder(0, 0, 5, 0)); |
||||||
|
|
||||||
|
JPanel content = TableLayoutHelper.createGapTableLayoutPane(new JComponent[][]{ |
||||||
|
{LabelUtils.createLabel(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Color_Scheme_Edit_Label")), colorListContainerPane}, |
||||||
|
{null, tipLabel}, |
||||||
|
{previewLabelPane, extendedContainer}, |
||||||
|
}, |
||||||
|
rowSize, columnSize, 18, 7); |
||||||
|
content.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10)); |
||||||
|
|
||||||
|
JPanel borderContainer = new JPanel(new BorderLayout()); |
||||||
|
borderContainer.setPreferredSize(new Dimension(COLOR_SCHEME_TITLE_PANE_WIDTH, COLOR_SCHEME_TITLE_PANE_HEIGHT)); |
||||||
|
borderContainer.setBorder(BorderUtils.createTitleBorder(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Color_Scheme_Title"))); |
||||||
|
borderContainer.add(content); |
||||||
|
|
||||||
|
JPanel container = new JPanel(new BorderLayout()); |
||||||
|
container.add(borderContainer, BorderLayout.WEST); |
||||||
|
|
||||||
|
colorListPane.addColorChangeListener(new ChangeListener() { |
||||||
|
@Override |
||||||
|
public void stateChanged(ChangeEvent e) { |
||||||
|
if (refreshingThemedColor) { |
||||||
|
return; |
||||||
|
} |
||||||
|
List<Color> colors = colorListPane.update(); |
||||||
|
refreshingThemedColor = true; |
||||||
|
onColorSchemeChanged(colors); |
||||||
|
refreshingThemedColor = false; |
||||||
|
|
||||||
|
fireAttributeChange(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
return container; |
||||||
|
} |
||||||
|
private void onColorSchemeChanged(List<Color> colors) { |
||||||
|
colorListExtendedPane.populate(colors); |
||||||
|
FineColorManager.FineColorReplaceByColorScheme replaceByColorScheme = new FineColorManager.FineColorReplaceByColorScheme(colors); |
||||||
|
T theme = updateBean(); |
||||||
|
FineColorFlushUtils.replaceCacheObject(theme, replaceByColorScheme); |
||||||
|
FineColorManager.traverse(theme, replaceByColorScheme); |
||||||
|
populateBean4CustomEditors(theme); |
||||||
|
//图表渐变色
|
||||||
|
chartStyleSettingPane.populateGradientBar(colors); |
||||||
|
this.repaint(); |
||||||
|
} |
||||||
|
|
||||||
|
protected JPanel createCustomEditorsPane() { |
||||||
|
JPanel container = new JPanel(new BorderLayout()); |
||||||
|
container.setBorder(BorderUtils.createTitleBorder(Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Custom_Settings_Title"))); |
||||||
|
|
||||||
|
uiTabbedPane = new UITabbedPane(); |
||||||
|
uiTabbedPane.setBorder(BorderFactory.createEmptyBorder(10, 5, 10, 1)); |
||||||
|
container.add(uiTabbedPane, BorderLayout.NORTH); |
||||||
|
|
||||||
|
return container; |
||||||
|
} |
||||||
|
|
||||||
|
public void addCustomEditorPane(String title, final Component component) { |
||||||
|
component.setPreferredSize(new Dimension(317, 239)); |
||||||
|
AbstractAttrNoScrollPane settingPane = new NoBorderAbstractAttrNoScrollPane() { |
||||||
|
@Override |
||||||
|
protected JPanel createContentPane() { |
||||||
|
JPanel contentPane = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
contentPane.add(component, BorderLayout.NORTH); |
||||||
|
return contentPane; |
||||||
|
} |
||||||
|
}; |
||||||
|
settingPane.addAttributeChangeListener(new AttributeChangeListener() { |
||||||
|
@Override |
||||||
|
public void attributeChange() { |
||||||
|
fireAttributeChange(); |
||||||
|
} |
||||||
|
}); |
||||||
|
uiTabbedPane.addTab(title, settingPane); |
||||||
|
} |
||||||
|
protected JPanel createCellStyleSettingPane() { |
||||||
|
JPanel container = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
cellStyleSettingPane = new CellStyleListEditPane(); |
||||||
|
cellStyleSettingPane.registerAttrChangeListener(new AttributeChangeListener() { |
||||||
|
@Override |
||||||
|
public void attributeChange() { |
||||||
|
fireAttributeChange(); |
||||||
|
} |
||||||
|
}); |
||||||
|
container.add(cellStyleSettingPane); |
||||||
|
return container; |
||||||
|
} |
||||||
|
protected JPanel createChartStyleSettingPane() { |
||||||
|
JPanel container = FRGUIPaneFactory.createBorderLayout_S_Pane(); |
||||||
|
chartStyleSettingPane = new ChartStyleEditPane(); |
||||||
|
container.add(chartStyleSettingPane); |
||||||
|
return container; |
||||||
|
} |
||||||
|
|
||||||
|
public void populateBean(T theme) { |
||||||
|
this.theme = theme; |
||||||
|
isPopulating = true; |
||||||
|
|
||||||
|
String name = theme.getName(); |
||||||
|
setThemeNameEditable(StringUtils.isEmpty(name)); |
||||||
|
|
||||||
|
nameTextField.setText(name); |
||||||
|
|
||||||
|
colorListPane.populate(theme.getColorScheme().getColors()); |
||||||
|
colorListExtendedPane.populate(colorListPane.update()); |
||||||
|
|
||||||
|
populateBean4CustomEditors(theme); |
||||||
|
isPopulating = false; |
||||||
|
} |
||||||
|
|
||||||
|
protected void populateBean4CustomEditors(T theme) { |
||||||
|
cellStyleSettingPane.populateBean(theme.getCellStyleList()); |
||||||
|
chartStyleSettingPane.populateBean(theme.getChartStyle()); |
||||||
|
} |
||||||
|
|
||||||
|
public T updateBean() { |
||||||
|
if (theme == null) { |
||||||
|
theme = config.createNewTheme(); |
||||||
|
} |
||||||
|
|
||||||
|
theme.setName(this.nameTextField.getText()); |
||||||
|
|
||||||
|
ThemedColorScheme colorScheme = theme.getColorScheme(); |
||||||
|
colorScheme.setColors(this.colorListPane.update()); |
||||||
|
theme.setColorScheme(colorScheme); |
||||||
|
|
||||||
|
updateBean4CustomEditors(theme); |
||||||
|
|
||||||
|
return theme; |
||||||
|
} |
||||||
|
|
||||||
|
protected void updateBean4CustomEditors(T theme) { |
||||||
|
ThemedCellStyleList cellStyleConfig = this.cellStyleSettingPane.updateBean(); |
||||||
|
theme.setCellStyleList(cellStyleConfig); |
||||||
|
|
||||||
|
theme.setChartStyle(this.chartStyleSettingPane.updateBean()); |
||||||
|
} |
||||||
|
|
||||||
|
public void setThemeNameEditable(boolean editable) { |
||||||
|
nameTextField.setEditable(editable); |
||||||
|
nameTextField.setEnabled(editable); |
||||||
|
} |
||||||
|
|
||||||
|
public boolean checkNameValid() { |
||||||
|
return nameTextField.checkValid(); |
||||||
|
} |
||||||
|
|
||||||
|
public List<Color> getCurrentColorScheme() { |
||||||
|
return colorListPane.update(); |
||||||
|
} |
||||||
|
|
||||||
|
private void fireAttributeChange() { |
||||||
|
if (!isPopulating && !refreshingThemedColor && changeListener != null) { |
||||||
|
changeListener.attributeChange(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
public void addAttributeChangeListener(AttributeChangeListener changeListener) { |
||||||
|
this.changeListener = changeListener; |
||||||
|
} |
||||||
|
public void addThemeNameCheckListener(AutoCheckTextField.CheckListener checkListener) { |
||||||
|
this.themeNameCheckListener = checkListener; |
||||||
|
} |
||||||
|
|
||||||
|
private static abstract class NoBorderAbstractAttrNoScrollPane extends AbstractAttrNoScrollPane { |
||||||
|
@Override |
||||||
|
protected void initContentPane() { |
||||||
|
super.initContentPane(); |
||||||
|
if (leftContentPane != null) { |
||||||
|
// 修正 AbstractAttrNoScrollPane 的默认行为
|
||||||
|
leftContentPane.setBorder(BorderFactory.createEmptyBorder(0, 0, 0, 0)); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,100 @@ |
|||||||
|
package com.fr.design.mainframe.theme.ui; |
||||||
|
|
||||||
|
import com.fr.design.gui.itextfield.UITextField; |
||||||
|
import com.fr.design.i18n.Toolkit; |
||||||
|
import com.fr.stable.StringUtils; |
||||||
|
|
||||||
|
import javax.swing.event.DocumentEvent; |
||||||
|
import javax.swing.event.DocumentListener; |
||||||
|
import java.awt.event.FocusEvent; |
||||||
|
import java.awt.event.FocusListener; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author Starryi |
||||||
|
* @version 1.0 |
||||||
|
* Created by Starryi on 2021/9/18 |
||||||
|
*/ |
||||||
|
public class AutoCheckTextField extends UITextField implements DocumentListener, FocusListener { |
||||||
|
private DuplicateChecker duplicatedChecker; |
||||||
|
private CheckListener checkListener; |
||||||
|
|
||||||
|
public AutoCheckTextField() { |
||||||
|
getDocument().addDocumentListener(this); |
||||||
|
addFocusListener(this); |
||||||
|
} |
||||||
|
|
||||||
|
public void setDuplicatedChecker(DuplicateChecker checker) { |
||||||
|
this.duplicatedChecker = checker; |
||||||
|
} |
||||||
|
public void setNameCheckListener(CheckListener checkListener) { |
||||||
|
this.checkListener = checkListener; |
||||||
|
} |
||||||
|
|
||||||
|
private boolean isEmpty(String name) { |
||||||
|
return StringUtils.isEmpty(name); |
||||||
|
} |
||||||
|
private boolean isDuplicated(String name) { |
||||||
|
if (duplicatedChecker != null) { |
||||||
|
return duplicatedChecker.isDuplicated(name); |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
private boolean checkValid(boolean notifyEmptyTip) { |
||||||
|
String name = getText(); |
||||||
|
|
||||||
|
String error = StringUtils.EMPTY; |
||||||
|
boolean valid = true; |
||||||
|
if (isEditable()) { |
||||||
|
if (isEmpty(name)) { |
||||||
|
valid = false; |
||||||
|
if (notifyEmptyTip) { |
||||||
|
error = Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Empty_Name_Error_Tip"); |
||||||
|
} |
||||||
|
} else if (isDuplicated(name)) { |
||||||
|
valid = false; |
||||||
|
error = Toolkit.i18nText("Fine-Design_Basic_Template_Theme_Edit_Pane_Duplicated_Name_Error_Tip"); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (checkListener != null) { |
||||||
|
checkListener.onChecked(error, valid); |
||||||
|
} |
||||||
|
|
||||||
|
return valid; |
||||||
|
} |
||||||
|
public boolean checkValid() { |
||||||
|
return checkValid(true); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void insertUpdate(DocumentEvent e) { |
||||||
|
checkValid(false); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void removeUpdate(DocumentEvent e) { |
||||||
|
checkValid(false); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void changedUpdate(DocumentEvent e) { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void focusGained(FocusEvent e) { |
||||||
|
checkValid(false); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void focusLost(FocusEvent e) { |
||||||
|
checkValid(true); |
||||||
|
} |
||||||
|
|
||||||
|
public interface CheckListener { |
||||||
|
void onChecked(String error, boolean valid); |
||||||
|
} |
||||||
|
public interface DuplicateChecker { |
||||||
|
boolean isDuplicated(String name); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
package com.fr.design.mainframe.theme.ui; |
||||||
|
|
||||||
|
import com.fr.base.theme.TemplateTheme; |
||||||
|
import com.fr.base.theme.TemplateThemeConfig; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author Starryi |
||||||
|
* @version 1.0 |
||||||
|
* Created by Starryi on 2021/9/18 |
||||||
|
*/ |
||||||
|
public class AutoCheckThemeNameTextField<T extends TemplateTheme> extends AutoCheckTextField { |
||||||
|
private TemplateThemeConfig<T> config; |
||||||
|
|
||||||
|
public AutoCheckThemeNameTextField() { |
||||||
|
setDuplicatedChecker(new DuplicateChecker() { |
||||||
|
@Override |
||||||
|
public boolean isDuplicated(String name) { |
||||||
|
return config != null && config.contains(name); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
public void setThemeConfig(TemplateThemeConfig<T> config) { |
||||||
|
this.config = config; |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue