Browse Source
* commit '287996fbecd7221fc02187e4675e35f6c4563a3b': REPORT-113994 feat:TabPane组件实现 REPORT-113994 feat:TabPane组件实现newui
Renekton-张世豪
5 months ago
5 changed files with 271 additions and 27 deletions
@ -0,0 +1,166 @@
|
||||
package com.fr.design.gui.frpane; |
||||
|
||||
import com.fine.swing.ui.layout.Column; |
||||
import com.fine.theme.utils.FineUIStyle; |
||||
import com.formdev.flatlaf.util.ScaledEmptyBorder; |
||||
import com.fr.design.gui.ibutton.UIButtonGroup; |
||||
|
||||
import javax.swing.JPanel; |
||||
import javax.swing.event.ChangeListener; |
||||
import java.awt.BorderLayout; |
||||
import java.awt.CardLayout; |
||||
import java.awt.Component; |
||||
import java.util.Arrays; |
||||
import java.util.LinkedHashMap; |
||||
import java.util.Map; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.cell; |
||||
import static com.fine.swing.ui.layout.Layouts.fix; |
||||
import static com.fine.swing.ui.layout.Layouts.flex; |
||||
import static com.fine.swing.ui.layout.Layouts.row; |
||||
|
||||
/** |
||||
* Tab面板组件 |
||||
* |
||||
* @author Levy.Xie |
||||
* @since 11.0 |
||||
* Created on 2024/05/14 |
||||
*/ |
||||
public class FineTabbedPane extends Column { |
||||
|
||||
private CardLayout cards; |
||||
private JPanel centerPane; |
||||
private final float headRatio; |
||||
private final UIButtonGroup<String> tabGroup; |
||||
private final Map<String, Component> tabComponents; |
||||
|
||||
private FineTabbedPane(Map<String, Component> tabComponents, float headRatio, int[] tabLayout) { |
||||
this.headRatio = headRatio; |
||||
this.tabComponents = tabComponents; |
||||
|
||||
String[] titleArray = tabComponents.keySet().toArray(new String[0]); |
||||
this.tabGroup = new UIButtonGroup<>(titleArray, titleArray, tabLayout); |
||||
|
||||
initLayout(); |
||||
initListeners(); |
||||
} |
||||
|
||||
/** |
||||
* 建造者模式创建TabPane |
||||
* |
||||
* @return TabPaneBuilder |
||||
*/ |
||||
public static TabPaneBuilder builder() { |
||||
return new TabPaneBuilder(); |
||||
} |
||||
|
||||
/** |
||||
* FineTabbedPane建造者 |
||||
*/ |
||||
public static class TabPaneBuilder { |
||||
private int[] tabLayout; |
||||
private float headRatio = 0.5f; |
||||
private final Map<String, Component> tabComponents = new LinkedHashMap<>(); |
||||
|
||||
/** |
||||
* 设置头部居中比例，0-1之间 |
||||
* |
||||
* @param headRatio 头部居中比例 |
||||
* @return TabPaneBuilder |
||||
*/ |
||||
public TabPaneBuilder withHeadRatio(float headRatio) { |
||||
this.headRatio = headRatio; |
||||
return this; |
||||
} |
||||
|
||||
/** |
||||
* 设置Tab布局，形如[3,4]即为首行3个组件，次行4个组件 |
||||
* |
||||
* @param tabLayout Tab头部布局 |
||||
* @return TabPaneBuilder |
||||
*/ |
||||
public TabPaneBuilder withTabLayout(int[] tabLayout) { |
||||
this.tabLayout = tabLayout; |
||||
return this; |
||||
} |
||||
|
||||
/** |
||||
* 添加tab标签 |
||||
* |
||||
* @param title tab标签标头 |
||||
* @param component 组件 |
||||
* @return TabPaneBuilder |
||||
*/ |
||||
public TabPaneBuilder addTab(String title, Component component) { |
||||
JPanel wrapperPane = new JPanel(new BorderLayout()); |
||||
wrapperPane.add(component, BorderLayout.CENTER); |
||||
this.tabComponents.put(title, wrapperPane); |
||||
return this; |
||||
} |
||||
|
||||
/** |
||||
* 构造 |
||||
* |
||||
* @return FineTabbedPane |
||||
*/ |
||||
public FineTabbedPane build() { |
||||
if (headRatio > 1) { |
||||
throw new IllegalArgumentException("illegal headRatio argument!"); |
||||
} |
||||
if (tabLayout != null && Arrays.stream(tabLayout).sum() != tabComponents.size()) { |
||||
throw new IllegalArgumentException("illegal tab layout argument!"); |
||||
} |
||||
return new FineTabbedPane(tabComponents, headRatio, tabLayout); |
||||
} |
||||
} |
||||
|
||||
private void initLayout() { |
||||
cards = new CardLayout(); |
||||
centerPane = new JPanel(cards); |
||||
tabComponents.forEach((key, value) -> centerPane.add(value, key)); |
||||
float flexRatio = (1 - headRatio) / 2; |
||||
add( |
||||
row( |
||||
flex(flexRatio), cell(tabGroup).weight(headRatio), flex(flexRatio) |
||||
), |
||||
fix(5), |
||||
cell(centerPane).with(it -> FineUIStyle.setStyle(it, FineUIStyle.LIGHT_GREY)) |
||||
); |
||||
setBorder(new ScaledEmptyBorder(10, 10, 10, 10)); |
||||
} |
||||
|
||||
private void initListeners() { |
||||
tabGroup.addChangeListener((e) -> { |
||||
cards.show(centerPane, String.valueOf(tabGroup.getSelectedItem())); |
||||
}); |
||||
tabGroup.setSelectedIndex(0); |
||||
cards.show(centerPane, String.valueOf(tabGroup.getSelectedItem())); |
||||
} |
||||
|
||||
/** |
||||
* 添加事件监听 |
||||
* |
||||
* @param l 监听器 |
||||
*/ |
||||
public void addChangeListener(ChangeListener l) { |
||||
listenerList.add(ChangeListener.class, l); |
||||
} |
||||
|
||||
/** |
||||
* 移除事件监听 |
||||
* |
||||
* @param l 监听器 |
||||
*/ |
||||
public void removeChangeListener(ChangeListener l) { |
||||
listenerList.remove(ChangeListener.class, l); |
||||
} |
||||
|
||||
/** |
||||
* 获取当前选中的Tab组件 |
||||
* |
||||
* @return Tab组件 |
||||
*/ |
||||
public Component getSelectedComponent() { |
||||
return tabComponents.get(String.valueOf(tabGroup.getSelectedItem())); |
||||
} |
||||
} |
||||
@ -0,0 +1,63 @@
|
||||
package com.fr.design.gui.storybook.components; |
||||
|
||||
import com.formdev.flatlaf.util.ScaledEmptyBorder; |
||||
import com.fr.design.gui.frpane.FineTabbedPane; |
||||
import com.fr.design.gui.ibutton.UIButton; |
||||
import com.fr.design.gui.storybook.StoryBoard; |
||||
|
||||
import java.awt.Component; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.cell; |
||||
import static com.fine.swing.ui.layout.Layouts.column; |
||||
|
||||
/** |
||||
* @author Levy.Xie |
||||
* @since 11.0 |
||||
* Created on 2024/05/22 |
||||
*/ |
||||
public class TabbedPaneStoryBoard extends StoryBoard { |
||||
public TabbedPaneStoryBoard() { |
||||
super("切换标题面板"); |
||||
add( |
||||
cell(createSampleTabPane()), |
||||
cell(createSampleTabPaneWithRatio(0.8f)), |
||||
cell(createMultiRowTab()) |
||||
); |
||||
} |
||||
|
||||
private FineTabbedPane createSampleTabPane() { |
||||
|
||||
return FineTabbedPane.builder() |
||||
.addTab("测试1", getSampleCell(1)) |
||||
.addTab("测试2", getSampleCell(2)) |
||||
.build(); |
||||
} |
||||
|
||||
private FineTabbedPane createSampleTabPaneWithRatio(float ratio) { |
||||
|
||||
return FineTabbedPane.builder() |
||||
.addTab("测试1", getSampleCell(1)) |
||||
.addTab("测试2", getSampleCell(2)) |
||||
.withHeadRatio(ratio) |
||||
.build(); |
||||
} |
||||
|
||||
private FineTabbedPane createMultiRowTab() { |
||||
|
||||
return FineTabbedPane.builder() |
||||
.addTab("测试1", getSampleCell(1)) |
||||
.addTab("测试2", getSampleCell(2)) |
||||
.addTab("测试3", getSampleCell(3)) |
||||
.addTab("测试4", getSampleCell(4)) |
||||
.addTab("测试5", getSampleCell(5)) |
||||
.withTabLayout(new int[]{2,3}) |
||||
.build(); |
||||
} |
||||
|
||||
private Component getSampleCell(int seq) { |
||||
return column(10, |
||||
cell(new UIButton(seq + "-按钮1")), cell(new UIButton(seq + "-按钮2")) |
||||
).with(it -> it.setBorder(new ScaledEmptyBorder(10, 10, 10, 10))).getComponent(); |
||||
} |
||||
|
||||
} |
||||
Loading…
Reference in new issue