BlogJava-Jiangshachina-随笔分类-GUI

Custom Layout Manager: PyramidLayout(原)

Sha Jiang — Sun, 15 Jul 2012 14:14:00 GMT

Custom Layout Manager: PyramidLayout

    已有太多关于自定义部局管理器的文章了。本文仅是一篇学习笔记，描述了如何实现一种像堆金字塔似的部局管理器，很简单，也有点儿意思，可能你也会感兴趣的。(2012.07.17最后更新)

    I have developed Swing application for several years, although I'm not professional GUI developer, I'm shamed of never creating any custom layout manager. Maybe the existing Swing layout managers are too powerful to create new ones. At least, GridBagLayout is powerful enough for my real works. And we have much more flexible GroupLayout and SpringLayout, of course, both of them are too complex, in fact I never use them directly. However I indirectly take advantage of GroupLayout due to using NetBeans' GUI designer Matisse.

1. Layout Manager basics
    Let's start with some layout manager foundation. Before this time I learn to customize layout, I always think layout manager is very mysterious. Layout is like a magic player that put a variety of components to right positions in containers. I haven't browsed any code of any layout, event the simplest one. That's why I think layout is mystery. But it's simple for me now.
    Generally, all of layout implements one or both of LayoutManager and LayoutManager2 interfaces. LayoutManager2 is LayoutManager's sub-interface, then if someone implements LayoutManager2 that means it really implements LayoutManager. Mostly all modern layouts implements LayoutManager2.
    Interface LayoutManager defines the basic methods must be implemented by every layout, all of them are intuitional: add new component--addLayoutComponent(); remove component--removeLayoutComponent(); calculate preferred size--preferredLayoutSize(); calculate minimum size--minimumLayoutSize(); how to layout the components--layoutContainer(). Absolutely, the layoutContainer() method is essential, you must instruct the parent container how to allocate space(bounds) for every component.
    The extension interface LayoutManager2 introduces more methods that if you have to: support constraints--addLayoutComponent(Component, Object); specify maximum size--maximumLayoutSize(); specify alignment--getLayoutAlignmentX() and getLayoutAlignmentY(); destroy specific caches or reset some variables when invaliding container--invalidateLayout().

2. PyramidLayout
    Now let's feature a simple and funny layout manager--PyramidLayout. The layout allows container to add components like building a Pyramid, as shown as the image below,

    As the above, PyramidLayout puts the first component on the bottom, then puts the second on top of the first, but its bounds is smaller, ... It looks like a Pyramid, doesn't it? Here is the full codes,

public class PyramidLayout implements LayoutManager2 {

    private List<Component> comps = new LinkedList<Component>();

    public void addLayoutComponent(final Component comp,
            final Object constraints) {
        synchronized (comp.getTreeLock()) {
            comps.add(comp);
        }
    }

    public void addLayoutComponent(final String name, final Component comp) {
        addLayoutComponent(comp, null);
    }

    public void removeLayoutComponent(final Component comp) {
        synchronized (comp.getTreeLock()) {
            comps.remove(comp);
        }
    }

    public float getLayoutAlignmentX(final Container target) {
        return 0.5F;
    }

    public float getLayoutAlignmentY(final Container target) {
        return 0.5F;
    }

    public void invalidateLayout(final Container target) {
        System.out.println();
    }

    public Dimension preferredLayoutSize(final Container parent) {
        synchronized (parent.getTreeLock()) {
            Insets insets = parent.getInsets();
            int width = insets.left + insets.right;
            int height = insets.top + insets.bottom;
            if (comps.size() == 0) {
                return new Dimension(width, height);
            }

            Dimension size = comps.get(0).getPreferredSize();
            width += size.width;
            height += size.height;

            return new Dimension(width, height);
        }
    }

    public Dimension minimumLayoutSize(final Container parent) {
        synchronized (parent.getTreeLock()) {
            Insets insets = parent.getInsets();
            int width = insets.left + insets.right;
            int height = insets.top + insets.bottom;
            if (comps.size() == 0) {
                return new Dimension(width, height);
            }

            Dimension size = comps.get(0).getMinimumSize();
            width += size.width;
            height += size.height;

            return new Dimension(width, height);
        }
    }

    public Dimension maximumLayoutSize(final Container target) {
        return new Dimension(Integer.MAX_VALUE, Integer.MAX_VALUE);
    }

    public void layoutContainer(final Container parent) {
        synchronized (parent.getTreeLock()) {
            Dimension parentSize = parent.getSize();
            int compsCount = comps.size();
            Dimension step = new Dimension(parentSize.width / (2 * compsCount),
                    parentSize.height / (2 * compsCount));

            for (int i = 0; i < compsCount; i++) {
                Component comp = comps.get(i);
                comp.setBounds(calcBounds(parentSize, step, i));
                parent.setComponentZOrder(comp, compsCount - i - 1);
            }
        }
    }

    private Rectangle calcBounds(Dimension parentSize, Dimension step, int index) {
        int x = step.width * index;
        int y = step.height * index;
        int width = parentSize.width - step.width * 2 * index;
        int height = parentSize.height - step.height * 2 * index;
        return new Rectangle(x, y, width, height);
    }
}

    Collection instance "comps" manages all of components, in this case, I take a LinkedList object to add and remove UI components. The layout doesn't concern any constraint, so the two addLayoutComponent() methods have the same actions. Please see the codes for details.
    As aforementioned, layoutContainer() method really takes charge of layouting the components. The key work is allocating space for each component, namely, specifying the bounds. Calculating bounds values just applies the simplest arithmetic operations.
    According to the intention, the bottom component fills the whole parent container, so it determines the preferred and the minimum sizes. For details, please take a look at methods preferredLayoutSize() and minimumLayoutSize(). Since the layout manager doesn't take care of the maximum size, the maximumLayoutSize() method simply returns a constant value.

Sha Jiang 2012-07-15 22:14 发表评论

构建不规则窗体(原)

Sha Jiang — Tue, 31 May 2011 12:46:00 GMT

构建不规则窗体

在开发一个新浪微博Swing客户端的过程中希望能展现不规则的窗体界面，原来JDK 6 update 10提供了创建指定形状窗体的特性，简单易用，记于此处。(2010.05.31最后更新)

Java从JDK 6 update 10开始将内建支持构建指定形状的窗体，类com.sun.awt.AWTUtilities中的方法setWindowShape会根据不同的Shape实现去构造相应形状的窗体。AWTUtilities类是放在SUN的包中，在使用该方法时应该通过反射去进行调用，如下代码所示，

Class clazz = Class.forName("com.sun.awt.AWTUtilities");
Method method = clazz.getMethod("setWindowShape", Window.class, Shape.class);

1. 创建正常窗体
先创建一个简单的界面，它使用BorderLayout，在其中安放5个JButton，如下代码所示，

public class ShapedFrame extends JFrame {

    private static final long serialVersionUID = -2291343874280454383L;

    private JButton centerButton = new JButton("Center");

    public ShapedFrame() {
        super("Shaped Frame");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        initUI();
    }

