Java Swing Ribbon（Flamingo）的使用07：长廊Gallery的使用

这篇文章主要介绍在文章主要介绍在Flamingo的Ribbon中开发出类似Office Word 2007中“样式”长廊（Gallery）的组件。

在看这篇文章之前建议先看如下的一些文章。当然如果对Flamino-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组件

Flamingo Ribbon的Gallery中其实就是一个一个的Button的集合（List），该Button是JCommandToggleButton对象（JCommandToggleButton与JCommandButton的区别是JCommandToggleButton按下去不会自动起来，而JCommandButton按下去会自动起来）。根据该Button的List新建一个StringValuePair对象，随后再将该StringValuePair添加到一个List中去。最后新建Map并将Gallery添加到Band中去。

此外，还可以在Gallery的下放添加一个按钮，比如“更多颜色”等。这个按钮需RibbonGalleryPopupCallback对象去完成：

其完整代码如下：

import java.awt.Color;import java.awt.Dimension;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.util.ArrayList;import java.util.Arrays;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.swing.JDialog;import javax.swing.JFrame;import javax.swing.SwingUtilities;import org.pushingpixels.flamingo.api.common.JCommandMenuButton;import org.pushingpixels.flamingo.api.common.JCommandToggleButton;import org.pushingpixels.flamingo.api.common.StringValuePair;import org.pushingpixels.flamingo.api.common.icon.ImageWrapperResizableIcon;import org.pushingpixels.flamingo.api.common.icon.ResizableIcon;import org.pushingpixels.flamingo.api.common.popup.JCommandPopupMenu;import org.pushingpixels.flamingo.api.ribbon.JRibbon;import org.pushingpixels.flamingo.api.ribbon.JRibbonBand;import org.pushingpixels.flamingo.api.ribbon.JRibbonBand.RibbonGalleryPopupCallback;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 MainFrame2 extends JRibbonFrame {static {// 设置界面风格：获取系统样式try {javax.swing.UIManager.setLookAndFeel("org.pushingpixels.substance.api.skin.SubstanceOfficeBlue2007LookAndFeel");} catch (Exception e) {e.printStackTrace();}}    //根据图片的地址获取该图片，返回ResizableIcon    public static ResizableIcon getResizableIconFromResource(String resource) {        return ImageWrapperResizableIcon.getIcon(                MainFrame2.class.getClassLoader().getResource(resource),                 new Dimension(48, 48));    }    public static void main(String[] args) {    JFrame.setDefaultLookAndFeelDecorated(true); //windows功能失效    JDialog.setDefaultLookAndFeelDecorated(true); //Dialog功能失效        SwingUtilities.invokeLater(new Runnable() {            @Override            public void run() {                MainFrame2 frame = new MainFrame2();                frame.setDefaultCloseOperation(EXIT_ON_CLOSE);                                //新建一个Task，并将Band添加到该Task中去                RibbonTask task1 = new RibbonTask("One", frame.getGalleryBand());                                JRibbon ribbon = frame.getRibbon();                ribbon.addTask(task1);                                frame.pack();                frame.setVisible(true);            }        });    }        private JRibbonBand getGalleryBand() {    JRibbonBand colorBand = new JRibbonBand("颜色设置", null);    colorBand.setResizePolicies(((List) Arrays.asList(    new CoreRibbonResizePolicies.None(colorBand.getControlPanel()),    new IconRibbonBandResizePolicy(colorBand.getControlPanel()))));    JCommandToggleButton button1 = new JCommandToggleButton("blue");    JCommandToggleButton button2 = new JCommandToggleButton("black");    JCommandToggleButton button3 = new JCommandToggleButton("red");    JCommandToggleButton button4 = new JCommandToggleButton("darkGray");    JCommandToggleButton button5 = new JCommandToggleButton("gray");    JCommandToggleButton button6 = new JCommandToggleButton("green");    JCommandToggleButton button7 = new JCommandToggleButton("orange");    JCommandToggleButton button8 = new JCommandToggleButton("cyan");    JCommandToggleButton button9 = new JCommandToggleButton("pink");    JCommandToggleButton button10 = new JCommandToggleButton("yellow");    JCommandToggleButton button11 = new JCommandToggleButton("lightGray");    JCommandToggleButton button12 = new JCommandToggleButton("white");    button1.setIcon(paintSingleColorIcon(Color.blue, 55, 50));    button2.setIcon(paintSingleColorIcon(Color.black, 55, 50));    button3.setIcon(paintSingleColorIcon(Color.red, 55, 50));    button4.setIcon(paintSingleColorIcon(Color.darkGray, 55, 50));    button5.setIcon(paintSingleColorIcon(Color.gray, 55, 50));    button6.setIcon(paintSingleColorIcon(Color.green, 55, 50));    button7.setIcon(paintSingleColorIcon(Color.orange, 55, 50));    button8.setIcon(paintSingleColorIcon(Color.cyan, 55, 50));    button9.setIcon(paintSingleColorIcon(Color.pink, 55, 50));    button10.setIcon(paintSingleColorIcon(Color.yellow, 55, 50));    button11.setIcon(paintSingleColorIcon(Color.lightGray, 55, 50));    button12.setIcon(paintSingleColorIcon(Color.white, 55, 50));    List<JCommandToggleButton> buttons = new ArrayList<JCommandToggleButton>();    buttons.add(button1);    buttons.add(button2);    buttons.add(button3);    buttons.add(button4);    buttons.add(button5);    buttons.add(button6);    buttons.add(button7);    buttons.add(button8);    buttons.add(button9);    buttons.add(button10);    buttons.add(button11);    buttons.add(button12);    StringValuePair<List<JCommandToggleButton>> svp =     new StringValuePair<List<JCommandToggleButton>>("常规色彩", buttons);    List<StringValuePair<List<JCommandToggleButton>>> svps =     new ArrayList<StringValuePair<List<JCommandToggleButton>>>();    svps.add(svp);    Map<RibbonElementPriority, Integer> prefers = new HashMap<RibbonElementPriority, Integer>();    prefers.put(RibbonElementPriority.LOW, 2);    prefers.put(RibbonElementPriority.MEDIUM, 5);    prefers.put(RibbonElementPriority.TOP, 5);  //一行的最大数数目    colorBand.addRibbonGallery("颜色设置", svps,                         prefers, 5, 3, RibbonElementPriority.TOP);    colorBand.setRibbonGalleryPopupCallback("颜色设置",                         new RibbonGalleryPopupCallback() {    @Override    public void popupToBeShown(JCommandPopupMenu menu) {    menu.addMenuButton(new JCommandMenuButton("更多...",                                   paintMultiColorIcon(55, 50)));    }    });    return colorBand;    }        /** * 根据指定颜色绘制指点大小的图标（ImageIcon） * @param color * @param width * @param height * @return */public final ResizableIcon paintSingleColorIcon(Color color, int width, int height) {BufferedImage image =                       new BufferedImage(width, height, BufferedImage.TYPE_3BYTE_BGR);Graphics2D graphics2d = image.createGraphics();graphics2d.setColor(color);graphics2d.fill3DRect(0, 0, width, height, true);return ImageWrapperResizableIcon.getIcon(image, new Dimension(width, height));}/** * 创建色彩斑斓的图标 * @param width * @param height * @return */public final ResizableIcon paintMultiColorIcon(int width, int height) {BufferedImage image =                       new BufferedImage(width, height, BufferedImage.TYPE_3BYTE_BGR);for(int i=0; i<width; i++) {for(int j=0; j<height; j++) {Color c = new Color(i * 255 / width, j * 255 / height, 30);image.setRGB(i, j, c.getRGB());}}return ImageWrapperResizableIcon.getIcon(image, new Dimension(width, height));}}

运行上述代码后出来的界面如下：

点击下拉按钮将长廊（Gallery）拉下来后如下：

本章完。