blob: 7d024bc26f81cacb6556808c3e0f3aa66e71f334 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved.
-->
<html>
<head>
<title>Особые компоненты Visual Mobile Designer: создание приложения SMS Composer &mdash; Учебный курс по NetBeans Java ME</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<link rel="stylesheet" type="text/css" href="../../../netbeans.css">
<meta name="author" content="Karol Harelzak">
</head>
<BODY>
<a name="top"></a>
<H1>Особые компоненты Visual Mobile Designer: создание приложения SMS Composer </H1>
<p>Visual Mobile Designer (VMD) &mdash; это графический интерфейс NetBeans Mobility, который позволяет разрабатывать мобильные приложения, используя функцию перетаскивания компонентов. VMD позволяет определять структуру приложений и создавать собственный интерфейс пользователя с помощью компонентов среды IDE или с помощью самостоятельно созданных компонентов. VMD содержит различные стандартные компоненты интерфейса пользователя, которые используются для создания приложений (например списки, предупреждения, формы и изображения). В него также входят особые компоненты, которые упрощают создание более сложных элементов (экранов ожидания, заставок, элементов таблицы и пр.).</p>
<P>SMS Composer &mdash; это настраиваемый компонент, предоставляющий механизм и пользовательский интерфейс для отправки коротких сообщений SMS. Этот компонент использует интерфейс API обмена сообщениями по беспроводной сети <a href="http://jcp.org/en/jsr/detail?id=120">JSR-120</a>. Этот интерфейс API не входит в спецификацию MIDP 2.0, поэтому этот настраиваемый компонент может развертываться только на устройствах со встроенной поддержкой JSR-120.</P>
<P>В этом учебном курсе демонстрируется использование компонента SMS Composer в мобильном приложении для устройств с поддержкой интерфейса Wireless Messaging API (WMA). Здесь будут рассмотрены основные функции этого компонента, а также отправка сообщений SMS. </P>
<P>Помимо особого компонента SMS Composer, необходимо использовать два других компонента MIDP: заставку и предупреждение.
</P>
<!--<p class="notes"><b>Примечание.</b> При использовании среды IDE NetBeans 6.8 воспользуйтесь учебным курсом <a href="../../68/javame/smscomposer.html">Создание приложения SMS Composer в среде IDE NetBeans 6.8</a>.</p>-->
<p><b>Содержание</b></p>
<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 class="class">
<li><a href="#sample-app">Установка и выполнение примера приложения</a></li>
<li><a href="#create-app">Создание приложения с компонентом SMS Composer</a></li><div>
<ul>
<LI><A HREF="#create">Создание проекта SMSComposerExample</A> </LI>
<LI><A HREF="#add">Добавление пакетов и визуального мидлета в проект</A> </LI>
<LI><A HREF="#addcomponent">Добавление компонентов в проект</A> </LI>
<LI><A HREF="#addcommands">Добавление команд в проект</A> </LI>
<LI><A HREF="#connect">Соединение компонентов для создания последовательности действий приложения</A> </LI>
<LI><A HREF="#insert">Изменение задач для экрана ожидания</A> </LI>
<LI><A HREF="#run">Выполнение проекта</A> </LI>
</ul>
</div>
<li><a href="#javadoc-loginscreen">Документация Javadoc для компонента SMS Composer</a></li>
<li><a href="#see-also">Дополнительные сведения</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>
<a name="sample-app"></a>
<H2>Установка и выполнение примера приложения</H2>
<P>Перед тем как приступить к учебному курсу можно ознакомиться с окончательным результатом этой работы. </P>
<P>Для установки приложения <tt>SMSComposerExample</tt> выполните следующие действия.</P>
<OL>
<LI>Загрузите архив <A HREF="https://netbeans.org/projects/samples/downloads/download/Samples/Mobile/SMSComposerExample.zip">SMSComposerExample.zip</A>.</LI>
<LI>Распакуйте файл. </LI>
<LI>В среде IDE выберите <tt>Файл</tt> &gt; <tt>Открыть проект</tt> и перейдите к папке, содержащей распакованные файлы с проектом <tt>SMSComposerExample</tt>.</LI>
<li>Нажмите кнопку &quot;Open Project&quot;.<br>
Окно &quot;Проекты&quot; должно выглядеть следующим образом:
<p class="align-center"> <img src="../../../images_www/articles/71/mobility/smscomposer/sms-project.png" alt="Окно &quot;Проекты&quot; с открытым проектом SMS Composer" border=1></p> </LI>
<LI>В окне &quot;Проекты&quot; нажмите узел проекта правой кнопкой мыши и выберите команду <tt>Запустить проект</tt> (или нажмите клавишу F6). <br>
После запуска приложения откроется окно эмулятора, отображающее это приложение, которое выполняется в эмуляторе устройства по умолчанию. </LI>
<LI>В окне эмулятора нажмите кнопку под элементом Launch. В эмуляторе отображается компонент экрана заставки, а затем SMS Composer, как показано ниже.
<p class="align-center"><img src="../../../images_www/articles/71/mobility/smscomposer/sms-emulator.png" alt="Эмулятор WTK 2.5, отображающий пример приложения SMS Composer" border=1></p> </LI>
</OL>
<UL>
<LI>Переместите указатель мыши вниз или вверх для перехода к доступным позициям (например, Phone Number или Message). </LI>
<li>Нажмите центральную кнопку, чтобы разрешить редактирование выбранного текстового поля.</li>
<LI>Нажмите кнопку под элементом Send, чтобы отправить сообщение. </LI>
<LI>Для закрытия приложения нажмите кнопку под элементом &quot;Exit&quot;. </LI>
</UL>
<p class="align-center"><a href="#top">В начало</a></p>
<a name="create-app"></a>
<H2 CLASS="western">Создание приложения с настраиваемым компонентом SMS Composer </H2>
<P>После ознакомления с приложением SMS Composer вернемся к началу и создадим данное приложение. Для создания приложения необходимо выполнить действия, указанные ниже. </P>
<OL>
<LI><A HREF="#create">Создать проект SMSComposerExample</A> </LI>
<LI><A HREF="#add">Добавить пакеты и визуальный мидлет в проект</A> </LI>
<LI><A HREF="#addcomponent">Добавить компоненты в проект</A> </LI>
<LI><A HREF="#addcommands">Добавить команды в проект</A> </LI>
<LI><A HREF="#connect">Соединить компоненты для создания потока операций</A> </LI>
<LI><A HREF="#insert">Изменить задачи для экрана ожидания</A> </LI>
<LI><A HREF="#run">Запустите проект</A>. </LI>
</OL>
<A NAME="create"></A>
<H3>Создание проекта SMSComposerExample</H3>
<OL>
<LI>Выберите <tt>Файл</tt> &gt; <tt>Создать проект (CTRL+SHIFT+N)</tt>. В разделе &quot;Категории&quot; выберите JavaME. В разделе &quot;Проекты&quot; выберите &quot;Приложение Mobile&quot; и нажмите кнопку &quot;Далее&quot;. </LI>
<LI>В поле &quot;Имя проекта&quot; введите <CODE>SMSComposerExample</CODE>. В поле &quot;Project Location&quot; укажите локальный каталог. Далее этот каталог будет называться каталогом <code>$PROJECTHOME</code>. </LI>
<LI>Снимите флажок с параметра &quot;Create Hello MIDlet&quot;. Нажмите кнопку &quot;Далее&quot;. </LI>
<LI>Оставьте Sun Java Wireless Toolkit в качестве выбранной платформы эмулятора. Нажмите кнопку &quot;Далее&quot;. </LI>
<LI>Нажмите кнопку &quot;Готово&quot;. </LI>
<p class="notes"><b>Примечание.</b> Папка проекта содержит все исходные файлы и метаданные проекта (например, сценарий Ant для этого проекта). </p>
</OL>
<A NAME="add"></A>
<H3>Добавление пакетов и визуального мидлета в проект</H3>
<OL>
<LI>В окне &quot;Проекты&quot; выберите проект <CODE>SMSComposerExample</CODE>, затем выберите <tt>Файл</tt> &gt; <tt>Создать файл (CTRL+N)</tt>. В области &quot;Категории&quot; выберите &quot;Java&quot;. В разделе &quot;File Types&quot; выберите &quot;Java Package&quot;. Нажмите кнопку &quot;Далее&quot;. </LI>
<LI>В поле &quot;Имя пакета&quot; введите <CODE>smscomposerexample</CODE>. Нажмите кнопку &quot;Готово&quot;. </LI>
<LI>В окне &quot;Проект&quot; выберите пакет <CODE>smscomposerexample</CODE>, затем выберите <tt>Файл</tt> &gt; <tt>Создать файл (CTRL+N)</tt>. В разделе &quot;Categories&quot; выберите &quot;MIDP&quot;. В разделе &quot;File Types&quot; выберите &quot;Visual MIDlet&quot;. Нажмите кнопку &quot;Далее&quot;. </LI>
<LI>В полях &quot;Имя мидлета&quot; и &quot;Имя класса MIDP&quot; введите <CODE>SMSComposerExample</CODE>. Нажмите кнопку &quot;Готово&quot;. <br>
Приложение отобразится в представлении &quot;Проектирование потока операций&quot; в Visual Mobile Designer. </LI>
<p class="align-center"> <img src="../../../images_www/articles/71/mobility/smscomposer/sms-midlet.png" alt="SMSComposerExample в Visual Mobile Designer" border=1></p>
</OL>
<H3><A NAME="addcomponent"></A>Добавление компонентов в проект</H3>
<OL>
<LI>В Flow Designer перетащите следующие компоненты с палитры компонентов.</LI>
<UL>
<LI>Splash Screen;</LI>
<LI>SMS Composer</LI>
<LI>Экран ожидания</LI>
<LI>Предупреждение (2 компонента)</LI>
</UL>
<LI>Щелкните элемент splashScreen, откройте окно &quot;Свойства&quot;, замените значение свойства Text с <tt>null</tt> на <tt>Пример SMS Composer</tt> и нажмите клавишу ВВОД.</LI>
<LI>Щелкните элемент alert в окне &quot;Свойства&quot;, замените значение свойства Title с <tt>alert</tt> на <tt>alertSent</tt>, Затем замените значение свойства Title c <tt>alert1</tt> на <tt>alertError</tt>. </LI>
<LI>
Щелкните элемент alert, откройте диалоговое окно &quot;Свойства&quot; и замените значение свойства String на <tt>Сообщение отправлено</tt>. Затем замените значение свойства String в компоненте alertError на значение <tt>Error</tt>.</LI>
<LI>Щелкните элемент smsComposer, откройте окно &quot;Свойства&quot; и снимите флажок &quot;Отправлять автоматически&quot; в категории &quot;Свойства SMS&quot;. </LI>
</OL>
<H3><A NAME="addcommands"></A>Добавление команд в проект</H3>
<OL>
<LI>Откройте Flow Designer.</LI>
<LI>Выберите команду &quot;Exit&quot; из раздела &quot;Commands&quot; в окне &quot;Component Palette&quot;. Перетащите ее в компонент smsComposer в Flow Designer.</LI>
</OL>
<A NAME="connect"></A>
<H3>Соединение компонентов для создания последовательности действий приложения</H3>
<p>Откройте Flow Designer, щелкните элемент &quot;Начальная точка&quot; на мобильном устройстве и перетащите его на компонент spalshScreen. Аналогичным образом соедините другие компоненты, как показано на следующем рисунке.</p>
<p class="align-center"> <img src="../../../images_www/articles/71/mobility/smscomposer/sms-flow.png" alt="Flow Designer, отображающий компоненты, соединенные командными строками" border=1></p>
<A NAME="insert"></A>
<H3>Изменение задачи для экрана ожидания</H3>
<p>В категории &quot;Исходные файлы&quot; в навигаторе щелкните компонент <tt>task</tt> правой кнопкой мыши и выберите команду &quot;Перейти к исходному тексту&quot; во всплывающем меню. В диалоговом окне &quot;Исходный код&quot; найдите раздел <code>// write task-execution user code here&quot;</code> и замените его на <code>smsComposer.sendSMS();</code>. </p>
<A NAME="run"></A>
<H3>Выполнение проекта</H3>
<p>Для запуска главного проекта нажмите клавишу &lt;F6&gt; или выберите <tt>Выполнить</tt> &gt; <tt>Выполнить главный проект</tt>.</p>
<p class="align-center"><a href="#top">В начало</a></p>
<a name="javadoc-loginscreen"></a>
<H2>Документация Javadoc для компонента SMS Composer</H2>
<P>Среда IDE NetBeans предоставляет документацию Javadoc по интерфейсу API для компонента <tt>SMSComposer</tt>, а также для других компонентов, которые можно использовать в VMD. Для ознакомления с Javadoc для компонента <tt>SMSComposer</tt> выполните следующие действия.
</P>
<OL>
<li>Поместите курсор на компонент <tt>SMSComposer</tt> в исходном коде и нажмите сочетание клавиш CTRL+SHIFT+ПРОБЕЛ (или выберите <tt>Исходный файл</tt> &gt; <tt>Показать документацию</tt>).<br>
Во всплывающем окне появится документация Javadoc по этому элементу. </li>
<li>Щелкните значок &quot;Показать документацию во внешнем веб-обозревателе&quot; (<img src="../../../images_www/articles/71/mobility/smscomposer/show-doc-button.png" alt="Показать документацию во внешнем веб-обозревателе">) во всплывающем меню для просмотра подробной информации о компоненте <tt>SMSComposer</tt> в вашем веб-обозревателе.</li>
</OL>
<p class="align-center"><a href="#top">В начало</a></p>
<div class="feedback-box"><a href="/about/contact_form.html?to=6&subject=NetBeans%20Java%20ME%20Custom%20Component:%20SMS%20Composer">Мы ждем ваших отзывов</a></div>
<br style="clear:both;" >
<a name="see-also"></a>
<H2>Дополнительные сведения</H2>
<UL>
<li><a href="filebrowser.html">Особые компоненты Visual Mobile Designer: создание обозревателя файлов мобильных устройств</a></li>
<li><a href="loginscreen.html">Особые компоненты Visual Mobile Designer: создание мобильных экранов входа в систему</a></li>
<li><a href="pimbrowser.html">Особые компоненты Visual Mobile Designer: создание приложения для управления персональной информацией</a></li>
<li><a href="splashscreen.html">Особые компоненты Visual Mobile Designer: использование экранов заставок в приложениях Java ME</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>