    private void initUI() {
        Container container = getContentPane();
        container.setLayout(new BorderLayout());

        container.add(new JButton("TOP"), BorderLayout.PAGE_START);
        container.add(new JButton("RIGHT"), BorderLayout.LINE_END);
        container.add(new JButton("BOTTOM"), BorderLayout.PAGE_END);
        container.add(new JButton("LEFT"), BorderLayout.LINE_START);
        container.add(centerButton, BorderLayout.CENTER);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {

            @Override
            public void run() {
                ShapedFrame frame = new ShapedFrame();
                frame.setSize(new Dimension(400, 300));
                frame.setUndecorated(true);
                setAtCenter(frame);
                frame.setVisible(true);
            }
        });
    }

    // 将Window置于屏幕正中
    private static void setAtCenter(Window window) {
        Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
        window.setLocation((screenSize.width - window.getWidth()) / 2,
                (screenSize.height - window.getHeight()) / 2);
    }
}

执行上述程序的效果如下图所示，

2. 创建不规则窗体
基于上述程序创建不规则窗体，使整个窗体正好缺失掉RIGHT JButton所在的区域，如下代码所示，

public class ShapedFrame extends JFrame {

    private static final long serialVersionUID = -2291343874280454383L;

    private static Method method = null;

    static {
        try {
            Class clazz = Class.forName("com.sun.awt.AWTUtilities");
            method = clazz.getMethod("setWindowShape", Window.class, Shape.class);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private JButton centerButton = new JButton("Center");

    public ShapedFrame() {
        super("Shaped Frame");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        initUI();
        addComponentListener(componentListener);
    }

    private void initUI() {
        Container container = getContentPane();
        container.setLayout(new BorderLayout());

        container.add(new JButton("TOP"), BorderLayout.PAGE_START);
        container.add(new JButton("RIGHT"), BorderLayout.LINE_END);
        container.add(new JButton("BOTTOM"), BorderLayout.PAGE_END);
        container.add(new JButton("LEFT"), BorderLayout.LINE_START);
        container.add(centerButton, BorderLayout.CENTER);
    }

    private ComponentListener componentListener = new ComponentAdapter() {

        @Override
        public void componentResized(ComponentEvent evt) { // 当UI组件(JFrame)的尺寸发生改变时，调用该方法
            Rectangle frameRect = getBounds();
            Rectangle spaceRect = centerButton.getBounds();

            Point o1 = new Point(0, 0);
            Point o2 = new Point(frameRect.width, 0);
            Point o3 = new Point(frameRect.width, frameRect.height);
            Point o4 = new Point(0, frameRect.height);

            Point i1 = new Point(spaceRect.x + spaceRect.width, spaceRect.y);
            Point i2 = new Point(frameRect.width, spaceRect.y);
            Point i3 = new Point(frameRect.width, spaceRect.y
                    + spaceRect.height);
            Point i4 = new Point(spaceRect.x + spaceRect.width, spaceRect.y + spaceRect.height);

            int[] xpoints = new int[] { o1.x, o2.x, i2.x, i1.x, i4.x, i3.x, o3.x, o4.x };
            int[] ypoints = new int[] { o1.y, o2.y, i2.y, i1.y, i4.y, i3.y, o3.y, o4.y };
            int npoints = 8
            // 构建一个六边形，将RIGHT JButton所处的位置空缺出来
            Shape shape = new Polygon(xpoints, ypoints, npoints);

            setWindowShape(ShapedFrame.this, shape);
        }
    };

    // 设置Window的形状
    private static void setWindowShape(Window window, Shape shape) {
        try {
            method.invoke(null, window, shape);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {

            @Override
            public void run() {
                ShapedFrame frame = new ShapedFrame();
                frame.setSize(new Dimension(400, 300));
                frame.setUndecorated(true);
                setAtCenter(frame);
                frame.setVisible(true);
            }
        });
    }

    // 将Window置于屏幕正中
    private static void setAtCenter(Window window) {
        Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
        window.setLocation((screenSize.width - window.getWidth()) / 2,
                (screenSize.height - window.getHeight()) / 2);
    }
}

执行上述程序后，会有如下图所示的效果，

Sha Jiang 2011-05-31 20:46 发表评论

你所不知道的五件事情--改进Swing(译)

Sha Jiang — Mon, 25 Oct 2010 14:23:00 GMT

摘要: 你所不知道的五件事情--改进Swing 这是Ted Neward在IBM developerWorks中5 things系列文章中的一篇，讲述了关于改进Swing应用的一些窍门，值得大家学习。(2010.10.25最后更新) 摘要：Swing已是一个比较老的工具集了，在美观的用户界面出来之前需要开发很长时间。它缺少一些你在开发富UI时所需的组件。幸运地是，像 Substance，Swi... 阅读全文

Sha Jiang 2010-10-25 22:23 发表评论

利用SwingX与TimingFramework实现淡入淡出(原)

Sha Jiang — Mon, 28 Sep 2009 01:46:00 GMT

利用SwingX与TimingFramework实现淡入淡出

本文使用SwingX与TimingFramework展示了如何实现淡入淡出效果，程序简洁实用，希望对大家能有所助益。(2009.09.28最后更新)

在Swing中使用AlphaComposite设置界面的半透明度，再配合javax.swing.Timer可以比较容易地实现淡入淡出效果。但需要我们继承具体的UI组件，并重写它的paintComponent方法，同时还要为Timer提供一个ActionListener的实现。这些对于程序员来说，显得有些乏味。
幸运地是，SwingX中的JXPanel(JPanel的子类)通过setAlpha方法来设置半透明度，JXPanel中的所有UI组件都可随之半透明化。TimingFramework提供的Animator可以帮助我们非线性地设置JXPanel中的alpha值。故，我们在实现淡入淡出时，可以使用JXPanel来替代JPanel，用Animator来替代Timer。

下面是一个非常简单的示例，该示例在一个使用CardLayout的JPanel--cardPanel，中另包含了两个JXPanel--panelA和panelB，这两个子容器中又分别有一个JButton--buttonA和buttonB。当点击buttonA时，将淡入显示panelB；当点击buttonB时，将淡入显示panelA。

1 public class FadingCardDemo extends JFrame {
2
3     private static final long serialVersionUID = 8005909309849021746L;
4
5     private String CARD_A = "CARD_A";
6     private String CARD_B = "CARD_B";
7
8     private JPanel cardPanel = null;
9     private JXPanel panelA = null;
10     private JXPanel panelB = null;
11     private JButton buttonA = null;
12     private JButton buttonB = null;
13
14     public FadingCardDemo() {
15         super("FadingButton Demo");
16         setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
17         initUI();
18     }
19
20     private void initUI() {
21         cardPanel = new JPanel(new CardLayout());
22
23         buttonA = new JButton("Button A");
24         buttonA.addActionListener(actionHandler);
25         panelA = new JXPanel(new BorderLayout());
26         panelA.add(buttonA, BorderLayout.CENTER);
27         cardPanel.add(panelA, CARD_A);
28
29         buttonB = new JButton("Button B");
30         buttonB.addActionListener(actionHandler);
31         panelB = new JXPanel(new BorderLayout());
32         panelB.add(buttonB, BorderLayout.CENTER);
33         cardPanel.add(panelB, CARD_B);
34
35         Container container = getContentPane();
36         container.setLayout(new BorderLayout());
37         container.add(cardPanel, BorderLayout.CENTER);
38     }
39
40     private ActionListener actionHandler = new ActionListener() {
41
42         private Animator animator = null;
43
44         public void actionPerformed(ActionEvent e) {
45             if (animator == null) {
46                 animator = new Animator(2000);
47                 animator.setDeceleration(0.2F);
48                 animator.setAcceleration(0.4F);
49             } else if (animator.isRunning()) {
50                 animator.stop();
51             }
52
53             JButton button = (JButton) e.getSource();
54             if (button == buttonA) {
55                 animator.addTarget(new PropertySetter(panelB, "alpha", 1.0F));
56                 panelB.setAlpha(0.1F);
57                 ((CardLayout) cardPanel.getLayout()).show(cardPanel, CARD_B);
58             } else if (button == buttonB) {
59                 animator.addTarget(new PropertySetter(panelA, "alpha", 1.0F));
60                 panelA.setAlpha(0.1F);
61                 ((CardLayout) cardPanel.getLayout()).show(cardPanel, CARD_A);
62             }
63             animator.start();
64         }
65     };
66
67     public static void main(String[] args) {
68         SwingUtilities.invokeLater(new Runnable() {
69             public void run() {
70                 FadingCardDemo demo = new FadingCardDemo();
71                 demo.setSize(new Dimension(400, 300));
72                 demo.setVisible(true);
73             }
74         });
75     }
76 }

Sha Jiang 2009-09-28 09:46 发表评论

一个简单的CheckBox Tree实现(原)

Sha Jiang — Wed, 05 Aug 2009 13:10:00 GMT

一个简单的CheckBox Tree实现

CheckBox Tree是一个十分常用的UI组件，它能使用户方便地按特定规则勾选树中的节点。本文实现了一种简单的Checking规则：当勾选了某节点后，该节点的所有下级节点全部被勾选；当取消勾选某节点后，该节点的所有下级节点全部被取消勾选。(2009.08.05最后更新)

实现CheckBox Tree的常用方法，就是使用JCheckBox作为JTree的TreeCellRendrer，并且需要实现特定的Checking规则来勾选/取消勾选CheckBox。

1. 树节点
DefaultMutableTreeNode是最常用的TreeNode实现，此处我们将扩展这一实现--CheckBoxTreeNode，增加一个属性isChecked，用于标识该节点是否要被勾选上。该类的完整代码如下所示：

public class CheckBoxTreeNode extends DefaultMutableTreeNode {

       private static final long serialVersionUID = 3195314943599939279L;

       private boolean isChecked = false;

       public CheckBoxTreeNode(Object userObject) {
               super(userObject);
       }

       public boolean isChecked() {
               return isChecked;
       }

       public void setChecked(boolean isChecked) {
               this.isChecked = isChecked;
       }
}

2. 渲染器
如本文开头所述，我们将使用JCheckBox作为树节点展现形式的渲染器，同时确定对节点进行勾选或取消勾选的规则。CheckBoxTreeCellRenderer本身即是一个JCheckBox，那么在实现getTreeCellRendererComponent方法时，只简单地返回它自己的实例即可，而对于勾选或取消勾选的条件，则由CheckBoxTreeNode中的isChecked属性来确定，完整的代码如下所示：

public class CheckBoxTreeCellRenderer extends JCheckBox implements TreeCellRenderer {

       private static final long serialVersionUID = -6432020851855339311L;

       public CheckBoxTreeCellRenderer() {
               setOpaque(false);
       }

       public Component getTreeCellRendererComponent(JTree tree, Object value,
                       boolean selected, boolean expanded, boolean leaf, int row,
                       boolean hasFocus) {
               CheckBoxTreeNode node = ((CheckBoxTreeNode) value); // 获取树节点对象。
               setText(node.toString()); // 设置CheckBox所展示的文本。

               // 当树节点被设置为勾选时，则该节点对应的CheckBox被勾选上；否则，取消勾选。
               if (node.isChecked()) {
                       setSelected(true);
                       setForeground(Color.BLUE);
               } else {
                       setSelected(false);
                       setForeground(tree.getForeground());
               }
               return this;
       }
}

3. 树
此处对JTree进行扩展，创建CheckBoxTree，该类只是为JTree添加了一个MouseListener，以侦听鼠标选中树节点后，如何设置勾选标记，并重绘树。

public class CheckBoxTree extends JTree {

       private static final long serialVersionUID = -217950037507321241L;

       public CheckBoxTree(TreeModel newModel) {
               super(newModel);
               addCheckingListener();
       }

       private void addCheckingListener() {
               addMouseListener(new MouseAdapter() {

                       @Override
                       public void mousePressed(MouseEvent e) {
                               int row = getRowForLocation(e.getX(), e.getY());
                               TreePath treePath = getPathForRow(row);
                               if (treePath == null) {
                                       return;
                               }

                               CheckBoxTreeNode node = ((CheckBoxTreeNode) treePath.getLastPathComponent());
                               boolean checking = !node.isChecked(); // 如果该节点已被勾选上，则此次将取消勾选；反之，亦反。
                               checkNode(node, checking);

                               repaint(); // 重绘整棵树。
                       }

                       // 递归地勾选或取消勾选指定节点及其所有下级节点的CheckBox。
                       private void checkNode(CheckBoxTreeNode node, boolean checking) {
                               node.setChecked(checking);
                               if (!node.isLeaf()) {
                                       Enumeration<CheckBoxTreeNode> children = node.children();
                                       while (children.hasMoreElements()) {
                                               checkNode(children.nextElement(), checking);
                                       }
                               }
                       }
               });
       }
}

上述程序有两个关键点：1. 设置当前节点及其子节点的勾选标记--checkNode；2. 重绘树--repaint。调用repaint方法对树进行绘制时，方法TreeCellRenderer.getTreeCellRendererComponent就会被调用，此时程序就会根据checkNode方法设定的isChecked来勾选或取消勾选对应的树节点CheckBox。简言之，就是先设置树型数据中的勾选标记，然后渲染器再根据这些标记来渲染CheckBox。

Sha Jiang 2009-08-05 21:10 发表评论

Java Store, Q&A(译)

Sha Jiang — Sun, 05 Jul 2009 01:48:00 GMT

Java Store, Q&A

在今年的JavaOne中，比较重要的议题之一就是Java应用商店。目前还没机会亲身体会一下这个商店，但我至少认为Java应用商店为广大Java程序员提供了一个新的展示自我的平台。Please show yourself! (2009.07.05最后更新)

Java Store是JavaOne中最重大的消息之一。我格外为之骄傲，因为在过去的几个月中我一直秘密地为其工作。由于这一消息，我收到了一大堆关于该商店的问题，以及如何将它与Java生态系统中的其它部分相关联。出于对已极佳的FAQ的补充，我想应该再回答一些问题。

简约概括一下你所宣布的消息
我们已经发布了Java Store的私有Beta版，是一个桌面的客户端应用，它允许大家浏览并购买桌面Java应用；还有一个Java仓库的开放Beta版，为了分发应用程序，开发者们可将这些应用程序上传到这个仓库中。现在你就可以登录并浓度一下这个商店和仓库。目前，这个商店和仓库只针对美国用户，很快将有更多的国家能够使用。

我可以使用除JavaFX之外的其它语言来做用于Java Store的程序吗？
是的！不仅仅是Java和JavaFX，所有基于JVM的语言都是允许的。记住，最终用户并不关心你的应用是用什么语言写的。他们只关心你所做的应用是有用的，看起来和用起来都很好。

商店中的应用程序有哪些限制？
查看FAQ，可以得到全部的细节，但简要的回答是：任何的JVM语句；必须面向消费者；(目前)小于50M；必须是未签名，或使用有效认证的签名。在该商店商用之前，所有的应用都是免费的，商用之后你就需要付费。此处包含的细节很少，但这些都是基本的。

何时才允许我贩卖应用程序？
我们将尽快。商店还未开张。但最终，你不会拥有一个货架空空如也的商店。这就是为什么我们要给你们，开发者，时间去准备好你们的应用。当我们向商用开放这个商店时，你就能够标上价格并开始售卖了。

顾客将如何找到我的应用程序？
你在JavaOne大会上看到的桌面客户端只是第一个版本。我们已在努力工作，向商店加上新的特性，这将使得顾客们找到你的应用。将有诸如查找，过滤，排序和评论之类的新特性。最后，Java Store将会随Java发布，这就使得你的应用能被近百万人发现。

移动和TV应用将会怎样？
Java Store实际包含两个方面。店面是一个桌面客户端程序，它使你能够购买桌面应用。还有一个Java Warehouse，这是你，即开发者，存放待售应用程序的地方。在未来，还会增加针对电视和移动应用的店面，可能会carrier branded。你所存放应用程序的Java Warehouse将为所有的这些店面提供服务。桌面应用只是令人激动的第一步罢了。

现在商店里都哪些应用了？他们来自于何处？
我们与许多伙伴公司一同工作为这个商店构建新的应用，以及修改已有的应用程序。我个人的最爱是Astronomy Picture of the Day，由位于俄勒冈州Eugene的一个名为Concentric Sky的公司创建的。这个程序与NASA的太空图片相连接，能使你浏览以前的图片，阅读图片说明，甚至还能使用Google Translate将文本翻译成其它语言。请看Concentric Sky的CEO在他们的博客中对Java Store和JavaFX的描述。

为什么开发者们不能在其它国家登录？什么时候才能允许我们在其它国家贩卖应用程序？
我们将尽可能快的在其它国家开放这个商店。国际贸易要比你所想象的还要复杂的多(作为一个工程师，我感到十分的吃惊)。每个国家在税率，私有权和商业方面都有不同的法规。现在我们有法律和商业方面的伙记们在这些问题而工作。当前，我们计划在2010年的早些时候实现这一目标，但是如果我们能做得更快些，那一定会告诉你。

为了使消息更清晰，我们让Jeet Kaul，Java的高管之一，作一些解释：(点击观看)

如果你有任何关于Java Store的问题，请发邮件给我，或者在我们的反馈页面中提交你的评论。

Sha Jiang 2009-07-05 09:48 发表评论

更好的Applet体验：海报帧(译)

Sha Jiang — Sun, 02 Nov 2008 02:57:00 GMT

更好的Applet体验：海报帧

本文是Joshua Marinacci的系列博客A Better Applet Experience中的第二篇，介绍了如何使用海报帧去加快页面的加载。(2008.11.02最后更新)

    在本系列文章的第一部分中，我向你展示了如何使用设置加载时图片，包括动态的GIF自旋体图片。这次，我将向展示如何使用屏幕截图或海报帧去加快页面的加载。
    Quicktime电影就有海报帧的思想。电影中的一帧(经常就是其中的第一帧)将会放到该电影出现的地方。当用户点击海报帧时，实现的电影才会通过网络被加载进来。这就能极大地加快该电影所在Web页面的加载速度。使用少许JavaScript，完全可以为Java Applet实现相同的功能。

Applet的海报帧
    在研究这个Demo之前，我必须要提到，我个人尚未在IE浏览器中测试过这个Demo。如果你发现这个Demo不能在某个浏览器中运行，请向错误信息发送给我，以便我能更新这个JavaScript。
    基本思想非常的简单，创建一个div，它包含一个链接和一张屏幕截图。当用户点击该链接时，我们使用一个新的applet元素去替换页面中的a和img元素。一旦浏览器察觉到了这个新的applet元素，它将下载Java插件并启动这个Applet。
    这就有一个例子：如果你点击了这张图片，一个Applet就会被加载到该图片所在的位置，并会说"applet loaded"。

JavaScript
    如下就是这个JavaScript脚本：

该脚本的第一部分初始化了两个哈希表，它们包含了applet元素的属性与嵌套的param标签。然后，它会使用document.createElement()方法去创建这个applet，并配置其中的属性与PARAM元素。到目前为止，还很直接。真正地奇妙之事发生在generateInlineAppletTag函数的最后四行。它使用传入的appletID参数与包含着上述链接与图片的div元素相联在一起，然后它会找到并删除该链接，而用新的applet元素去替代这个链接。

HTML
要使用上述javascript函数，你只需将它放到页面的顶部，并通过那张屏幕截图链接的href去调用它。在本例中，我使用了：

这个div被命名为appletDiv，链接被命名为screenshot1。该链接的href会调用上述javascript函数，并传入div与链接的名称。最后该图片就只是显示将要运行的Applet的一张屏幕截图，该图被一个播放按钮覆盖着。就这么简单，在这里你可以看到完整的javascript和HTML语句。

结论
这个javascript只是一个开始。你还能很容易的扩展它，使图片上能展现关于这个Applet的更多信息。你也可以把这个javascript重写为一个更加可重用的形式，使它能够被你的整个站点所共享。
下次我将向你展示如何使用新的发布工具包去侦测当前已安装的Java版本，并启动更新程序。
重复一遍，如果你在某个平台或浏览器中发现了任何错误，请让我知道，以便更新这个脚本。

Sha Jiang 2008-11-02 10:57 发表评论

更好的Applet体验：定制加载时画面(译)

Sha Jiang — Tue, 28 Oct 2008 23:32:00 GMT

更好的Applet体验：定制加载时画面

    本文是Joshua Marinacci的系列博客A Better Applet Experience中的第一篇，介绍了如何定制加载Applet时使用的画面。(2008.10.30最后更新)

    你可能已经听说了Java SE 6 Update 10应当会改进Applet体验。你可能已经看过一些可在浏览器中拖拽的Applet示例，但还有比那更多的东西。在本博客系列中，我将向你展示如何在发布Applet时获得尽量多的东西，纵使你不使用Update 10。

摆脱咖啡杯图标
    很多人抱怨的第一件事情就是加载Java Applet时使用的咖啡杯图标。根据你具体使用的OS和JVM版本，这个图标是不同的，但它看起来总是像下图那样。

    有很多理由可以认为这会困扰到应用程序开发者，包括不能为他们自己的软件标注品牌，破坏应用的视觉观感，滥用橘黄色。这些都是正确的批评。但在这儿我要告诉你，无须遵循这种方式。这个橘黄色的图标只是一种默认的方式罢了。你轻易就能，也应该将加载画面所使用的图片改成与你网站的其它部分相适应的图片。
    在Java SE 6 Update 10出现的很长时间之前，Applet插件就已经支持在加载画面中使用定制图片了。只需设置Applet的image参数就可以了。就是这么简单!这儿就有一个例子：

<applet code="animatedstartup.MainApplet"
        archive="AnimatedStartup.jar"
        width="100" height="100"
        >
    <PARAM name="image" value="earth.gif"/>
    <PARAM name="boxmessage" value="loading"/>
    <PARAM name="boxborder" value="false"/>
applet>

image参数将设置一个加载时图片。Update 10还支持添加加载时信息，以及不绘制Applet的边框，但image是比较重要的一个参数。上面这个例子看起来就像下面这样：
屏幕截图^[1]

制作加载时动画
    Java 6目前支持使用动态图片以添加加载时动画。在前面例子中使用的earth.gif图片文件就正是一个动态GIF文件。如果你有最新的Applet插件，就会看到加载时画面是动态的。当然，你可能想要一个自旋体的图片，它更合适些，就如你在这里看到的那样：你也可以使用一个更具有指示性的GIF加载图片，就像这里的图片那样^[2]。
    关于Applet加载时画面的更多内容请见发布文档的特别属性一节，以及关于这个新插件的说明。
    本周就是这些了。在此处你可看到这个Demo的可运行版本。下次我将向你展示，在运行一个Applet之前，如何使用一个屏幕截图去替代这个真实的Applet。

译注
[1]原文并未显示这张图片。
[2]本句很有些奇怪，此处的两个"这里"应该指同一个地址。

Sha Jiang 2008-10-29 07:32 发表评论

Java SE 6 Update 10发布了!(原)

Sha Jiang — Fri, 17 Oct 2008 13:37:00 GMT

Java SE 6 Update 10发布了!

    在经过了漫长的期待之后，Java SE 6 Update 10终于正式发布了。本文主要简介了该版本在客户端应用方面的改进。(2008.10.18最后更新)

Java SE 6本就加入了许多关于客户端应用的新特性，在Java SE 6的十大新特性中，直接关于客户端/桌面领域的新特性就有两处。此次Update 10更是集中地在该领域内做出了重大改进。此处，主要基于Java SE 6 Update 10 Release Notes的说明，简介了该版本在客户端应用方面的改进。

下一代Java Plug-in
    下一代Java插件包含了Applet和Java Web Start技术的最佳架构特性。它为在Web浏览器中发布Java和Java FX内容提供了健壮的平台。下一代Java插件为高级用户内容和企业级应用提供了许多强大的特性。
    * 允许为Applet申请更多的内存；可为每个Applet应用指定不同的命令行参数。
    * 为每个Applet应用选择不同的JRE。
    * 提高了可靠性。
    * 能在Java和JavaScript程序设计语言之间进行更好、更便捷的整合。
    * 增强了对访问Web页面中DOM的支持。
    * 增加了对Web Services的支持。
内建支持JNLP，使得Applet应用可立即复用之前由Java Web Start应用使用的JNLP扩展，例如JavaFX运行时组件，对基于硬件加速的3D图形，视频回放等等。
    P.S. 在我较早前的一篇译文下一代Java Applet插件技术中，对这个新的插件有较详尽的描述。

Java Quick Starter
    Java Quick Starter(JQS)为了提高Applet程序和Java应用程序的初始启动速度，会周期性预加载一些常用的JRE文件到内存(占用不多于20M的内存)。之后，当Java程序启动时，磁盘I/O将会显著减少，那么启动速度也就大大加快了。JQS会作为一个Windows服务启动，在任务管理器中会看到一个名为jqs.exe的进程。
    注：JQS仅能用于x86架构下的Windows 2000和Windows XP系统；由于Windows Vista系统有其自己的预加载机制，JQS将不能使用。

Deployment Toolkit
    为了避免浏览器的兼容性问题，Deployment Toolkit提供了一组JavaScript方法，能够自动生成部署Applet和Java Web Start程序时所使用的HTML语句。

Nimbus
    Nimbus是一个新的Java跨平台外观。在JDK 6 Update 10自带的demo中新加了一个SwingSet3应用，但与其它的demo应用(如SwingSet2)不同，这个demo应用没有包含源代码和可执行的jar文件，而需要通过Java Web Start运行(我猜想SwingSet3应该还处于开发阶段)。官方的介绍中有一张图片，大家可以看看，确实漂亮多了(此前，默认的Metal外观已经多年未更新了)。

Sha Jiang 2008-10-17 21:37 发表评论

判定一个点是否在三角形内(原)

Sha Jiang — Thu, 24 Jul 2008 09:02:00 GMT

判定一个点是否在三角形内

如何判定一个点P是否存在于指定的三角形ABC内，这肯定是一个简单的问题，本文仅用一个图形界面程序展示了该问题，有兴趣的朋友可以看看。(2008.07.24最后更新)

在此处使用一种常见且简便的方法：如果三角形PAB，PAC和PBC的面积之和与三角形ABC的面积相等，即可判定点P在三角形ABC内(包括在三条边上)。
可知，该方法的关键在于如何计算三角形的面积。幸运地是，当知道三角形顶点(A，B和C)的坐标((Ax, Ay)，(Bx, By)和(Cx, Cy))之后，即可计算出其面积：

S = |(Ax * By + Bx * Cy + Cx * Zy - Ay * Bx - By * Cx - Cy * Ax) / 2|

关键的代码如下，

// 由给定的三个顶点的坐标，计算三角形面积。
// Point(java.awt.Point)代表点的坐标。
private static double triangleArea(Point pos1, Point pos2, Point pos3) {
    double result = Math.abs((pos1.x * pos2.y + pos2.x * pos3.y + pos3.x * pos1.y
            - pos2.x * pos1.y - pos3.x * pos2.y - pos1.x * pos3.y) / 2.0D);
    return result;
}

// 判断点pos是否在指定的三角形内。
private static boolean inTriangle(Point pos, Point posA, Point posB,
        Point posC) {
    double triangleArea = triangleArea(posA, posB, posC);
    double area = triangleArea(pos, posA, posB);
    area += triangleArea(pos, posA, posC);
    area += triangleArea(pos, posB, posC);
    double epsilon = 0.0001;  // 由于浮点数的计算存在着误差，故指定一个足够小的数，用于判定两个面积是否(近似)相等。
    if (Math.abs(triangleArea - area) < epsilon) {
        return true;
    }
    return false;
}

执行该应用程序，用鼠标在其中点击三次，即可绘制一个三角形，如下组图所示：

然后仅需移动鼠标，就会出现一个空心圆圈。如果圆圈的中心在三角内(包含在三条边上)，则圆圈显示为红色；否则，显示为蓝色。如下组图所示：

完整代码如下：

public class CanvasPanel extends JPanel {

    private static final long serialVersionUID = -6665936180725885346L;

    private Point firstPoint = null;

    private Point secondPoint = null;

    private Point thirdPoint = null;

    public CanvasPanel() {
        setBackground(Color.WHITE);
        addMouseListener(mouseAdapter);
        addMouseMotionListener(mouseAdapter);
    }

    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        drawTriangel(g);
    }

    private void drawTriangel(Graphics g) {
        if (firstPoint != null && secondPoint != null) {
            g.drawLine(firstPoint.x, firstPoint.y, secondPoint.x, secondPoint.y);
            if (thirdPoint != null) {
                g.drawLine(firstPoint.x, firstPoint.y, thirdPoint.x, thirdPoint.y);
                g.drawLine(secondPoint.x, secondPoint.y, thirdPoint.x, thirdPoint.y);
            }
        }
    }

    private static boolean inTriangle(Point pos, Point posA, Point posB,
            Point posC) {
        double triangeArea = triangleArea(posA, posB, posC);
        double area = triangleArea(pos, posA, posB);
        area += triangleArea(pos, posA, posC);
        area += triangleArea(pos, posB, posC);
        double epsilon = 0.0001;
        if (Math.abs(triangeArea - area) < epsilon) {
            return true;
        }
        return false;
    }

    private static double triangleArea(Point pos1, Point pos2, Point pos3) {
        double result = Math.abs((pos1.x * pos2.y + pos2.x * pos3.y + pos3.x * pos1.y
                            - pos2.x * pos1.y - pos3.x * pos2.y - pos1.x * pos3.y) / 2.0D);
        return result;
    }

    private MouseInputAdapter mouseAdapter = new MouseInputAdapter() {

        public void mouseReleased(MouseEvent e) {
            Point pos = e.getPoint();
            if (firstPoint == null) {
                firstPoint = pos;
            } else if (secondPoint == null) {
                secondPoint = pos;
                Graphics g = CanvasPanel.this.getGraphics();
                CanvasPanel.this.paintComponent(g);
                g.drawLine(firstPoint.x, firstPoint.y, secondPoint.x, secondPoint.y);
            } else if (thirdPoint == null) {
                thirdPoint = pos;
                Graphics g = CanvasPanel.this.getGraphics();
                CanvasPanel.this.paintComponent(g);
                g.drawLine(firstPoint.x, firstPoint.y, secondPoint.x, secondPoint.y);
                g.drawLine(firstPoint.x, firstPoint.y, thirdPoint.x, thirdPoint.y);
                g.drawLine(secondPoint.x, secondPoint.y, thirdPoint.x, thirdPoint.y);
            }
        }

        public void mouseMoved(MouseEvent e) {
            Point pos = e.getPoint();
            Graphics2D g2 = (Graphics2D) CanvasPanel.this.getGraphics();
            CanvasPanel.this.paintComponent(g2);
            if (firstPoint != null && secondPoint == null) {
                g2.drawLine(firstPoint.x, firstPoint.y, pos.x, pos.y);
            } else if (firstPoint != null && secondPoint != null && thirdPoint == null) {
                g2.drawLine(firstPoint.x, firstPoint.y, pos.x, pos.y);
                g2.drawLine(secondPoint.x, secondPoint.y, pos.x, pos.y);
            } else if (firstPoint != null && secondPoint != null && thirdPoint != null) {
                if (inTriangle(pos, firstPoint, secondPoint, thirdPoint)) {
                    g2.setColor(Color.RED);
                } else {
                    g2.setColor(Color.BLUE);
                }
                int radius = 4;
                g2.drawOval(pos.x - radius, pos.y - radius, radius * 2, radius * 2);
            }
        }
    };
}

public class Triangle extends JFrame {

