corner imagecorner image
IDEPlatformPluginsDocs & SupportCommunityPartners

Пользовательские компоненты Visual Mobile Designer: использование экранов заставок в приложениях Java ME

Заставки применяются для улучшения внешнего вида и общего впечатления, производимого приложением. Как правило, заставка используется при запуске программы или для отображения логотипа и информации по продукту и фирме. Она дает пользователям первое представление о приложении. Графический интерфейс Visual Mobile Designer (VMD) в среде NetBeans включает в себя пользовательский компонент SplashScreen в палитре VMD. В данном примере описан принцип создания нового проекта Java ME с применением среды NetBeans, в которой используется компонент SplashScreen. Здесь также объясняется, как использовать функции для разработки и реализации заставок с помощью этого компонента.

Если вы ранее не разрабатывали мобильные приложения в среде NetBeans, начните с изучения Краткого руководства пользователя по NetBeans Java ME MIDP.

Содержание

Содержимое этой страницы относится к среде IDE NetBeans 6.9 и 7.0

Требования

Для работы с этим учебным курсом требуются программное обеспечение и ресурсы, перечисленные ниже.

Программное обеспечение или ресурс Требуемая версия
Среда IDE NetBeans с Java ME версия 6.1 или выше
Комплект для разработки приложений на языке Java (JDK) версия 6 или
версия 5

Установка и выполнение примера приложения

Перед тем как приступить к учебному курсу можно ознакомиться с окончательным результатом этой работы.

Для установки примера приложения "SplashScreen" выполните следующие действия.

  1. Загрузите файл SplashScreen.zip.
  2. Распакуйте файл.
  3. В среде IDE выберите "File" > "Open Project" и перейдите к папке с распакованным файлом.
  4. Откройте проект. На экране должно быть следующее:

    5. Окно "Open Project", отображающее проект "SplashScreen".

  5. В окне "Projects" щелкните узел проекта правой кнопкой мыши и выберите "Run Project" (или нажмите клавишу F6). После запуска приложения откроется окно эмулятора, отображающее это приложение, которое выполняется в эмуляторе устройства по умолчанию.
  6. В окне эмулятора нажмите кнопку под элементом "Launch." Эмулятор отображает экран заставки, как показано ниже:

    Эмулятор устройства с экраном заставки, сообщающей пользователю о том, что необходимо подождать десять секунд или нажать клавишу, чтобы закрыть его

Создание мобильного приложения с использованием пользовательского компонента SplashScreen

Теперь, после ознакомления с компонентом SplashScreen, вернемся к началу и создадим данное приложение. Для создания приложения необходимо выполнить следующие действия.

  1. Создайте проект "SplashScreen".
  2. Добавьте к проекту пакеты и визуальный мидлет.
  3. Добавьте к проекту "MySplashScreenMidlet" компоненты.
  4. Измените свойство "Timeout" компонента SplashScreen.
  5. Добавьте к компоненту Form команды "Exit" и "Back".
  6. Добавьте изображения к экрану заставки.
  7. Соедините компоненты.
  8. Запустите проект.

Создание проекта "SplashScreen"

  1. Выберите "File" > "New Project" (Ctrl+Shift+N). В разделе "Categories" выберите "Java ME". В разделе "Projects" выберите "Mobile Application" и нажмите "Next".
  2. Введите SplashScreenExample в поле "Project Name". В поле "Project Location" укажите локальный каталог. Данный каталог называется $PROJECTHOME.
  3. Снимите флажок с параметра "Create Hello MIDlet". Нажмите кнопку "Next".
  4. Оставьте "Sun Java Wireless Toolkit 2.52" в качестве выбранной платформы эмулятора. Нажмите кнопку "Finish".

Добавление пакетов и визуального мидлета к проекту

  1. Выберите проект SplashScreenExample в окне "Project", затем выберите "File" > "New File" (Ctrl+N). В области "Categories" выберите "Java". В разделе "File Types" выберите "Java Package". Нажмите кнопку "Next".
  2. Введите splashscreenexample в поле "Package Name". Нажмите кнопку "Finish".
  3. Выберите пакет splashscreenexample в окне "Project", затем выберите "File" > "New File" (Ctrl+N). В разделе "Categories" выберите "MIDP". В разделе "File Types" выберите "Visual MIDlet". Нажмите кнопку "Next".
  4. Введите MySplashScreenMIDlet в поля "MIDlet Name" и "MIDP Class Name". Нажмите кнопку "Finish".

Добавление компонентов к проекту "MySplashScreenMidlet"

  1. Переключите визуальный мидлет на окно "Flow". Перетащите следующие компоненты "Screen" из окна "Palette" в окно "Flow Designer":
    • Splash Screen;
    • Form.
  2. Компонент Splash Screen, отображаемый в окне "Flow Designer":

    Представление "Flow design" в VMD, показывающее выбранные компоненты

  3. Выберите компонент splashScreen1. В окне "Properties" этого компонента измените свойство "Title" на Splash Screen и введите Wait for 10 sec. or press a key to close it в поле свойства "Text".
  4. Выберите компонент Form и измените его свойство "Title" на Form.
  5. Для переключения на окно "Screen Designer" дважды щелкните компонент Form.
  6. Выберите компонент StringItem из раздела "Form Items" в окне "Palette" и перетащите его в компонент form1.
  7. Дважды щелкните компонент stringItem1 в окне "Screen Designer". Удалите элемент title("stringItem1") и измените <Enter Text> на Press Exit to close application.

Изменение свойства "Timeout" компонента SplashScreen

  1. Для повторного открытия представления "Flow Design" выберите "Flow" вверху окна "Visual Mobile Designer".
  2. Выберите компонент Splash Screen.
  3. В окне "Properties" найдите свойство "Timeout" и измените его с 5000 на 10000 миллисекунд.

Добавление команд "Exit" и "Back" к компоненту Form

  1. Выберите команду "Exit" из раздела "Commands" в окне "Palette" и перетащите ее в компонент form1.

Добавление изображения

  1. Скопируйте файл splash.png в папку $PROJECTHOME/src/splashscreenexample.
  2. Щелкните элемент "Resources" правой кнопкой мыши и выберите "Add" > "Image".
  3. Выберите из всплывающего меню параметр "Add", затем команду "Image".
  4. Выберите image1 в окне "Project".
  5. В окне "Properties" выберите "Resource Path", затем – splash.png.

Привязка изображения к компоненту

  1. Выберите компонент splashScreen1[SplashScreen].
  2. Для изменения свойства "Image" на image1 используйте раскрывающееся меню в окне "Properties". Для открытия экрана заставки в "Screen Designer" дважды щелкните компонент. На экране должно быть следующее:

    3. Экран заставки с изображением и текстом "Wait 10 sec. or press a key to close it."

Соединение компонентов

  1. В представлении "Flow" щелкните команду "Start Point" и перетащите стрелку к компоненту splashscreen1. Аналогичным образом соедините другие компоненты, как показано на следующем рисунке.

Запуск проекта

  1. Для запуска главного проекта нажмите клавишу <F6> или

    выберите "Run" > "Run Main Project".


Дополнительные учебные курсы по пользовательским компонентам NetBeans Java ME