| <!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>Пользовательские компоненты Visual Mobile Designer: использование экранов заставок в приложениях Java ME – учебный курс по среде IDE NetBeans</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>Пользовательские компоненты Visual Mobile Designer: использование экранов заставок в приложениях Java ME</h1> | |
| <p>Заставки применяются для улучшения внешнего вида и общего впечатления, производимого приложением. Как правило, заставка используется при запуске программы или для отображения логотипа и информации по продукту и фирме. Она дает пользователям первое представление о приложении. Графический интерфейс Visual Mobile Designer (VMD) в среде NetBeans включает в себя пользовательский компонент SplashScreen в палитре VMD. В данном примере описан принцип создания нового проекта Java ME с применением среды NetBeans, в которой используется компонент SplashScreen. Здесь также объясняется, как использовать функции для разработки и реализации заставок с помощью этого компонента.</p> | |
| <p>Если вы ранее не разрабатывали мобильные приложения в среде NetBeans, начните с изучения <A HREF="quickstart.html">Краткого руководства пользователя по NetBeans Java ME MIDP</A>.</p> | |
| <!--<p class="notes"><b>Примечание.</b> При использовании среды IDE NetBeans 6.8 ознакомьтесь учебным курсом <a href="../../68/javame/splashscreen.html">Использование заставки в приложениях Java ME в среде IDE NetBeans 6.8</a>.</p>--> | |
| <h3>Содержание</h3> | |
| <img src="../../../images_www/articles/69/netbeans-stamp-69-70-71.png" class="stamp" alt="Сведения на этой странице относятся к среде IDE NetBeans 6.9 и более поздним версиям" title="Сведения на этой странице относятся к среде IDE NetBeans 6.9 и более поздним версиям" > | |
| <ul> | |
| <li><a href="#sample" title="Установка и выполнение примера приложения">Установка и выполнение примера приложения</a></li> | |
| <li><a href="#create" title="Создание мобильного приложения с использованием пользовательского компонента SplashScreen">Создание мобильного приложения с использованием пользовательского компонента SplashScreen</a> | |
| <div> | |
| <ul> | |
| <LI><A HREF="#create"> Создание проекта SplashScreenExample</A> </LI> | |
| <LI><A HREF="#add">Добавление пакетов и визуального мидлета к проекту</A> </LI> | |
| <li><a href="#addcomponent">Добавление компонентов к проекту MySplashScreenMidlet</a></li> | |
| <li><a href="#timeout">Изменение свойства "Timeout" компонента SplashScreen</a></li> | |
| <li><a href="#addexit">Добавление команд "Exit" и "Back" к компоненту Form</a></li> | |
| <li><a href="#addimage">Добавление изображения</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="Документация Java для компонента SplashScreen">Документация Java для компонента SplashScreen</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">Среда IDE NetBeans с Java ME</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 src="../../../images_www/articles/71/mobility/splashscreen/splash-open.png" border=1 alt="Окно "Open Project", отображающее проект "SplashScreen". " > </p> | |
| </li> | |
| <li>В окне "Projects" (Проекты) щелкните правой кнопкой мыши узел проектов и выберите "Run Project" (Выполнить проект) (или нажмите F6). После запуска приложения откроется окно эмулятора, отображающее это приложение, которое выполняется в эмуляторе устройства по умолчанию. </li> | |
| <li>В окне эмулятора нажмите кнопку под элементом "Launch." Эмулятор отображает экран заставки, как показано ниже: | |
| <p class="align-center"><img src="../../../images_www/articles/71/mobility/splashscreen/splash-emulator.png" border=1 alt="Эмулятор устройства с экраном заставки, сообщающей пользователю о том, что необходимо подождать десять секунд или нажать клавишу, чтобы закрыть его"></p> | |
| </li> | |
| </ol> | |
| <p class="align-center"><a href="#top">В начало</a></p> | |
| <h2><a name="create"></a>Создание мобильного приложения с использованием пользовательского компонента SplashScreen </h2> | |
| <div class="indent"> | |
| <p>Теперь, после ознакомления с компонентом SplashScreen, вернемся к началу и создадим данное приложение. Для создания приложения необходимо выполнить следующие действия. </p> | |
| </div> | |
| <ol> | |
| <li> <a href="#creating">Создайте проект "SplashScreen"</a>.</li> | |
| <li> <a href="#addpackage">Добавление пакетов и визуального мидлета к проекту</a> | |
| </li> | |
| <li><a href="#addcomponent">Добавьте к проекту "MySplashScreenMidlet" компоненты</a>.</li> | |
| <li><a href="#timeout">Изменение свойства "Timeout" компонента SplashScreen</a></li> | |
| <li><a href="#addexit">Добавление команд "Exit" и "Back" к компоненту Form</a></li> | |
| <li><a href="#addimage">Добавление изображения</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>Создание проекта "SplashScreen"</h3> | |
| <ol> | |
| <li> Выберите <tt>File</tt> > <tt>New Project (Файл > Новый проект) (CTRL+SHIFT+N)</tt>. В разделе "Категории" выберите "Java ME". В разделе "Projects" выберите "Mobile Application" и нажмите "Next". </li> | |
| <li> Введите <code>SplashScreenExample</code> в поле "Project Name". В поле "Project Location" укажите локальный каталог. Этот каталог называется <tt>$PROJECTHOME</tt>. </li> | |
| <li> Снимите флажок с параметра "Create Hello MIDlet". Нажмите кнопку "Далее". </li> | |
| <li> Оставьте "Sun Java Wireless Toolkit 2.5.2" в качестве выбранной платформы эмулятора. Нажмите кнопку "Готово". </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>Добавление пакетов и визуального мидлета к проекту</h3> | |
| <ol> | |
| <li> Выберите проект <code>SplashScreenExample</code> в окне "Project" (Проекты), затем выберите <tt>File</tt> > <tt>New File (Файл > Создать файл) (CTRL+N)</tt>. В области "Категории" выберите "Java". В разделе "File Types" выберите "Java Package". Нажмите кнопку "Next". </li> | |
| <li> Введите <code>splashscreenexample</code> в поле "Package Name". Нажмите кнопку "Готово". </li> | |
| <li> Выберите проект <code>splashscreenexample</code> в окне "Project" (Проекты), затем выберите <tt>File</tt> > <tt>New File (Файл > Создать файл) (CTRL+N)</tt>. В разделе "Categories" выберите "MIDP". В разделе "File Types" выберите "Visual MIDlet". Нажмите кнопку "Next". </li> | |
| <li> Введите <code>MySplashScreenMIDlet</code> в поля "MIDlet Name" и "MIDP Class Name". Нажмите кнопку "Finish". </li> | |
| </ol> | |
| <h3 class="tutorial">Добавление компонентов к проекту "MySplashScreenMidlet"<a name="addcomponent"></a></h3> | |
| <ol> | |
| <li> Переключите визуальный мидлет на окно "Flow". Перетащите следующие компоненты "Screen" из окна "Palette" в окно "Flow Designer": | |
| <ul> | |
| <li>Splash Screen;</li> | |
| <li>Form.</li> | |
| </ul> | |
| </li> | |
| <li> Компонент Splash Screen, отображаемый в окне "Flow Designer": | |
| <p class="align-center"><img src="../../../images_www/articles/71/mobility/splashscreen/splash-flowscreen.png" border=1 alt="Представление "Flow design" в VMD, показывающее выбранные компоненты" ></p></li> | |
| <li>Выберите компонент <tt>splashScreen1</tt>. В окне "Properties" этого компонента измените свойство "Title" на <code>Splash Screen</code> и введите <code>Wait for 10 sec. или нажмите клавишу, чтобы открыть </code>свойство <tt>Text</tt>.</li> | |
| <li>Выберите компонент Form и измените его свойство "Title" на <code>Form</code>.</li> | |
| <li>Для переключения на окно "Screen Designer" дважды щелкните компонент Form.</li> | |
| <li>Выберите компонент <tt>StringItem</tt> в разделе палитры "Form Items" (Элементы формы) и перетащите его в компонент form1.</li> | |
| <li>Дважды щелкните <tt>stringItem1</tt> в Screen Designer. Удалите заголовок <tt>stringItem1</tt> и измените <code><Enter Text></code> на <code>Press Exit to close application</code>.</li> | |
| </ol> | |
| <h3 class="tutorial">Изменение свойства "Timeout" компонента SplashScreen<a name="timeout"></a></h3> | |
| <ol> | |
| <li>Для повторного открытия представления "Flow Design" выберите "Flow" вверху окна "Visual Mobile Designer".</li> | |
| <li>Выберите компонент Splash Screen. </li> | |
| <li>В окне свойств найдите свойство <tt>Timeout</tt> и измените его с <tt>5000</tt> на <tt>10000</tt> миллисекунд.</li> | |
| </ol> | |
| <h3 class="tutorial">Добавление команд "Exit" и "Back" к компоненту Form<a name="addexit"></a></h3> | |
| <p>Выберите <tt>команду "Exit"</tt> в разделе палитры "Commands" (Команды) и перетащите ее в компонент form1. </p> | |
| <h3 class="tutorial">Добавление изображения<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" нажмите знак многоточия (<img src="../../../images_www/articles/71/mobility/splashscreen/ellipsis-button.png" border=1 alt="Знак многоточия" >) напротив свойства "Image" (Изображение). </li> | |
| <li> В диалоговом окне "Image" (Изображение) нажмите кнопку "Add" (Добавить).<br> | |
| Будет добавлен компонент image1.</li> | |
| <li>В диалоговом окне "Open" (Открыть) укажите путь к копируемому файлу <tt>splash.png</tt>.<br> | |
| Будет добавлено изображение.</li> | |
| <li>Нажмите кнопку "ОК", чтобы закрыть диалоговое окно "Open" (Открыть).</li> | |
| <li>Нажмите кнопку "Close", чтобы закрыть диалоговое окно "Properties".</li> | |
| </ol> | |
| <a name="bindimage"></a> | |
| <h3 class="tutorial">Привязка изображения к компоненту</h3> | |
| <ol> | |
| <li> Выберите компонент <tt>splashScreen1</tt>. </li> | |
| <li> Для изменения свойства "Image" на image1 используйте раскрывающееся меню в окне "Properties". Для открытия экрана заставки в "Screen Designer" дважды щелкните компонент. На экране должно быть следующее: | |
| <p class="align-center"><img src="../../../images_www/articles/71/mobility/splashscreen/splash-screendesigner.png" border=1 alt="Экран заставки с изображением и текстом "Wait 10 sec. or press a key to close it."" ></p> | |
| </li> | |
| </ol> | |
| <h3 class="tutorial">Соединение компонентов<a name="connect"></a> </h3> | |
| <p>В представлении потока операций щелкните начальную точку и перетащите стрелку к компоненту <tt>splashscreen1</tt>. Аналогичным образом соедините другие компоненты, как показано на следующем рисунке.</p> | |
| <p class="align-center"><img src="../../../images_www/articles/71/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>Документ Java для компонента SplashScreen</h2> | |
| <P>Среда IDE NetBeans предоставляет документы API Java для компонента <tt>SplashScreen</tt>, а также для других компонентов, которые можно использовать в VMD. Чтобы прочитать документы Java для компонента<tt>SplashScreen</tt>, выполните следующие действия. | |
| </P> | |
| <OL> | |
| <li>Поместите курсор на компоненте <tt>SplashScreen</tt> в исходном коде и нажмите сочетание клавиш CTRL+SHIFT+ПРОБЕЛ (либо выберите <tt>Source</tt> > <tt>Show Documentation (Исходный код > Показать документацию)</tt>.<br> | |
| Документация Java для этого элемента отобразится во всплывающем окне. </li> | |
| <li>Щелкните значок отображения документации во внешнем веб-обозревателе (<img src="../../../images_www/articles/71/mobility/splashscreen/show-doc-button.png" alt="Отобразить документацию во внешнем веб-обозревателе">) во всплывающем меню, чтобы просмотреть подробную информацию по компоненту <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="smscomposer.html">Пользовательские компоненты Visual Mobile Designer: создание приложения редактора сообщений SMS</a></li> | |
| <li><a href="filebrowser.html">Пользовательские компоненты Visual Mobile Designer: создание обозревателя файлов мобильных устройств</a></li> | |
| <li><a href="pimbrowser.html">Пользовательские компоненты Visual Mobile Designer: создание приложения для управления персональной информацией</a></li> | |
| <li><a href="loginscreen.html">Пользовательские компоненты Visual Mobile Designer: создание мобильных экранов входа в систему</a></li> | |
| <li><a href="waitscreen.html">Пользовательские компоненты Visual Mobile Designer: создание экранов ожидания для мобильных приложений</a></li> | |
| <li><a href="tableitem.html">Пользовательские компоненты Visual Mobile Designer: использование элементов таблицы в приложениях Java ME</a></li> | |
| <li><a href="http://wiki.netbeans.org/VisualMobileDesignerPalatteReference">Справочная информация: руководство по компонентам Palette в Visual Mobile Designer</a></li> | |
| </ul> | |
| <p class="align-center"><a href="#top">В начало</a></p> | |
| </body> | |
| </html> |