    private static final long serialVersionUID = 1L;

    private CanvasPanel mainPanel = null;

    public Triangle() {
        setTitle("Triangle");
        setSize(new Dimension(300, 200));
        setResizable(false);

        init();

        Container container = getContentPane();
        container.add(mainPanel);

        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setVisible(true);
    }

    private void init() {
        mainPanel = new CanvasPanel();
    }

    public static void main(String[] args) {
        new Triangle();
    }
}

Sha Jiang 2008-07-24 17:02 发表评论

下一代Java Applet插件技术(译)

Sha Jiang — Mon, 14 Jul 2008 11:56:00 GMT

下一代Java Applet插件技术

Java SE 6对Java桌面应用进行较大的升级，并启动了Java SE 6 Update N计划，该计划旨在简化JRE的大小，增进用户的安装体验，并提供了一个新的Applet浏览器插件，该插件将会随Java SE 6 Update 10发布。本文全面介绍了这个新插件的关键特性，并以NASA的World Wind为例介绍了该插件的应用。(2008.07.15最后更新)

Applet回来了！
为了在网络中传递你的程序，是时候再次考虑Java Applet技术了。下一代Java插件技术以一种不同的，比过去更高效、更可靠的途径来运行Applet。现在你可以获得如下好处：

增强的可靠性
改进的用户体验
在后台启动Applet
内建的JNLP支持
针对每个Applet的命令行参数
堆内存大小，Java 2D API加速选项
改进的Java/JavaScript程序设计语言集成
改进的Windows Vista支持
签名的Applet现在可以在Internet Explorer的保护模式中正常运行

下一代Java插件提供了一种完全重新设计的架构，它将出现在Java SE 6 Update 10中。该插件为运行在网络浏览器中的Applet提供了强大的新功能，它以向后兼容的方式改进了整个Applet的可靠性及功能。
下一代Java插件最有意义的新特性是它内建支持通过JNLP文件启动Applet。使用JNLP文件格式作为Applet的描述符就能允许Applet马上复用之前为Java Web Start应用所写的JNLP扩展。

执行Applet的新途径
执行Applet的新途径在结构上与Java Web Start技术相似，但与浏览器整合的更为紧密。Applet不在运行于网络浏览器内的JVM中，而是会启动一个独立的JVM进程去运行Applet。默认地，只有一个JVM将被启动，但你也能启动多个JVM，并且可以为每个Applet都设置命令行参数，所以你能影响堆内存的大小或其它的要求。

Figure 1. Applet Architecture
在上图中，云表示JVM实例。在浏览器内有一个小的，headless JVM被用于管理一个或多个客户端JVM之间的连接，这些JVM运行着Applet。在该图中，Duke表示Applet。其中，一个JVM实例运行着两个Applet，另一个运行着一个Applet。
Applet直接从JNLP文件启动，它使用的JNLP文件与Java Web Start软件使用的描述符文件相同，并且允许使用比典型的"archive"，"code"和"cache_archive"更为强大的参数。
新的插件提供了：

能够访问之前仅由Java Web Start软件专用的高级JNLP扩展。之前有少部分参数能够使用，但有一些限制，现在这些限制则被去除。
通过Applet访问JNLP API。
支持PersistenceService和DownloadService。
能够控制堆内存大小，命令行参数，JRE版本选择和自动下载。你具有Java Web Start软件所拥有的相同功能。

现在你就可以在Web页面中使用像下面这样的语句了：

<applet width=”500” height=”500”>
<param name=”jnlp_href” value=”my_applet.jnlp”>
applet>

调用Applet生命周期方法init，start，stop和destroy会更为确定，并且已经改进了跨浏览器行为。完全支持Applet类装载器缓存，遗留的Applet生命周期及对向后兼容性的需求，并且这些行为都已得到了改进。
Applet运行的就像一个由Java Web Start启动的应用。参数jnlp_href在Web页面和Applet的JNLP描述之间起到了桥接的作用。在如宽度与高度这样的特定方面，Applet标签与JNLP文件具有重叠的机制。
一般地，你应该使用Deployment Toolkit，这也是一个出现在Java SE 6 Update 10中的新工具，它能自动地为Applet标签生成HTML。部署建议指南展示了如何使用Deployment Toolkit简便地发布Applet。

配置Applet
现在也能更为简单地在多个方面来配置Applet，包括堆内存大小，需要被使用的Java版本，类加载器缓存，边界，及其它。
与JNLP文件在针对某些参数时有重叠的机制。这些冲突可以用如下方法解决：

width and height：这些属性将总是从
，而不是JNLP文件，中获取。这是假设浏览器知道Applet在Web页面上应该显示多大，也只有浏览器才能支持相对于页面的宽度与高度(例如，width="50%")。
codebase：如果JNLP文件在标签中指定了一个绝对的codebase，那么就使用它。否则，将使用在codebase handling一节中描述的规则进行组织。

code：当指定了jnlp_href参数，Applet的主类名将从main-class参数换成JNLP文件中的applet-desc标签，并且code属性会被忽略。注意，该特性允许你为经典Java插件写一个拥有反馈的Applet标签，但在新的Java插件中，该标签可使用更高级的功能。请见下面的"兼容性"一节。
任何一个由标签指定的Applet参数将与JNLP文件中指定的参数进行合并。如果标签和JNLP文件都指定了同一个参数，标签中的版本将覆盖JNLP文件中的版本，除了参数java_arguments和java_version。
新的java_arguments和java_version参数在JNLP Applet中是不必要的。会替换为通过JNLP文件请求JRE版本或向JVM传递参数的机制。所以，命令行参数和JNLP文件请求的JRE版本将会覆盖HTML中为Applet指定的这些值。

特定的参数，例如image，boxbgcolor等等，在Applet的启动过程中是有用的。在HTML而不是JNLP文件中指定这些参数可能更好些，以便于在加载Web页面时就可立即获取它们，而不用再等到单独下载JNLP文件之后。
过去，通过Java控制面板设置最大堆内存是有限制的。在新的Java插件中，这些限制被取消。现在Applet可以像命令行应用那样使用大量堆空间。
指定一个比默认值大的堆空间：

<APPLET archive="my_applet.jar" code="MyApplet" width="300" height="300">
    <PARAM name="java_arguments" value="-Xmx128m">
APPLET>
指定一个非默认大小的堆内存以及一个Java 2D硬件加速器选项，该选项常通过JOGL使用OpenGL应用于Applet。

<APPLET archive="my_applet.jar" code="MyApplet" width="300" height="300">
    <PARAM name="java_arguments" value="-Xmx256m -Dsun.java2d.noddraw=true">
APPLET>
如果你喜欢，一个Applet可强制进入一个属于它自己的JVM实例，而与所有其它的Applet隔离开：

<param name=”separate_jvm” value=”true” />
当把某些桌面应用移植到Web浏览器时，这就有用了。
你也能使特定的Applet运行在特定版本的JRE上，如下所示：

<j2se version=”1.4+” >
<j2se version=”1.5*” >
当想针对特定版本的JRE，或Applet取代早期版本的选择机制(如同IE浏览器中的CLSID)，进行质量测评时，该方法就很有用了。如果请求了一个非常老的JRE版本，就会强制执行限制；如果Applet试图加载未签名的代码，将会提示用户。
注意，因为支持JNLP的Java插件是在Java SE 6 Update 10中才首次出现的，所以指定像“1.4+”这样的版本基本上没有意义的。当需要“1.7+”时，这才有意义。
另外，你可以在JNLP文件中使用标签来显著降低第二次及接下来各次启动的时间。

<update check=”background”>
在这种情况下，将使用缓存中已有的Applet程序，并且在后台下载该应用的更新版本。在下次启动时，就会使用新版本。
新的插件也能更好地对图像进行定制，在Applet被加载之前会展示该图像。image参数会以支持动画GIF文件作为目标，Java Plug-in Developers' Guide的Special Attributes一节对此有描述。此外，现也支持如下新的参数：
boxborder
一个布尔型参数，用于指定在Applet被加载之前是否在Applet区域的边缘绘制一个宽度一象素的边框。默认为true。我们建议将该值设置为false，特别是将一个动画GIF用作加载期图像时，以避免可能的闪烁。
centerimage
一个布尔型参数，用于指定是否将加载期图像在Applet区域内居中显示，而不是从左上角起始。默认为false。
使用参数boxborder和centerimage的例子：

<APPLET archive="large_archive.jar"
    code="MyApplet"
    width="300" height="300">

