{"id":1111,"date":"2024-09-12T09:03:00","date_gmt":"2024-09-12T07:03:00","guid":{"rendered":"https:\/\/www.pinguytaz.net\/?p=1111"},"modified":"2024-09-10T02:08:56","modified_gmt":"2024-09-10T00:08:56","slug":"crear-extensiones-para-appinventor-primera-extension-2","status":"publish","type":"post","link":"https:\/\/www.pinguytaz.net\/index.php\/2024\/09\/12\/crear-extensiones-para-appinventor-primera-extension-2\/","title":{"rendered":"Crear extensiones para AppInventor (Primera extensi\u00f3n) 2"},"content":{"rendered":"\n

El fuente de esta primera extensi\u00f3n lo podemos encontrar en https:\/\/github.com\/pinguytaz\/extAppInventor\/blob\/main\/Ejemplos\/src\/losejemplos\/Ej1.java<\/a> y comenzamos con la explicaci\u00f3n<\/p>\n\n\n\n

Lo primero es generar el entorno de trabajos, que como comentamos en el anterior POST es muy sencillo.<\/p>\n\n\n\n

git clone --recurse-submodules https:\/\/github.com\/mit-cml\/extension-template.git Ejemplos<\/code><\/pre>\n\n\n\n
Esto nos genera un fichero Ejemplos desde el que lanzaremos nuestros comando \u00abant\u00bb. Como nuestra intenci\u00f3n es generar nuestros ejemplos en un paquete llamado \u00ablosejemplo<\/strong>\u00bb crearemos este directorio por debajo de src<\/strong> y sera en este donde coloquemos nuestros ficheros .java con las clases de extensiones que creemos.<\/p>\n\n\n\n
cd Ejemplos\nmkdir src\/losejmplos<\/code><\/pre>\n\n\n\n
Creamos el fichero src\/losejemplos\/Ej1.java, podemos descargarlo del enlace que dimos al principio, que creara la extensi\u00f3n Ej1.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
 Esta extensi\u00f3n tendr\u00e1 una \u00fanica funci\u00f3n que se representa en el dise\u00f1ador se representa con color morado, como podemos ver.<\/p>\n\n\n\n
La funci\u00f3n, llamada Cadena,  es muy sencilla recibe un String (par\u00e1metro texto) y retorna un String.<\/p>\n\n\n\n
public String Cadena(String texto) { ..... }<\/code><\/pre>\n\n\n\n
Antes de llegar a definir la funci\u00f3n debemos explicar una serie de cosas:<\/p>\n\n\n\n
Lo primero sera definir el paquete (package losejemplos) e importar las librerias necesarias, tanto de appinventor (como es nuestro caso) como las librer\u00edas de diandro que necesitemos (ejemplo android.nfc.Tag si vamos a trabajar con NFC) y las nuestras.<\/p>\n\n\n\n
package losejemplos;\n\n\/\/ Importaci\u00f3n minima para clases internas y anaotaciones de AI2\nimport com.google.appinventor.components.annotations.DesignerComponent;  \/\/ Componente que aparece en el dise\u00f1ador \nimport com.google.appinventor.components.runtime.AndroidNonvisibleComponent;\nimport com.google.appinventor.components.annotations.SimpleObject;\nimport com.google.appinventor.components.runtime.ComponentContainer;\nimport com.google.appinventor.components.common.ComponentCategory;\nimport com.google.appinventor.components.annotations.SimpleFunction;     \/\/ Ya que definimos una funci\u00f3n\n<\/code><\/pre>\n\n\n\n
Luego generamos unas anotaciones que nos permiten que el componente aparezca en el dise\u00f1ador, aunque en nuestro caso sea un componente no visible.<\/p>\n\n\n\n
@DesignerComponent(version = 1,\n                    category = ComponentCategory.EXTENSION,\n                    description = \"Un ejemplo simple\",\n                    nonVisible = true,\n                    iconName = \"\")\n@SimpleObject(external = true)<\/code><\/pre>\n\n\n\n
Informaci\u00f3n de las anotaciones se pueden ver en los enlaces: https:\/\/appinventor.mit.edu\/blogs\/evan\/2023\/04\/10\/overview-app-inventor-sources-components<\/a> y en https:\/\/docs.google.com\/document\/d\/1UsjVC6bjf4rKPLP6FULUPeB6C8O-A5GbpYjvvwqTYK8\/edit<\/a><\/p>\n\n\n\n
La primera anotaci\u00f3n @DesignerComponent()<\/strong> que indica que aparecer\u00e1 en la paleta del dise\u00f1ador y definiremos informaci\u00f3n que nos mostrara como:<\/p>\n\n\n\n