<!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 — Учебный курс по 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) — это графический интерфейс NetBeans Mobility, который позволяет разрабатывать мобильные приложения, используя функцию перетаскивания компонентов. VMD позволяет определять структуру приложений и создавать собственный интерфейс пользователя с помощью компонентов среды IDE или с помощью самостоятельно созданных компонентов. VMD содержит различные стандартные компоненты интерфейса пользователя, которые используются для создания приложений (например списки, предупреждения, формы и изображения). В него также входят особые компоненты, которые упрощают создание более сложных элементов (экранов ожидания, заставок, элементов таблицы и пр.).</p> | |
<P>SMS Composer — это настраиваемый компонент, предоставляющий механизм и пользовательский интерфейс для отправки коротких сообщений 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> > <tt>Открыть проект</tt> и перейдите к папке, содержащей распакованные файлы с проектом <tt>SMSComposerExample</tt>.</LI> | |
<li>Нажмите кнопку "Open Project".<br> | |
Окно "Проекты" должно выглядеть следующим образом: | |
<p class="align-center"> <img src="../../../images_www/articles/71/mobility/smscomposer/sms-project.png" alt="Окно "Проекты" с открытым проектом SMS Composer" border=1></p> </LI> | |
<LI>В окне "Проекты" нажмите узел проекта правой кнопкой мыши и выберите команду <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>Для закрытия приложения нажмите кнопку под элементом "Exit". </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> > <tt>Создать проект (CTRL+SHIFT+N)</tt>. В разделе "Категории" выберите JavaME. В разделе "Проекты" выберите "Приложение Mobile" и нажмите кнопку "Далее". </LI> | |
<LI>В поле "Имя проекта" введите <CODE>SMSComposerExample</CODE>. В поле "Project Location" укажите локальный каталог. Далее этот каталог будет называться каталогом <code>$PROJECTHOME</code>. </LI> | |
<LI>Снимите флажок с параметра "Create Hello MIDlet". Нажмите кнопку "Далее". </LI> | |
<LI>Оставьте Sun Java Wireless Toolkit в качестве выбранной платформы эмулятора. Нажмите кнопку "Далее". </LI> | |
<LI>Нажмите кнопку "Готово". </LI> | |
<p class="notes"><b>Примечание.</b> Папка проекта содержит все исходные файлы и метаданные проекта (например, сценарий Ant для этого проекта). </p> | |
</OL> | |
<A NAME="add"></A> | |
<H3>Добавление пакетов и визуального мидлета в проект</H3> | |
<OL> | |
<LI>В окне "Проекты" выберите проект <CODE>SMSComposerExample</CODE>, затем выберите <tt>Файл</tt> > <tt>Создать файл (CTRL+N)</tt>. В области "Категории" выберите "Java". В разделе "File Types" выберите "Java Package". Нажмите кнопку "Далее". </LI> | |
<LI>В поле "Имя пакета" введите <CODE>smscomposerexample</CODE>. Нажмите кнопку "Готово". </LI> | |
<LI>В окне "Проект" выберите пакет <CODE>smscomposerexample</CODE>, затем выберите <tt>Файл</tt> > <tt>Создать файл (CTRL+N)</tt>. В разделе "Categories" выберите "MIDP". В разделе "File Types" выберите "Visual MIDlet". Нажмите кнопку "Далее". </LI> | |
<LI>В полях "Имя мидлета" и "Имя класса MIDP" введите <CODE>SMSComposerExample</CODE>. Нажмите кнопку "Готово". <br> | |
Приложение отобразится в представлении "Проектирование потока операций" в 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, откройте окно "Свойства", замените значение свойства Text с <tt>null</tt> на <tt>Пример SMS Composer</tt> и нажмите клавишу ВВОД.</LI> | |
<LI>Щелкните элемент alert в окне "Свойства", замените значение свойства Title с <tt>alert</tt> на <tt>alertSent</tt>, Затем замените значение свойства Title c <tt>alert1</tt> на <tt>alertError</tt>. </LI> | |
<LI> | |
Щелкните элемент alert, откройте диалоговое окно "Свойства" и замените значение свойства String на <tt>Сообщение отправлено</tt>. Затем замените значение свойства String в компоненте alertError на значение <tt>Error</tt>.</LI> | |
<LI>Щелкните элемент smsComposer, откройте окно "Свойства" и снимите флажок "Отправлять автоматически" в категории "Свойства SMS". </LI> | |
</OL> | |
<H3><A NAME="addcommands"></A>Добавление команд в проект</H3> | |
<OL> | |
<LI>Откройте Flow Designer.</LI> | |
<LI>Выберите команду "Exit" из раздела "Commands" в окне "Component Palette". Перетащите ее в компонент smsComposer в Flow Designer.</LI> | |
</OL> | |
<A NAME="connect"></A> | |
<H3>Соединение компонентов для создания последовательности действий приложения</H3> | |
<p>Откройте Flow Designer, щелкните элемент "Начальная точка" на мобильном устройстве и перетащите его на компонент 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>В категории "Исходные файлы" в навигаторе щелкните компонент <tt>task</tt> правой кнопкой мыши и выберите команду "Перейти к исходному тексту" во всплывающем меню. В диалоговом окне "Исходный код" найдите раздел <code>// write task-execution user code here"</code> и замените его на <code>smsComposer.sendSMS();</code>. </p> | |
<A NAME="run"></A> | |
<H3>Выполнение проекта</H3> | |
<p>Для запуска главного проекта нажмите клавишу <F6> или выберите <tt>Выполнить</tt> > <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> > <tt>Показать документацию</tt>).<br> | |
Во всплывающем окне появится документация Javadoc по этому элементу. </li> | |
<li>Щелкните значок "Показать документацию во внешнем веб-обозревателе" (<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> |