    <PARAM NAME="image" VALUE="animated_gif.gif">

    <PARAM NAME="boxborder" VALUE="false">

    <PARAM NAME="centerimage" VALUE="true">
APPLET>

兼容性
现在可更容易维护向后兼容性。你可创建运行在更早Java插件版本上的程序，但仅需提供一个与jnlp_href参数一样的格式完整的标签就可使用这些新特性了。早期版本的JRE会忽略jnlp_href参数，转而使用标签。新的Java插件技术将忽略archive和code参数，而仅使用JNLP文件去启动Applet。

World Wind Applet示例
由World Wind Java开发组创建的NASA World Wind Java Applet示例阐述了如果发布像NASA World Wind Java这样的领先类库。同样地，也用示例说明了如何使用JavaScript在Web页面中高效地整合HTML和Applet内容。

               Figure 2. NASA World Wind Applet
该Web页面包含了关于喀斯喀特山脉的信息(要感谢维基百科)，并且将World Wind Java作为一个Applet嵌入其中，以图示该山脉中各山的位置。

<applet id="wwjApplet" width=600 height=380
    code="gov.nasa.worldwind.examples.applet.WWJApplet"
    archive="BackwardCompatibility.jar">
    <param name="jnlp_href" value="WWJApplet.jnlp">
applet>
WWJApplet随标准的World Wind Java发行包发布。如下所述，你可选择编写你自己的Applet类并将World Wind嵌入其中：
下面是WWJApplet.jnlp文件中相关的部分：

<jnlp href="WWJApplet.jnlp">
<resources os="Windows">
<property name="sun.java2d.noddraw" value="true"/>
resources>
<resources>
<j2se href="http://java.sun.com/products/autodl/j2se" version="1.4+"/>
<jar href="worldwind.jar" main="true" />
<extension name="jogl"
href="http://download.java.net/media/jogl/builds/archive/jsr-231-webstart-current/jogl.jnlp" />
resources>
<applet-descname="WWJ Applet"
    main-class="gov.nasa.worldwind.examples.applet.WWJApplet"

