Ribbon即功能区,是新的 Microsoft Office Fluent 用户界面 (UI) 的一部分。功能区包含一些用于创建、编辑和导出仪表板及其元素的上下文工具。它是一个收藏了命令按钮和图示的面板。它把命令组织成一组"标签",每一组包含了相关的命令。每一个应用程序都有一个不同的标签组,展示了程序所提供的功能。在每个标签里,各种的相关的选项被组在一起。Windows Ribbon是一个Windows Vista或Windows 7自带的GUI构架,外形更加华丽。(该段文字来自于百度百科)
在进行Java的桌面系统开发时,也可以利用代码库很方便的开发出Ribbon功能的界面出来,具体如下图所示。
无论在进行Swing界面开发还是进行SWT界面开发,都有现成的开源软件包供使用。下面主要介绍用于Swing开发时用到的软件包:Flamingo-Ribbon。
首先展示一系列我开发出的Ribbon界面图片。
其他文章包括:
01.关于Flamingo-Ribbon的安装与使用:Flamingo-Ribbon的使用01:安装与初始使用
02.关于Fiamingo-Ribbon界面风格设置:Flamingo-Ribbon的使用02:更改界面风格
03.关于Flamingo-Ribbon按钮样式更改:Flamingo-Ribbon的使用03:按钮中添加图片和更改样式
04.关于Flamingo-Ribbon按钮模式更改:Flamingo-Ribbon的使用04:按钮(JCommandButton)模式更改
05.关于Flamingo-Ribbon小组件的添加:Flamingo-Ribbon的使用05:小组件
06.关于Flamingo-Ribbon的常规组件项:Flamingo-Ribbon的使用06:添加JComponent组件
07.关于Flamingo-Ribbon长廊的使用项:Flamingo-Ribbon的使用07:长廊Gallery的使用:
1 Java开发的Ribbon界面效果一览
界面的展示结束。
2 软件包的下载与使用
2.1 软件包的下载
在进行Swing开发时,用到的软件包主要是Flamingo-Ribbon。这些软件包不是很好下载,我从一个国外的网站上好不容易扒过来的,下载放到百度云中,其下载地址为:
下载下来后,主要jar包如下,其余的包可暂时不用。
2.2 简单代码的实现
下面主要利用Ribbon实现第一个程序。
import java.util.Arrays;
import java.util.List;
import javax.swing.SwingUtilities;
import org.pushingpixels.flamingo.api.common.JCommandButton;
import org.pushingpixels.flamingo.api.ribbon.JRibbonBand;
import org.pushingpixels.flamingo.api.ribbon.JRibbonFrame;
import org.pushingpixels.flamingo.api.ribbon.RibbonElementPriority;
import org.pushingpixels.flamingo.api.ribbon.RibbonTask;
import org.pushingpixels.flamingo.api.ribbon.resize.CoreRibbonResizePolicies;
import org.pushingpixels.flamingo.api.ribbon.resize.IconRibbonBandResizePolicy;
public class MainFrame extends JRibbonFrame {
static {
try {
javax.swing.UIManager.setLookAndFeel(
javax.swing.UIManager.getSystemLookAndFeelClassName());
} catch (Exception e) {
e.printStackTrace();
}
}
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
MainFrame frame = new MainFrame();
frame.setDefaultCloseOperation(EXIT_ON_CLOSE);
frame.pack();
frame.setVisible(true);
JRibbonBand band1 = new JRibbonBand("Hello", null);
band1.setResizePolicies((List) Arrays.asList(
new CoreRibbonResizePolicies.None(band1.getControlPanel()),
new IconRibbonBandResizePolicy(band1.getControlPanel())));
JCommandButton button1 = new JCommandButton("Square", null);
JCommandButton button2 = new JCommandButton("Circle", null);
JCommandButton button3 = new JCommandButton("Triangle", null);
JCommandButton button4 = new JCommandButton("Star", null);
band1.addCommandButton(button1, RibbonElementPriority.TOP);
band1.addCommandButton(button2, RibbonElementPriority.MEDIUM);
band1.addCommandButton(button3, RibbonElementPriority.MEDIUM);
band1.addCommandButton(button4, RibbonElementPriority.MEDIUM);
RibbonTask task1 = new RibbonTask("One", band1);
frame.getRibbon().addTask(task1);
}
});
}
}
运行后界面如下:
上面只是简单实现了Ribbon的基本功能,只添加了4个按钮,没有添加其余东西,更多东西将在后续介绍。
3 Ribbon界面介绍
对于上述的代码中,Flamingo-Ribbon的界面主要包含:RibbonTask、JRibbonBand、JCommandButton三个类对象。其意义可用如下图表示:
由此可见,Ribbon中一个页面由RibbonTask表示,一个RibbonTask中可以包含多个JRibbonBand,一个JRibbonBand中可以包含多个JCommandButton。
(更多内容待续。)