Question

我在Java Applet中创建了一个简单的内存游戏。我有自定义加载器的问题（在特殊的applet属性中添加为gif - docs.oracle.com/.../special_attributes.html），它消失得太快，只留下白屏几秒钟。

的index.html

(...)
<body>
    <center>
    <script src="http://www.java.com/js/deployJava.js"></script>
    <script>
        var attributes = {code:'(...).Memo.class', archive:'Memo.jar', width: 1200, height: 900}; 
        var parameters = {image: 'res/loading0.gif', boxbgcolor: 'white', boxborder: 'false', centerimage: 'true'}; 
        deployJava.runApplet(attributes, parameters, '1.6'); 
    </script>
    <noscript>
        (...)
    </noscript>
    <script type="text/javascript" language="JavaScript" src="http://www.oracle.com/ocom/groups/systemobject/@mktg_admin/documents/systemobject/s_code_download.js"></script>
    <script type="text/javascript" language="JavaScript" src="http://www.oracle.com/ocom/groups/systemobject/@mktg_admin/documents/systemobject/s_code.js"></script>
    <script type="text/javascript" language="javascript">var s_code=s.t();if(s_code)document.write(s_code)</script>
    </center>
</body>
(...)

此加载程序在applet警告消息后立即消失，但我仍需要加载一些图像，这需要一些时间。我该如何解决这个问题？

Memo.cs - 加载图片的主类

public class Memo extends JApplet {

    //...   

    public void init() {
        //...   
        try {
            SwingUtilities.invokeAndWait(new Runnable() { @Override public void run() { createGUI(); }});
        } 
        catch(Exception e) {
            e.printStackTrace();
        }
    }

    private void createGUI() {
        final Model model = new Model(...);
        final View view = new View(model);

        getContentPane().add(view, BorderLayout.CENTER);
        setBackground(backgroundColor);
        setPreferredSize(new Dimension(width, height));

        model.setLoading(loadImages(loadingPath, format, 1));
        model.setCardsImages(loadImages(cardImagePath, format, 13));
        //...
        model.setAppState(AppStates.PROCESS);

        model.startNewGame();
        view.repaint();
    }

    private Image[] loadImages(String path1, String path2, int count) {
        Image[] imgs = new Image[count];        
        for(int i = 0; i < count; ++i) {
            imgs[i] = getImage(getCodeBase(), path1 + i + path2);
        }
        return imgs;
    }
}

-------------------解决方案------------------- < / p>

媒体跟踪器效果不佳所以我尝试使用JavaScript。这是我的代码：

index.html（head）中的新功能

    <script language="javascript" type="text/javascript">
        function setApplet() 
        {
            document.getElementById('loader').innerHTML = "";
        }
    </script>

index.html（正文）中的加载程序div和applet div

loading.gif是一个动画加载器图标
loading0.gif是假装载程序图标 - 图像1x1 - 设置为隐藏默认java装载程序

此外，applet一直空白，直到准备就绪。

        <div id="loader" style="font-size: 14pt; font-weight: bold;">
            <p>Loading... Please wait</p>
            <img src="res/loading.gif" alt="Loading... Please wait" />
        </div>
        <div id="applet">
            <script src="http://www.java.com/js/deployJava.js"></script>
            <script>
                var attributes = {code:'(...).Memo.class', archive:'Memo.jar', width: 1200, height: 900}; 
                var parameters = {image: 'res/loading0.gif', boxbgcolor: 'white', boxborder: 'false', centerimage: 'true'}; 
                deployJava.runApplet(attributes, parameters, '1.6'); 
            </script>
            (...)
        </div>

Memo.cs中的新功能

    private void runJs() throws JSException, Exception {
        JSObject setApplet = null;
        setApplet = (JSObject) JSObject.getWindow(this);
        setApplet.call("setApplet", null);
    }

Answer 1

我认为这里成功的最佳机会可以通过Cascading Style Sheets＆amp; amp;的JavaScript。

CSS

将applet加载到设置了适当大小的元素中，但是在页面上不可见的绝对位置。例如。 x = -2000px，y = -2000px。同时，显示applet要显示的固定大小（与applet相同）div元素。屏幕上的元素显示'loading ..'图像。

JS

让JS轮询applet的公共方法，该方法在准备就绪时设置为true。当该方法返回true时，交换applet的样式（确定位置）和'loading ..'元素。

我可以在java applet加载器消失之前加载图像吗？

1 个答案:

CSS

JS