    width="100"
    height="100">
applet-desc>
jnlp>
注意几点：

在本例中，worldwind.jar作为主类使用。理想地，从NASA的网站引用它，将其作为一个JNLP扩展，这就使得许多不同的都嵌入了World Wind的应用程序或Applet共享相同的jar文件。详情请见下面的内容。

为了它的硬件加速的3D图形，World Wind Java使用了针对OpenGL API的Java绑定，JOGL。注意，JOGL JNLP扩展仅使用一行代码与应用程序进行结合。也要注意，在Windows平台上，由于OpenGL API与DirectDraw/Direct3D API(该API用于Windows平台默认的Java 2D实现)之间在驱动层面的冲突，需要指定系统参数-Dsun.java2d.noddraw=true。Windows平台上所有使用JOGL的应用程序与Applet程序都需要该系统参数。

Web页面中的HTML链接调用JavaScript函数，该函数会与Applet进行交互并将其导向合适的山峰。下面是这些链接中的一个：

<a href="javascript:gotoLocation(MOUNT_RAINIER);">Mount Rainiera>
    (southeast of Tacoma, Washington)
当点击该链接后，将会调用JavaScript函数gotoLocation。该函数定义在同一个Web页面中：

function gotoLocation(locationString) {
    var params = locationString.split(';');
    if(params.length == 3)  // Lat/lon
    getWWJApplet().gotoLatLon(parseFloat(params[1]),
    parseFloat(params[2]));

}
Web页面HTML中的山峰位置将被解码为JavaScript字符串。将从这些字符串中解析出纬度，经度及其它视觉信息，并将它们传递给Applet。 gotoLatLon方法是在WWJApplet类中定义的；上面的方法调用将起动一个JavaScript-to-Java调用，把参数从JavaScript引擎传给Java。World Wind Applet接收该通知，并将视点以动画的方式切换到适当的地方。注意，gotoLatLon方法会迅速地返回，以便浏览器不必等待它的完成；该动画会在一个单独的Java线程中运行。

