Основы работы с App Inventor Java Bridge

Для начала определимся с тем, где и как будет создаваться интерфейс и программная логика будущих приложений. Интерфейс можно создавать визуально в дизайнере App Inventor (AI) или невизуально путём кодирования. Программную логику также можно реализовать визуально в редакторе блоков AI или в коде. Если в качестве IDE выбрать Android Studio (AS), то станут возможны следующие варианты:

Первый вариант можно использовать для создания набросков и изучения работы Java-моста. Для работы над реальными проектами он не годится по следующим причинам:

Проще говоря, чем меньше используется генератор Java-кода, тем меньше странностей и сюрпризов будет в последнем.

Интерфейсную часть приложения можно создавать:

Каждый из этих подходов имеет преимущества, но последний вариант в некоторых случаях позволяет заметно упростить и повысить эффективность работы, как будет вскоре показано.

package droidscript.ru.redclick;

//+++ импорт используемых классов

import android.widget.Toast;
import com.google.appinventor.components.runtime.HandlesEventDispatching;
import com.google.appinventor.components.runtime.EventDispatcher;
import com.google.appinventor.components.runtime.Form;
import com.google.appinventor.components.runtime.Button;
import com.google.appinventor.components.runtime.Component;

//--- импорт используемых классов

public class Screen1 extends Form implements HandlesEventDispatching {

//+++ объявление экземпляров классов

private Button Button1;
    private Button Button2;

//--- объявление экземпляров классов

protected void $define() {

//+++ создание экземпляров классов и настройка их свойств

Button1 = new Button(this);
        Button1.Text("Кнопка 1");

Button2 = new Button(this);
        Button2.Text("Кнопка 2");

//--- создание экземпляров классов и настройка их свойств

//+++ регистрация событий

EventDispatcher.registerEventForDelegation( this, "ButtonClick", "Click" );

//--- регистрация событий
    }

public boolean dispatchEvent(Component component, String componentName, String eventName, Object[] params){

//+++ маршрутизация событий

if( component.equals(Button1) && eventName.equals("Click") ){
            Button1Click(component);
            return true;
        }

if( component.equals(Button2) && eventName.equals("Click") ){
            Button2Click(component);
            return true;
        }

//--- маршрутизация событий

return false;
    }

//+++ обработка событий

public void Button1Click(Component p_widget){

Toast.makeText(this, ((Button)p_widget).Text(), Toast.LENGTH_SHORT).show();
    }

public void Button2Click(Component p_widget){

Toast.makeText(this, ((Button)p_widget).Text(), Toast.LENGTH_SHORT).show();
    }

//--- обработка событий
}

Общая последовательность действий выглядит так:

Ключевое слово this в коде является указателем на объект экрана - Screen1 в нашем случае. Названия методов совпадают с названиями полей на панели свойств в дизайнере и названиями свойств в блоках. Например, если в блоке указано свойство BackgroundColor, то и название метода для изменения данного свойства будет BackgroundColor().

В показанном примере интерфейс состоит из двух кнопок и работа с кодом, отвечающая за его создание, не вызывает сложностей.

Предположим, нам необходимо заполнять в приложении 4 текстовых поля для последующей отправки содержащейся в них информации в базу данных или по электронной почте. При использовании AI Java Bridge сгенерированный код будет содержать большой объём дублированного кода, выглядящего так:

Объявление поясняющей надписи 1 для текстового поля 1
Объявление поясняющей надписи 2 для текстового поля 2
Объявление поясняющей надписи 3 для текстового поля 3
Объявление поясняющей надписи 4 для текстового поля 4

Объявление текстового поля 1
Объявление текстового поля 2
Объявление текстового поля 3
Объявление текстового поля 4

Создание поясняющей надписи 1 для текстового поля 1
Создание поясняющей надписи 2 для текстового поля 2
Создание поясняющей надписи 3 для текстового поля 3
Создание поясняющей надписи 4 для текстового поля 4

Создание текстового поля 1
Создание текстового поля 2
Создание текстового поля 3
Создание текстового поля 4

Задание свойства для поясняющей записи 1
Задание свойства для поясняющей записи 2
Задание свойства для поясняющей записи 3
Задание свойства для поясняющей записи 4

Задание свойства текстового поля 1
Задание свойства текстового поля 2
Задание свойства текстового поля 3
Задание свойства текстового поля 4

Создать функцию для очистки всех текстовых полей.

Работать с таким кодом затруднительно, так как любое изменение (добавление/удаление виджетов, выравнивающих контейнеров, свойств и др.) будет требовать просто огромного объёма ручной работы и операций копирования/вставки, чего можно избежать путём программной генерации данного кода. Для этого создадим список имён полей, который затем будет использован для создания всех необходимых виджетов в цикле.

package droidscript.ru.redclick;

import android.widget.Toast;

import com.google.appinventor.components.runtime.HandlesEventDispatching;
import com.google.appinventor.components.runtime.EventDispatcher;
import com.google.appinventor.components.runtime.Form;
import com.google.appinventor.components.runtime.Button;
import com.google.appinventor.components.runtime.Component;
import com.google.appinventor.components.runtime.Label;
import com.google.appinventor.components.runtime.TextBox;

import java.util.ArrayList;
import java.util.HashMap;

public class Screen1 extends Form implements HandlesEventDispatching {

private Button btnClear;
    private ArrayList<Object> nameList;
    private ArrayList<Object> objectList;
    private HashMap< String, String > myMap;

protected void $define() {

this.Sizing("Responsive");
        objectList = (ArrayList<Object>) new ArrayList<Object>();

btnClear = new Button(this);
        btnClear.Text("Очистить");
        btnClear.FontSize(24);

myMap = new HashMap< String, String >();

EventDispatcher.registerEventForDelegation(this, "InitializeEvent", "Initialize" );
        EventDispatcher.registerEventForDelegation( this, "ButtonClick", "Click" );
    }

public boolean dispatchEvent(Component component, String componentName, String eventName, Object[] params){

String _str;
        if( eventName.equals("Click") ){

_str = myMap.get(component.toString());
            if (_str != null){
                switch(_str){
                    case "ФИО": getFIO(_str); break;
                    case "Возраст": getAge(_str); break;
                    case "Специальность": getSpeciality(_str); break;
                    case "Место текущей работы": getJOB(_str); break;
                    case "Домашний телефон": getHomePhone(_str); break;
                    case "Мобильный телефон": getMobilPhone(_str); break;
                    case "Адрес": getAddress(_str); break;
                    default: break;
                }
            }
        }

if( component.equals(this) && eventName.equals("Initialize") ){
            thisInitialize();
            return true;
        }

if( component.equals(btnClear) && eventName.equals("Click") ){
            clearTextBox();
            return true;
        }

return false;
    }

public void thisInitialize(){

createFields();
    }

private void createFields(){

nameList = (ArrayList<Object>) new ArrayList<Object>();
        nameList.add("ФИО");
        nameList.add("Возраст");
        nameList.add("Специальность");
        nameList.add("Место текущей работы");
        nameList.add("Домашний телефон");
        nameList.add("Мобильный телефон");
        nameList.add("Адрес");

Label title;
        TextBox field;
        Button btn;

for (Object i:nameList){

title = new Label(this);
            title.Text(i.toString());

btn = new Button(this);
            btn.Text(i.toString());
            myMap.put(btn.toString(),i.toString());

field = new TextBox(this);
            field.Text(i.toString());

objectList.add(field);
        }
    }

private void clearTextBox(){

for (Object _obj:objectList){

((TextBox)_obj).Text("");
        }
    }

private void getFIO(String p_value ){