Google Git
Sign in
apache / netbeans-website-cleanup / refs/heads/asciidoc-features / . / src / content / kb / 71 / javame / splashscreen_zh_CN.html
blob: 0ef0f99608b6b89f73c100ade6a90c239381794d [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>
<h1>可视化 Mobile 设计器默认组件: 在 Java ME 程序中使用闪屏</h1>
<p>闪屏用于加强一个程序的感观。一般用于程序启动或者显示某个 logo 或者品牌信息。它给予了用户你程序的第一印象。NetBeans 中的可视化 Mobile 设计器 (VMD)
面板中包括了闪屏默认组件。 这个简单的例子向你展示了如何使用 NetBeans 在一个新的 Java ME 项目中创建闪屏。也会教你如何使用这一特性去设计和完成你自己的闪屏。</p>
<p>如果你还不知道如何使用 NetBeans 来开发 Java ME 程序, 在学习本教程前你应该先学习 <A HREF="quickstart_zh_CN.html"> NetBeans Java ME MIDP 开发快速入门</A> 。 <p>
<h3>内容</h3>
<img src="../../../images_www/articles/69/netbeans-stamp-69-70.png" class="stamp" width="114" height="114" alt="本页的内容适用于 NetBeans IDE 6.9 和 7.0" title="本页的内容适用于 NetBeans IDE 6.9 和 7.0">
<ul>
<li><a href="#reqs" title="教程先决条件">教程先决条件</a></li>
<li><a href="#sample" title="安装和运行例子程序">安装和运行例子程序</a></li>
<li><a href="#create" title="使用默认闪屏组件创建 Mobile 程序">使用默认闪屏组件创建 Mobile 程序</a></li>
<li><a href="#nextsteps" title="下一步">下一步</a></li>
</ul>
<h2><a name="reqs"></a>教程需要</h2>
<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.5 或者<br>
版本 6.1</td>
</tr>
<tr>
<td class="tbltd1"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">JDK</a> (JDK)</td>
<td class="tbltd1">版本 6 或者<br>
版本 5</td>
</tr>
</tbody>
</table>
<h2><a name="sample"></a>安装和运行例子程序</h2>
<p>开始之前，我们先看看本教程的最终结果。
<p>按照以下步骤安装闪屏例子程序:</p>
<ol>
<li>下载 <a href="https://netbeans.org/files/documents/4/2010/SplashScreen.zip">
SplashScreen.zip.</a></li>
<li>解压文件 </li>
<li>在 IDE 中, 选择 “文件” &gt; “打开项目” 并且找到包含解压后的文件的文件夹. </li>
<li>打开项目,它将会如下图所示:
<p><img src="../../../images_www/articles/71/mobility/splashscreen/splash-open.png" alt="打开项目窗口显示闪屏项目. " > </p>
</li>
<li>在“项目”窗口,在项目名字上右键并选择“运行项目”（或者按下 F6 键来运行）. 程序运行后，会使用默认的设备模拟器打开一个模拟器窗口并显示该程序运行. </li>
<li>在模拟器窗口选择下方的“运行”按钮,该模拟器显示了一个闪屏,如图所示:
<p><img src="../../../images_www/articles/71/mobility/splashscreen/splash-emulator.png" alt="设备模拟器显示一个闪屏告诉用户等待10秒或者按下关闭按钮" ></p>
</li>
</ol>
<h2><a name="create"></a>使用闪屏默认组件创建一个 Mobile 程序 </h2>
<div class="indent">
<p>现在你已看过闪屏组件的实际情况，让我们开始创建本应用程序。按照以下步骤创建应用程序: </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">改变闪屏组件 Timeout 属性</a></li>
<li><a href="#addexit">为 Form 组件增加“退出”和“后退”命令</a></li>
<li><a href="#addimage">增加图片到闪屏</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> 选择“文件” &gt; “新建项目” (Ctrl-Shift-N)。 在类别中选择“Java ME”。在“项目”中选择“Mobile 应用程序”，点击“下一步”。 </li>
<li> 输入 <code>SplashScreenExample</code> 作为项目名称.改变项目的位置到你系统某个文件夹.这个文件夹叫做 $PROJECTHOME. </li>
<li> 把创建 Hello MIDlet 的小钩去掉. 点击“下一步”. </li>
<li> 保持“Sun Java Wireless Toolkit 2.52”为默认选择的模拟器平台.点击完成.</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> 在项目窗口中选择 <code>SplashScreenExample</code> 项目,
选择“文件” &gt; “新建文件” (Ctrl-N) .在“类别”中选择 Java. 在文件类型中，选择“Java 包”. 点击“下一步”. </li>
<li> 在“包名”项中输入 <code>splashscreenexample</code> . 点击完成. </li>
<li> 在项目窗口中选择<code>splashscreenexample</code> 包, 选择“文件” &gt; “新建文件”(Ctrl-N).在类别中选择 “MIDP”.
在文件类型中选择 “Visual MIDlet”. 点击“下一步”. </li>
<li> 在 “MIDlet 名字” 和 “MIDlet 类名” 中输入 <code>MySplashScreenMIDlet</code> . 点击完成. </li>
</ol>
<h3 class="tutorial">增加组件到 MySplashScreenMidlet<a name="addcomponent"></a></h3>
<ol>
<li> 将你的 Visual MIDlet 转换到“流”视图. 在组件面板中拖拽以下闪屏组件到“流设计器”中:
<ul>
<li>Splash Screen</li>
<li>Form</li>
</ul>
</li>
<li> 在“流设计器”中查看闪屏组件:
<p><img src="../../../images_www/articles/71/mobility/splashscreen/splash-flowscreen.png" alt="VMD 中的流设计视图显示已选择组件" ></p></li>
<li>选择闪屏组件. 在本组件属性中更改“标题”为 <code>Splash Screen</code> 并在“文本”属性中输入 <code>请等待10秒钟. 或点击任意键关闭 </code> </li>
<li>选择“闪屏”组件并更改其“标题”属性为 <code>窗口</code>.</li>
<li>在“流”视图中通过双击“闪屏”组件来转换到“屏幕设计器”</li>
<li>在“面板”中选择“字符串项”组件，并将它拖拽到 form1.</li>
<li>在“屏幕设计器”双击“字符串”. 删除标题("stringItem1")
并更改 <code>&lt;Enter Text&gt;</code> 为 <code>按下退出关闭程序</code>.</li>
</ol>
<h3 class="tutorial">改变闪屏组件 Timeout 属性<a name="timeout"></a></h3>
<ol>
<li>在“可视化设计器”窗口选择“流”来打开“流”设计视图.</li>
<li>选择“闪屏”组件. </li>
<li>在“属性”窗口找到 "Timerout" 属性并将它改为
5000 至 10000 毫秒.</li>
</ol>
<h3 class="tutorial">为 Form 组件增加“退出”和“后退”命令<a name="addexit"></a></h3>
<ol>
<li>
<p>在”面板“中的”命令“部分选择”退出“命令,
并将它拖拽到 form1 组件. </p>
</li>
</ol>
<h3 class="tutorial">增加图片内容<a name="addimage"></a></h3>
<ol>
<li>
复制 <tt>splash.png</tt> 文件到 <code>$PROJECTHOME/src/splashscreenexample</code> 文件夹.
</li>
<li> 在”项目窗口“中的“资源”上右键并选择“增加” &gt;
图片. </li>
<li>
在弹出菜单中选择“增加”，然后选择“图片”.
</li>
<li> 在“项目窗口”选择 <code>image1</code> . </li>
<li> 在属性窗口中, 选择资源路径然后选择 splash.png.
</li>
</ol>
<h3 class="tutorial">绑定图片到组件</h3>
<ol>
<li> 选择 splashScreen1[SplashScreen] 组件. </li>
<li> 在属性窗口中, 使用下拉菜单改变图片属性为 image1.
通过双击该组件就可以在“屏幕设计器”中打开该闪屏.
应该如下图所示.
<p><img src="../../../images_www/articles/71/mobility/splashscreen/splash-screendesigner.png" alt="一个带有一张图片和文本 &quot;Wait 10 sec. or press a key to close it.&quot; 的闪屏" width="288" height="370"></p>
</li>
</ol>
<h3 class="tutorial">关联组件<a name="connect"></a></h3>
<ol>
<li>
<p>在“流”视图中, 在“开始点”中点击然后拖动箭头到 splashscreen1 组件. 用同样的方式, 按照下图所示将所有组件关联起来.</p>
</li>
</ol>
<p><img src="../../../images_www/articles/71/mobility/splashscreen/splash-flow.png" ></p>
<h3 class="tutorial">运行项目<a name="run"></a></h3>
<ol>
<li>
<p>按下 &lt;F6&gt; 运行主项目.</p>
<p> 你也可以选择“运行” &gt; 来运行主项目.</p>
</li>
</ol>
<!--h2><a name="nextsteps"></a>Next Steps: Learn More about the SplashScreen Component</h2>
<p>The NetBeans IDE provides API documentation--javadocs--for the SplashScreen
component, as well as other components you can use in the VMD. To read the
javadocs for the SplashScreen Component: </p>
<ol>
<li> Choose Help &gt; Javadoc References &gt; NetBeans MIDP Components. </li>
<li> Click<code> org.NetBeans.microedition.lcdui</code> and then <code>SplashScreen</code>.
</li>
</ol-->
<div class="feedback-box"><a href="/about/contact_form.html?to=9&subject=Using%20Splash%20Screens%20in%20Java%20ME%20Applications">发送反馈给我们</a></div>
<br style="clear:both;" />
<h2><a name="nextsteps"></a>其它的 NetBeans Java ME 默认组件教程</h2>
<ul>
<li><a href="smscomposer.html">Visual Mobile Designer 默认组件: 创建一个 SMS 编写器程序</a></li>
<li><a href="filebrowser.html">Visual Mobile Designer 默认组件: 创建 Mobile 设备文件浏览器</a></li>
<li><a href="pimbrowser.html">Visual Mobile Designer 默认组件: 创建一个个人信息管理程序</a></li>
<li><a href="loginscreen.html">Visual Mobile Designer 默认组件: 创建 Mobile 登录屏幕</a></li>
<li><a href="waitscreen_zh_CN.html">Visual Mobile Designer 默认组件: 创建 Mobile 程序的等待屏幕</a></li>
<li><a href="tableitem_zh_CN.html">Visual Mobile Designer 默认组件: 在 Java ME 程序中使用“表项”</a></li>
<li><a href="http://wiki.netbeans.org/VisualMobileDesignerPalatteReference">参考: Visual Mobile Designer Palette Guide</a></li>
</ul>
</body>
</html>