   Figure 3. World Wind Applet with Mount St. Helen's Clicked
如上所述，将World Wind Java集成到你的应用程序或Applet程序中的最好方法是将其作为一个JNLP扩展。这允许很多来自网络的集成了World Wind Java的应用程序或Applet程序能够共享World Wind代码资源。为了引用World Wind JNLP扩展，你需将下面的语句行加入到你的应用程序或Applet程序的JNLP文件中的部分：

<extension name="worldwind" href="http://worldwind.arc.nasa.gov/java/0.4.1/webstart/worldwind.jnlp"/>
<extension name="jogl"
    href="http://download.java.net/media/jogl/builds/archive/jsr-231-webstart-current/jogl.jnlp"/>
注意，World Wind扩展JNLP是区分版本的，所以你需参考World Wind文档或访问论坛去找到你的JNLP会引用到的扩展的最新版本。World Wind Central是一个关于World Wind最新信息的有用资源。
将World Wind作为一个扩展使用就意味着你不能将WWJApplet直接作为你的main-class使用。由于JNLP文件格式的语义，主jar (main="true")必须定义在主JNLP文件中。但很容易就能适应该限制，你可简单地创建你自己的WWJApplet子类(称之为MyWWJApplet)，而它并不做任何事情：

class MyWWJApplet extends WWJApplet {}
将worldwind.jar置于classpath中，并编译上述类，然后将该类放入它自己的jar文件中。引入这个jar作为你的主jar，MyWWJApplet就成为了你的main-class，然后将其作为JNLP扩展引入到World Wind中。

结论
介绍了Java插件对JNLP的支持，这为Applet的发布提供了很多新的可能，这对在浏览器内外发布Java内容的方法的统一又进了一大步。Applet自从它们起始已过了很长的时间，现在随着对JNLP的支持，它们会比以往更快，也更易于定制。

Sha Jiang 2008-07-14 19:56 发表评论

Java Applet不适用于这样的应用？(译)

Sha Jiang — Tue, 26 Feb 2008 06:07:00 GMT

Java Applet不适用于这样的应用？

