forked from fanruan/design
Browse Source
* commit '15110f30db634069f40c675791f632d6eb2b6fbb': MOBILE-26026 联排按钮Tab样式 MOBILE-26026 联排按钮Tab样式 MOBILE-26026 联排按钮Tab样式 MOBILE-26026 联排按钮Tab样式feature/big-screen
starryi
5 years ago
4 changed files with 279 additions and 30 deletions
@ -0,0 +1,232 @@
|
||||
package com.fr.design.mainframe.mobile.ui; |
||||
|
||||
import com.fr.design.constants.LayoutConstants; |
||||
import com.fr.design.designer.IntervalConstants; |
||||
import com.fr.design.gui.ibutton.UIColorButton; |
||||
import com.fr.design.gui.icombobox.LineComboBox; |
||||
import com.fr.design.gui.ilable.UILabel; |
||||
import com.fr.design.gui.ispinner.UnsignedIntUISpinner; |
||||
import com.fr.design.layout.FRGUIPaneFactory; |
||||
import com.fr.design.layout.TableLayoutHelper; |
||||
import com.fr.design.mainframe.widget.MobileTabFontConfPane; |
||||
import com.fr.design.mainframe.widget.UITitleSplitLine; |
||||
import com.fr.design.mainframe.widget.preview.MobileTemplatePreviewPane; |
||||
import com.fr.design.style.color.ColorSelectBox; |
||||
import com.fr.form.ui.container.cardlayout.WCardTagLayout; |
||||
import com.fr.general.cardtag.mobile.MobileTemplateStyle; |
||||
import com.fr.general.cardtag.mobile.TabFontConfig; |
||||
import com.fr.general.cardtag.mobile.UniteStyle; |
||||
import com.fr.stable.CoreConstants; |
||||
|
||||
import javax.swing.*; |
||||
import java.awt.*; |
||||
|
||||
public class UniteStyleDefinePane extends MobileTemplateStyleDefinePane { |
||||
private static final int SPLIT_LINE_WIDTH = 520; |
||||
private static final int SPLIT_LINE_HEIGHT = 20; |
||||
|
||||
private static final int TOGGLE_BUTTON_WIDTH = 20; |
||||
private static final int LABEL_WIDTH = 75; |
||||
private static final int LINE_COMPONENT_WIDTH = 157; |
||||
private static final int LINE_COMPONENT_HEIGHT = 20; |
||||
|
||||
private UnsignedIntUISpinner paddingLeftSpinner; |
||||
private UnsignedIntUISpinner paddingRightSpinner; |
||||
|
||||
private ColorSelectBox initialBackgroundColorBox; |
||||
private ColorSelectBox selectedBackgroundColorBox; |
||||
|
||||
private LineComboBox borderWidthComboBox; |
||||
private ColorSelectBox borderColorBox; |
||||
private UnsignedIntUISpinner borderRadiusSpinner; |
||||
|
||||
private MobileTabFontConfPane tabFontConfPane; |
||||
private UIColorButton selectedFontColorButton; |
||||
|
||||
public UniteStyleDefinePane(WCardTagLayout tagLayout) { |
||||
super(tagLayout); |
||||
} |
||||
|
||||
@Override |
||||
protected void createBuiltinConfPane(JPanel centerPane) { |
||||
// ignore builtin conf pane
|
||||
} |
||||
|
||||
@Override |
||||
protected void createExtraConfPane(JPanel centerPane) { |
||||
UITitleSplitLine paddingSplit = new UITitleSplitLine(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Tab_Button_Padding"), SPLIT_LINE_WIDTH); |
||||
paddingSplit.setPreferredSize(new Dimension(SPLIT_LINE_WIDTH, SPLIT_LINE_HEIGHT)); |
||||
centerPane.add(paddingSplit); |
||||
centerPane.add(this.createPaddingConfPane()); |
||||
|
||||
UITitleSplitLine backgroundSplit = new UITitleSplitLine(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Tab_Button_Background"), SPLIT_LINE_WIDTH); |
||||
backgroundSplit.setPreferredSize(new Dimension(SPLIT_LINE_WIDTH, SPLIT_LINE_HEIGHT)); |
||||
centerPane.add(backgroundSplit); |
||||
centerPane.add(this.createBackgroundColorConfPanel()); |
||||
|
||||
UITitleSplitLine borderSplit = new UITitleSplitLine(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Report_Border"), SPLIT_LINE_WIDTH); |
||||
borderSplit.setPreferredSize(new Dimension(SPLIT_LINE_WIDTH, SPLIT_LINE_HEIGHT)); |
||||
centerPane.add(borderSplit); |
||||
centerPane.add(this.createBorderConfPanel()); |
||||
|
||||
UITitleSplitLine fontSplit = new UITitleSplitLine(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Tab_Char"), SPLIT_LINE_WIDTH); |
||||
fontSplit.setPreferredSize(new Dimension(SPLIT_LINE_WIDTH, SPLIT_LINE_HEIGHT)); |
||||
centerPane.add(fontSplit); |
||||
centerPane.add(this.createFontConfPanel()); |
||||
} |
||||
|
||||
private JPanel createPaddingConfPane() { |
||||
|
||||
this.paddingLeftSpinner = new UnsignedIntUISpinner(0, Integer.MAX_VALUE, 1, UniteStyle.DEFAULT_PADDING_LEFT); |
||||
this.paddingLeftSpinner.setPreferredSize(new Dimension(62, LINE_COMPONENT_HEIGHT)); |
||||
this.paddingRightSpinner = new UnsignedIntUISpinner(0, Integer.MAX_VALUE, 1, UniteStyle.DEFAULT_PADDING_RIGHT); |
||||
this.paddingRightSpinner.setPreferredSize(new Dimension(62, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
UILabel paddingLeftLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Basic_Left") + ":", SwingConstants.RIGHT); |
||||
paddingLeftLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
UILabel paddingRightLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Basic_Right") + ":", SwingConstants.RIGHT); |
||||
paddingLeftLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
JPanel paddingPanel = TableLayoutHelper.createGapTableLayoutPane(new Component[][]{new Component[]{ |
||||
paddingLeftLabel, paddingLeftSpinner, paddingRightLabel,paddingRightSpinner |
||||
}}, TableLayoutHelper.FILL_LASTCOLUMN, IntervalConstants.INTERVAL_L1, LayoutConstants.VGAP_MEDIUM); |
||||
paddingPanel.setBorder(BorderFactory.createEmptyBorder(0, 0, 5, 20)); |
||||
|
||||
return paddingPanel; |
||||
} |
||||
|
||||
private JPanel createBackgroundColorConfPanel() { |
||||
this.initialBackgroundColorBox = new ColorSelectBox(LINE_COMPONENT_WIDTH); |
||||
this.initialBackgroundColorBox.setPreferredSize(new Dimension(LINE_COMPONENT_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
this.selectedBackgroundColorBox = new ColorSelectBox(LINE_COMPONENT_WIDTH); |
||||
this.selectedBackgroundColorBox.setPreferredSize(new Dimension(LINE_COMPONENT_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
UILabel initialBackgroundColorLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Init_Fill") + ":", SwingConstants.RIGHT); |
||||
initialBackgroundColorLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
UILabel selectedBackgroundColorLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Select_Fill") + ":", SwingConstants.RIGHT); |
||||
selectedBackgroundColorLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
JPanel backgroundColorPanel = TableLayoutHelper.createGapTableLayoutPane(new Component[][]{ |
||||
new Component[]{ initialBackgroundColorLabel, initialBackgroundColorBox }, |
||||
new Component[]{ selectedBackgroundColorLabel, selectedBackgroundColorBox } |
||||
}, TableLayoutHelper.FILL_LASTCOLUMN, IntervalConstants.INTERVAL_L1, LayoutConstants.VGAP_MEDIUM); |
||||
backgroundColorPanel.setBorder(BorderFactory.createEmptyBorder(0, 0, 5, 20)); |
||||
|
||||
return backgroundColorPanel; |
||||
} |
||||
|
||||
private JPanel createBorderConfPanel() { |
||||
this.borderWidthComboBox = new LineComboBox(CoreConstants.UNDERLINE_STYLE_ARRAY); |
||||
this.borderWidthComboBox.setPreferredSize(new Dimension(LINE_COMPONENT_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
this.borderColorBox = new ColorSelectBox(LINE_COMPONENT_WIDTH); |
||||
this.borderColorBox.setPreferredSize(new Dimension(LINE_COMPONENT_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
this.borderRadiusSpinner = new UnsignedIntUISpinner(0, Integer.MAX_VALUE, 1, UniteStyle.DEFAULT_BORDER_RADIUS); |
||||
this.borderRadiusSpinner.setPreferredSize(new Dimension(LINE_COMPONENT_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
UILabel borderSizeLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Form_FRFont_Line_Style") + ":", SwingConstants.RIGHT); |
||||
borderSizeLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
UILabel borderColorLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Basic_Colors") + ":", SwingConstants.RIGHT); |
||||
borderColorLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
UILabel borderRadiusLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Report_Radius") + ":", SwingConstants.RIGHT); |
||||
borderRadiusLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
JPanel borderPanel = TableLayoutHelper.createGapTableLayoutPane(new Component[][]{ |
||||
new Component[]{ borderSizeLabel, borderWidthComboBox}, |
||||
new Component[]{ borderColorLabel, borderColorBox }, |
||||
new Component[]{ borderRadiusLabel, borderRadiusSpinner } |
||||
}, TableLayoutHelper.FILL_LASTCOLUMN, IntervalConstants.INTERVAL_L1, LayoutConstants.VGAP_MEDIUM); |
||||
borderPanel.setBorder(BorderFactory.createEmptyBorder(0, 0, 5, 20)); |
||||
|
||||
return borderPanel; |
||||
} |
||||
|
||||
private JPanel createFontConfPanel() { |
||||
this.tabFontConfPane = new MobileTabFontConfPane(); |
||||
this.selectedFontColorButton = new UIColorButton(); |
||||
this.selectedFontColorButton.setPreferredSize(new Dimension(TOGGLE_BUTTON_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
JPanel selectedFontColorPanel = FRGUIPaneFactory.createNormalFlowInnerContainer_S_Pane(); |
||||
selectedFontColorPanel.add(this.selectedFontColorButton); |
||||
|
||||
UILabel initialFontLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Tab_Init_Char") + ":", SwingConstants.RIGHT); |
||||
initialFontLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
UILabel selectedFontLabel = new UILabel(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Mobile_Tab_Select_Char") + ":", SwingConstants.RIGHT); |
||||
selectedFontLabel.setPreferredSize(new Dimension(LABEL_WIDTH, LINE_COMPONENT_HEIGHT)); |
||||
|
||||
JPanel fontPanel = TableLayoutHelper.createGapTableLayoutPane(new Component[][]{ |
||||
new Component[]{ initialFontLabel, tabFontConfPane }, |
||||
new Component[]{ selectedFontLabel, selectedFontColorPanel } |
||||
}, TableLayoutHelper.FILL_LASTCOLUMN, IntervalConstants.INTERVAL_L1, LayoutConstants.VGAP_MEDIUM); |
||||
fontPanel.setBorder(BorderFactory.createEmptyBorder(0, 0, 5, 20)); |
||||
|
||||
return fontPanel; |
||||
} |
||||
|
||||
@Override |
||||
protected void initDefaultConfig() { |
||||
this.paddingLeftSpinner.setValue(UniteStyle.DEFAULT_PADDING_LEFT); |
||||
this.paddingRightSpinner.setValue(UniteStyle.DEFAULT_PADDING_RIGHT); |
||||
|
||||
this.initialBackgroundColorBox.setSelectObject(UniteStyle.DEFAULT_INITIAL_BACKGROUND_COLOR); |
||||
this.selectedBackgroundColorBox.setSelectObject(UniteStyle.DEFAULT_SELECTED_BACKGROUND_COLOR); |
||||
|
||||
this.borderWidthComboBox.setSelectedLineStyle(UniteStyle.DEFAULT_BORDER_LINE.getLineStyle()); |
||||
this.borderColorBox.setSelectObject(UniteStyle.DEFAULT_BORDER_LINE.getColor()); |
||||
this.borderRadiusSpinner.setValue(UniteStyle.DEFAULT_BORDER_RADIUS); |
||||
|
||||
this.tabFontConfPane.populate(UniteStyle.DEFAULT_TAB_FONT.getFont()); |
||||
this.selectedFontColorButton.setColor(UniteStyle.DEFAULT_TAB_FONT.getSelectColor()); |
||||
} |
||||
|
||||
@Override |
||||
protected MobileTemplatePreviewPane createPreviewPane() { |
||||
return null; |
||||
} |
||||
|
||||
@Override |
||||
protected MobileTemplateStyle getDefaultTemplateStyle() { |
||||
return new UniteStyle(); |
||||
} |
||||
|
||||
@Override |
||||
public void populateSubStyle(MobileTemplateStyle ob) { |
||||
UniteStyle style = (UniteStyle) ob; |
||||
this.paddingLeftSpinner.setValue(style.getPaddingLeft()); |
||||
this.paddingRightSpinner.setValue(style.getPaddingRight()); |
||||
|
||||
this.initialBackgroundColorBox.setSelectObject(style.getInitialColor()); |
||||
this.selectedBackgroundColorBox.setSelectObject(style.getSelectColor()); |
||||
|
||||
this.borderWidthComboBox.setSelectedLineStyle(style.getBorderWidth()); |
||||
this.borderColorBox.setSelectObject(style.getBorderColor()); |
||||
this.borderRadiusSpinner.setValue(style.getBorderRadius()); |
||||
|
||||
this.tabFontConfPane.populate(style.getTabFontConfig().getFont()); |
||||
this.selectedFontColorButton.setColor(style.getTabFontConfig().getSelectColor()); |
||||
} |
||||
|
||||
@Override |
||||
public MobileTemplateStyle updateSubStyle() { |
||||
UniteStyle style = new UniteStyle(); |
||||
style.setPaddingLeft((int) this.paddingLeftSpinner.getValue()); |
||||
style.setPaddingRight((int) this.paddingRightSpinner.getValue()); |
||||
|
||||
style.setInitialColor(this.initialBackgroundColorBox.getSelectObject()); |
||||
style.setSelectColor(this.selectedBackgroundColorBox.getSelectObject()); |
||||
|
||||
style.setBorderWidth(this.borderWidthComboBox.getSelectedLineStyle()); |
||||
style.setBorderColor(this.borderColorBox.getSelectObject()); |
||||
style.setBorderRadius((int) this.borderRadiusSpinner.getValue()); |
||||
|
||||
TabFontConfig config = new TabFontConfig(); |
||||
config.setFont(this.tabFontConfPane.update()); |
||||
config.setSelectColor(this.selectedFontColorButton.getColor()); |
||||
style.setTabFontConfig(config); |
||||
|
||||
return style; |
||||
} |
||||
|
||||
@Override |
||||
protected String title4PopupWindow() { |
||||
return null; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue