<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> | |
<!-- Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved. --> | |
<!-- Use is subject to license terms.--> | |
<html> | |
<head> | |
<title>可视 Mobile 设计器定制组件:在 Java ME 应用程序中使用闪屏 - NetBeans IDE 教程</title> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | |
<link rel="stylesheet" type="text/css" href="../../../netbeans.css"> | |
<meta name="Karol Harezlak" content="NetBeans Visual Mobile Designer"> | |
</head> | |
<body> | |
<a name="top"></a> | |
<h1>可视 Mobile 设计器定制组件:在 Java ME 应用程序中使用闪屏</h1> | |
<p>闪屏可用来改善应用程序的外观效果。通常,当启动应用程序时,需要使用一个闪屏,或者显示一个徽标或产品信息。这决定着用户对应用程序的第一印象。NetBeans 中的可视 Mobile 设计器 (VMD) 在其组件面板中包含闪屏定制组件。本教程中的简短示例将向您演示如何通过 NetBeans 创建新的 Java ME 项目并在该项目中使用 SplashScreen 组件。该示例还将说明如何使用此功能设计并实现您自己的闪屏。</p> | |
<p>如果您对在 NetBeans 中开发 Mobile 应用程序不熟悉,则应首先阅读《<a HREF="quickstart.html">NetBeans Java ME MIDP 快速入门指南</a>》,然后再继续学习本教程。</p> | |
<!--<p class="notes"><b>注:</b>如果使用的是 NetBeans IDE 6.8,请参见<a href="../../68/javame/splashscreen.html">在 NetBeans IDE 6.8 的 Java ME 应用程序中使用闪屏</a>教程。</p>--> | |
<h3>目录</h3> | |
<img alt="此页上的内容适用于 NetBeans IDE 6.9 和更高版本" class="stamp" src="../../../images_www/articles/69/netbeans-stamp-69-70-71.png" title="此页上的内容适用于 NetBeans IDE 6.9 和更高版本"> | |
<ul> | |
<li><a href="#sample" title="安装并运行样例应用程序">安装并运行样例应用程序</a></li> | |
<li><a href="#create" title="创建包含闪屏定制组件的 Mobile 应用程序">创建包含闪屏定制组件的 Mobile 应用程序</a> | |
<div> | |
<ul> | |
<LI><a HREF="#create">创建 SplashScreenExample 项目</a> </LI> | |
<LI><a HREF="#add">在项目中添加包和 Visual MIDlet</a> </LI> | |
<li><a href="#addcomponent">在 MySplashScreenMIDlet 中添加组件</a></li> | |
<li><a href="#timeout">更改 SplashScreen 组件的 "Timeout"(超时)属性</a></li> | |
<li><a href="#addexit">在 "Form"(窗体)组件中添加 "Exit Command"(退出命令)和 "Back Command"(后退命令)</a></li> | |
<li><a href="#addimage">添加 "Image"(图像)资源</a></li> | |
<li><a href="#bindimage">将图像绑定到组件</a></li> | |
<li><a href="#connect">连接组件</a></li> | |
<LI><a HREF="#run">运行项目</a> </LI> | |
</ul> | |
</div> | |
</li> | |
<li><a href="#javadoc-splashscreen" title="SplashScreen 组件的 Javadoc">SplashScreen 组件的 Javadoc</a></li> | |
<li><a href="#nextsteps" title="另请参见">另请参见</a></li> | |
</ul> | |
<p><b>要学完本教程,您需要具备以下软件和资源:</b></p> | |
<table> | |
<tbody> | |
<tr> | |
<th class="tblheader" scope="col">软件或资源</th> | |
<th class="tblheader" scope="col">要求的版本</th> | |
</tr> | |
<tr> | |
<td class="tbltd1"><a href="https://netbeans.org/downloads/index.html">带有 Java ME 的 NetBeans IDE</a></td> | |
<td class="tbltd1">版本 6.9 及更高版本 </td> | |
</tr> | |
<tr> | |
<td class="tbltd1"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">Java 开发工具包</a> (JDK)</td> | |
<td class="tbltd1">版本 6 或版本 7 </td> | |
</tr> | |
</tbody> | |
</table> | |
<h2><a name="sample"></a>安装并运行样例应用程序</h2> | |
<p>开始之前,您可能希望查看本教程的最终结果。<br> 请执行下列步骤以安装 <tt>SplashScreenExample</tt> 应用程序:</p> | |
<ol> | |
<li>下载 <a href="https://netbeans.org/projects/samples/downloads/download/Samples/Mobile/SplashScreenExample.zip">SplashScreenExample.zip</a>。</li> | |
<li>解压缩该文件。 </li> | |
<li>"Projects"(项目)窗口应如下所示: | |
<p class="align-center"><img alt="显示 SplashScreen 项目的 "Open Project"(打开项目)窗口。" border="1" src="../../../images_www/articles/70/mobility/splashscreen/splash-open.png"> </p> | |
</li> | |
<li>在 "Projects"(项目)窗口中,右键单击项目节点,然后选择 "Run Project"(运行项目)(或按 F6 键)。当应用程序运行时,将会打开一个仿真器窗口,其中显示了在默认设备仿真器中运行的应用程序。 </li> | |
<li>在仿真器窗口中,单击 "Launch" 下面的按钮。仿真器将显示一个闪屏,如下所示: | |
<p class="align-center"><img alt="显示一个闪屏的设备仿真器,指示用户等待十秒钟或按任意键关闭" border="1" src="../../../images_www/articles/70/mobility/splashscreen/splash-emulator.png"></p> | |
</li> | |
</ol> | |
<p class="align-center"><a href="#top">返回页首</a></p> | |
<h2><a name="create"></a>创建包含闪屏定制组件的 Mobile 应用程序 </h2> | |
<div class="indent"> | |
<p>现在,您已看到运行中的 SplashScreen 组件,接下来让我们开始创建此应用程序。要创建此应用程序,请执行以下操作: </p> | |
</div> | |
<ol> | |
<li> <a href="#creating">创建闪屏项目</a></li> | |
<li> <a href="#addpackage">在项目中添加包和 Visual MIDlet</a> | |
</li> | |
<li><a href="#addcomponent">向 MySplashScreenMIDlet 中添加组件</a></li> | |
<li><a href="#timeout">更改 SplashScreen 组件的 "Timeout"(超时)属性</a></li> | |
<li><a href="#addexit">在 "Form"(窗体)组件中添加 "Exit Command"(退出命令)和 "Back Command"(后退命令)</a></li> | |
<li><a href="#addimage">添加 "Image"(图像)资源</a></li> | |
<li><a href="#bindimage">将图像绑定到组件</a></li> | |
<li><a href="#connect">连接组件</a></li> | |
<li><a href="#run">运行项目</a></li> | |
</ol> | |
<h3 class="tutorial"><a name="creating"></a>创建闪屏项目</h3> | |
<ol> | |
<li> 选择 <tt>File</tt>(文件)> <tt>New Project</tt>(新建项目)(Ctrl-Shift-N 组合键)。在 "Categories"(类别)下,选择 "Java ME"。在 "Projects"(项目)下,选择 "Mobile Application"(Mobile 应用程序),然后单击 "Next"(下一步)。 </li> | |
<li> 在 "Project Name"(项目名称)字段中键入 <code>SplashScreenExample</code>。将 "Project Location"(项目位置)更改为系统中的某个目录。此目录称为 <tt>$PROJECTHOME</tt>。 </li> | |
<li> 取消选中 "Create Hello MIDlet"(创建 Hello MIDlet)复选框。单击 "Next"(下一步)。 </li> | |
<li> 将 "Sun Java Wireless Toolkit 2.5.2" 保留为选定的仿真器平台。单击 "Finish"(完成)。 </li> | |
<!--li> Click Finish on the Add Additional Configurations dialog to create the project. | |
The Projects window displays the project sources and metadata such | |
as the project Ant script. The application itself is displayed in the Flow | |
Design window of the Visual Mobile Designer. </li--> | |
</ol> | |
<h3 class="tutorial"><a name="addpackage"></a>在项目中添加包和 Visual MIDlet</h3> | |
<ol> | |
<li> 在 "Project"(项目)窗口中选择 <code>SplashScreenExample</code> 项目,然后选择 <tt>File</tt>(文件)> <tt>New File</tt>(新建文件)(Ctrl-N 组合键)。在 "Categories"(类别)下,选择 "Java"。在 "File Types"(文件类型)下,选择 "Java Package"(Java 包)。单击 "Next"(下一步)。 </li> | |
<li> 在 "Package Name"(包名)字段中输入 <code>splashscreenexample</code>。单击 "Finish"(完成)。 </li> | |
<li> 在 "Project"(项目)窗口中选择 <code>splashscreenexample</code> 包,然后选择 <tt>File</tt>(文件)> <tt>New File</tt>(新建文件)(Ctrl-N 组合键)。在 "Categories"(类别)下,选择 "MIDP"。在 "File Types"(文件类型)下,选择 "Visual MIDlet"。单击 "Next"(下一步)。 </li> | |
<li> 分别在 "MIDlet Name"(MIDlet 名称)和 "MIDP Class Name"(MIDP 类名)字段中输入 <code>MySplashScreenMIDlet</code>。单击 "Finish"(完成)。 </li> | |
</ol> | |
<h3 class="tutorial">在 MySplashScreenMIDlet 中添加组件<a name="addcomponent"></a></h3> | |
<ol> | |
<li> 将 Visual MIDlet 切换至 "Flow"(流)窗口。将以下屏幕组件从组件面板拖放至 "Flow"(流)设计器中: | |
<ul> | |
<li>Splash Screen(闪屏)</li> | |
<li>Form(窗体)</li> | |
</ul> | |
</li> | |
<li> 下图显示了 "Flow"(流)设计器中的 "Splash Screen"(闪屏)组件: | |
<p class="align-center"><img alt="VMD 中显示所选组件的 "Flow"(流)设计视图" border="1" src="../../../images_www/articles/70/mobility/splashscreen/splash-flowscreen.png"></p></li> | |
<li>选择 <tt>splashScreen1</tt> 组件。在此组件的 "Properties"(属性)窗口中,将其 "Title"(标题)属性更改为 <code>Splash Screen</code>,然后在其<tt>文本</tt>属性中输入 <code>Wait for 10 sec. or press a key to close it</code>。</li> | |
<li>选择窗体组件,然后将其 "Title"(标题)属性更改为 <code>Form</code>。</li> | |
<li>在 "Flow"(流)窗口中双击窗体组件以切换至 "Screen"(屏幕)设计器。</li> | |
<li>从组件面板的 "Form Items"(窗体项)类别中选择 <tt>StringItem</tt> 组件,然后将其拖放至 form1 中。</li> | |
<li>在屏幕设计器中双击 <tt>stringItem1</tt>。删除 <tt>stringItem1</tt> 标题并将 <code><Enter Text></code> 更改为 <code>Press Exit to close application</code>。</li> | |
</ol> | |
<h3 class="tutorial">更改 SplashScreen 组件的 "Timeout"(超时)属性<a name="timeout"></a></h3> | |
<ol> | |
<li>在可视 Mobile 设计器窗口的顶部选择 "Flow"(流)以重新打开 "Flow"(流)设计视图。</li> | |
<li>选择 "Splash Screen"(闪屏)组件。 </li> | |
<li>在 "Properties"(属性)窗口中,找到 <tt>Timeout</tt>(超时)属性,并将该属性从 <tt>5000</tt> 毫秒更改为 <tt>10000</tt> 毫秒。</li> | |
</ol> | |
<h3 class="tutorial">在 "Form"(窗体)组件中添加 "Exit Command"(退出命令)和 "Back Command"(后退命令)<a name="addexit"></a></h3> | |
<p>从组件面板的 "Commands"(命令)类别中选择 <tt>Exit Command</tt>(退出命令),然后将其拖放至 form1 组件中。 </p> | |
<h3 class="tutorial">添加 "Image"(图像)资源<a name="addimage"></a></h3> | |
<ol> | |
<li> | |
将 <tt>splash.png</tt> 文件复制到 <code>$PROJECTHOME/src/splashscreenexample</code> 文件夹中。 | |
</li> | |
<li> 右键单击 <tt>splashScreen</tt> 组件,然后在弹出式菜单中选择 "Properties"(属性)。 </li> | |
<li> | |
在 "Properties"(属性)对话框中,对 "Image"(图像)属性单击省略号按钮 (<img alt="省略号按钮" border="1" src="../../../images_www/articles/70/mobility/splashscreen/ellipsis-button.png">)。 </li> | |
<li> 在 "Image"(图像)对话框中,单击 "Add"(添加)。<br> 此时将添加 image1 组件。</li> | |
<li>在 "Open"(打开)对话框中,指定复制的 <tt>splash.png</tt> 文件的路径。<br> 此时将添加图像。</li> | |
<li>单击 "OK"(确定)以关闭 "Open"(打开)对话框。</li> | |
<li>单击 "Close"(关闭)以关闭 "Properties"(属性)对话框。</li> | |
</ol> | |
<a name="bindimage"></a> | |
<h3 class="tutorial">将图像绑定到组件</h3> | |
<ol> | |
<li> 选择 <tt>splashScreen1</tt> 组件。 </li> | |
<li> 在 "Properties"(属性)窗口中,使用 "Image"(图像)属性的下拉菜单将该属性更改为 "image1"。双击该组件以在屏幕设计器中打开闪屏。闪屏应如下所示。 | |
<p class="align-center"><img alt="显示一个图像以及 "Wait 10 sec. or press a key to close it" 文本的闪屏。" border="1" src="../../../images_www/articles/70/mobility/splashscreen/splash-screendesigner.png"></p> | |
</li> | |
</ol> | |
<h3 class="tutorial">连接组件<a name="connect"></a></h3> | |
<p>在 "Flow"(流)视图中,单击“起点”并将箭头拖至 <tt>splashscreen1</tt> 组件中。采用相同的方法,按照下图所示连接各个组件。</p> | |
<p class="align-center"><img src="../../../images_www/articles/70/mobility/splashscreen/splash-flow.png" border=1></p> | |
<h3 class="tutorial">运行项目<a name="run"></a></h3> | |
<p>按 F6 键以运行主项目。此外,也可以选择 <tt>Run</tt>(运行)> <tt>Run Main Project</tt>(运行主项目)。</p> | |
<h2><a name="javadoc-splashscreen"></a>SplashScreen 组件的 Javadoc</h2> | |
<P>NetBeans IDE 提供了 <tt>SplashScreen</tt> 组件以及可在 VMD 中使用的其他组件的 API Javadoc。阅读 <tt>SplashScreen</tt> 组件的 Javadoc: | |
</P> | |
<OL> | |
<li>将光标放在源代码中的 <tt>SplashScreen</tt> 组件上,然后按 Ctr-Shift-空格组合键;或者选择 <tt>Source</tt>(源)> <tt>Show Documentation</tt>(显示文档)。<br> 此时将在弹出式窗口中显示该元素的 Javadoc。 </li> | |
<li>在弹出式窗口中单击 "Show documentation in external web browser"(在外部 Web 浏览器中显示文档)图标 (<img alt="在外部 Web 浏览器中显示文档" src="../../../images_www/articles/70/mobility/splashscreen/show-doc-button.png">),以在浏览器中查看有关 <tt>SplashScreen</tt> 组件的详细信息。</li> | |
</OL> | |
<div class="feedback-box"><a href="/about/contact_form.html?to=6&subject=Using%20Splash%20Screens%20in%20Java%20ME%20Applications">请将您的反馈意见发送给我们</a></div> | |
<br style="clear:both;" > | |
<p class="align-center"><a href="#top">返回页首</a></p> | |
<h2><a name="nextsteps"></a>另请参见</h2> | |
<ul> | |
<li><a href="../../71/javame/smscomposer.html">可视 Mobile 设计器定制组件:创建 SMS 编写器应用程序</a></li> | |
<li><a href="../../71/javame/filebrowser.html">可视 Mobile 设计器定制组件:创建移动设备文件浏览器</a></li> | |
<li><a href="../../71/javame/pimbrowser.html">可视 Mobile 设计器定制组件:创建个人信息管理器应用程序</a></li> | |
<li><a href="../../71/javame/loginscreen.html">可视 Mobile 设计器定制组件:创建 Mobile 登录屏幕</a></li> | |
<li><a href="../../71/javame/waitscreen.html">可视 Mobile 设计器定制组件:为 Mobile 应用程序创建等待屏幕</a></li> | |
<li><a href="../../71/javame/tableitem.html">可视 Mobile 设计器定制组件:在 Java ME 应用程序中使用表项</a></li> | |
<li><a href="http://wiki.netbeans.org/VisualMobileDesignerPalatteReference">参考:可视 Mobile 设计器组件面板指南</a></li> | |
</ul> | |
<p class="align-center"><a href="#top">返回页首</a></p> | |
</body> | |
</html> |