    在基于浏览器的应用中，为何Flash大大流行于Java Applet?Java Applet是否真的不适用于这样的应用场景？John O'Conner有话要说...(2008.03.29最后更新)

    我已正与一个公司一起创建一个聊天系统，以帮助该公司能够在线地销售出它们更多的产品。后端全是Java，还有Spring，Servlet，...都是些好东西。前端是...好吧，是Flash。
    当有可能时，我更喜欢在每个地方都使用Java，故我就这个面向客户的应用--一个真实的聊天客户端程序选择使用Flash而提出了一些问题。这个谈话进行起来就像这样：
    John：哇，这个产品在每处都使用了Java，但前端除外，而这正是客户与之实际交互的地方。为什么在那儿选择Flash？
    Dev mgr：是的，Flash很容易。使用这样一个简单的UI也是很容易的。
    John：我明白，但使用Java也可十分简单地做出这个聊天UI。现在，Swing的布局管理器已很容易使用，特别是当你使用像NetBeans这样的IED来布局UI时。
    Dev mgr：那可能是对的，但这种选择不仅仅是基于简易地创建UI。
    John：哦？那是什么呢？
    Dev mgr：每个客户端浏览器中都有Flash。我们不必再安装一个运行时程序了。
    John：Java也将会那样，不是吗？大部分的PC制造商都包含它了。
    Dev mgr：也许，但我们知道Flash肯定是那样的。Flash遍及网络，而且很可能客户已经有了Flash的运行时程序。如里没有的话，下载与安装这个运行时程序也是很快、很容易的。
    John：是的，但Java也将易于安装。
    Dev mgr：但是Java会花费很长的安装时间。它太大了。
    John：我不知道现在是否还是那样。为了使运行时程序更小也更加的模块化，已经做了很多工作。所以你仅需要下载你所需要的部分。
    Dev mgr：我们所需要的就是非常、非常的简单。一个非常简单的UI，它有着非常简单的功能去中转聊天文本。Flash可以做得很好。
    交谈继续着，但我不想弄得太长。可能Flash做小应用时会比Java做的更好？在Sun工作了如此长的时间，我就很自然地想像Java无处不在，而且其它的每个人也都喜欢它。我一直都能把事情做好...但很显然，不是每个人都能做到。下载文件的大小从未烦扰过我...但它确实烦扰到了其它的一些人。
    另外，我发现感觉与现实一样重要。所以，如果Java现在更快，更轻巧，而且在浏览器中工作得极好，那将会怎样呢？不知何故，这还是没有用。旧有的感觉仍就在那儿--Java很慢，很大，而且很难在浏览器中工作。更令人惊讶的是，你会发现有些人在那种情况下就再也不把Java当作他们的解决方案了。
    我联系了一些朋友，他们一起搭建面向客户的网站。他们也是使用Flash。那么Java呢？当然...都是在后端的业务逻辑中。那么对于客户将会使用到的应用呢？如果这些应用是嵌入到浏览器中的，它们就会使用Flash。哇!
    这样，你如何对待这种感觉呢？Java需要做些什么以反击这些旧有的感觉？为什么Flash在基于浏览器的应用中更为流行？我们如何才能使那些应用转而使用Java？

Sha Jiang 2008-02-26 14:07 发表评论