blob: d6523f6dc214c02c12c0cae6a16da3ea704b1238 [file] [log] [blame]
<!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>&lt;Enter Text&gt;</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>