Een beknopte handleiding voor het ontwikkelen van Android-apps met Google App Inventor

Sinds ik mijn Droid voor het eerst heb ontvangen, ben ik erg benieuwd geweest naar hoe mensen sommige van die geweldige applicaties op en buiten de Android-markt produceren. Ik ben een programmeur, maar geen getalenteerde hacker door een stuk van de verbeelding. Ik heb Visual Basic en Coldfusion onder de knie, maar als het gaat om het schrijven van een geheel nieuwe applicatie die zou werken op een mobiel apparaat, was ik er zeker van dat goed buiten het bereik van mijn mogelijkheden.

Als het gaat om de ontwikkeling van mobiele apps Een korte handleiding voor het ontwikkelen van Android-apps met Google App Inventor Een korte handleiding voor het ontwikkelen van Android-apps Met Google App Inventor Meer lezen, het dichtst bij MUO is Beth's artikel over het ontwikkelen van een iPhone-app Een eenvoudige iPhone-app ontwikkelen & Verzenden naar iTunes Een eenvoudige iPhone-app ontwikkelen en verzenden naar iTunes Meer lezen. Zelfs met de iPhone-aanpak moet je Objective-C leren. Met andere woorden: je moet leren coder te worden. Welnu, voor degenen onder jullie die visuele programmering zoals ik waarderen, dan zul je heel blij zijn te horen dat Android het mogelijk heeft gemaakt voor iedereen met zelfs de meest elementaire programmeerervaring om hun eigen hoge kwaliteit en zeer functionele Android te maken toepassingen. Het geheime wapen voor het ontwikkelen van Android-apps? Het heet de [NIET MEER WORKS] Google App Inventor en het wordt aangeboden door Google Labs.

Google App Inventor instellen

De App Inventor bestaat uit drie delen. Daar is de ontwerptool, de blokken-editor en uiteindelijk je telefoon.

Het eerste dat u hoeft te doen, is uw telefoon instellen. Ga in Instellingen -> Toepassingen en zorg ervoor dat “Onbekende bronnen” is geselecteerd. Hierdoor kan de Blocks Editor zichzelf installeren en communiceren met uw telefoon voor testdoeleinden.

Klik vervolgens op “Ontwikkeling” en zorg ervoor dat je beide hebt ingeschakeld “USB debugging” en “Wakker blijven.”

Raad eens wat, dat is allemaal je moet doen om je telefoon te configureren om met de programmeertools te werken.

Wanneer u zich voor het eerst aanmeldt om de App Inventor te gebruiken, moet u de Block Editor als een van de stappen installeren. Dit is een Java-toepassing die op uw computer wordt geïnstalleerd en biedt u de mogelijkheid om het gedrag van de computer aan te passen “blokken” die u in de ontwerpmodus hebt gemaakt en die rechtstreeks met uw telefoon communiceert.

Zodra u zich heeft aangemeld en u zich in de ontwerptool bevindt, selecteert u gewoon “nieuwe” en noem je eerste project. In dit voorbeeld ga ik aan de slag met een overeenkomende game voor mijn kinderen waarbij ze afbeeldingen van katten moeten matchen op een raster van 3 x 4.

De ontwerptool is veel opgezet als Visual Basic en Visual C ++, waar de objecten die u kunt gebruiken zich aan de linkerkant bevinden, en het ontwerpgebied, of “het formulier” staat in het midden. In dit geval is het formulier het individuele scherm en kunt u meerdere schermen per app gebruiken (vergeet alleen niet om navigatie op te nemen).

Zodra u op een component klikt en deze naar het scherm sleept, wordt deze weergegeven aan de rechterkant van de ontwerp-app onder Components. Onder “eigenschappen” u kunt de oorspronkelijke weergave-eigenschappen van dat onderdeel bekijken en wijzigen.

Nu heb ik in feite een scherm gemaakt met een 3 × 4-tabel (je kunt dit hieronder vinden “Schermopstelling“) en vervolgens heb ik 12 knoppen met afzonderlijke kattenafbeeldingen voor elk toegevoegd “beeld” eigendom van de knoppen.

Zodra u de Blocks-editor gebruikt, kunnen al deze ontwerpeigenschappen worden gewijzigd. Zoals je hieronder kunt zien, heb ik de afbeelding van knop 1 gedefinieerd als een lege afbeelding (die ik in de ontwerpmodus heb geladen als een grijze afbeelding met de naam “Image1”).

Zoals u kunt zien, is alles visueel - hier is geen codering. Onder “Mijn blokken” Ik koos voor de “screen1” component en sleepte het “initialiseren” evenement naar het middelste programmagebied. U moet een gebeurtenis vertellen wat te doen wanneer deze plaatsvindt, dus sleepte ik de eigenschap Button1.Image naar het vak en vertelde hem vervolgens dat die eigenschap moest worden gebruikt “Image1”.

Na ongeveer een uur spelen - ik ben klaar met het programmeren van de initialisatie van alle knoppen wanneer mijn app voor het eerst wordt geladen, en wat ik moet doen als de gebruiker op de eerste knop klikt.

Zoals je ziet, kan zelfs een toepassing als een matching game vereisen dat je elke mogelijkheid zorgvuldig overweegt. U kunt voor alle mogelijkheden programmeren door componentgebeurtenissen te definiëren en te programmeren. Het bovenstaande voorbeeld kan ingewikkeld worden, dus als u net begint, moet u iets eenvoudigs doen zoals het voorbeeld dat Google biedt wanneer u zich voor het eerst aanmeldt. Je kunt daar afstuderen wanneer je vertrouwd bent met het programmeer- en testproces.

Zoals je in de linker navigatiebalk in de ontwerptool kunt zien, heb je toegang tot zo ongeveer alles wat je Android kan doen - sensoren, contactenlijst, videospelers en nog veel meer.

Dus, hier is mijn kunstwerk, geprogrammeerd, getest en uiteindelijk in ongeveer een uur op mijn telefoon geïnstalleerd. Ik moet nog steeds de rest van de knoppen programmeren.

Onnodig te zeggen dat ik het zelfs zou kunnen krijgen iets op mijn telefoon lopen met ongeveer een uur inspanning is indrukwekkend. Ik dacht dat het bijna onmogelijk zou zijn.

Dus meld u aan om een ​​ontwikkelaar te worden en probeer de Google App-ontwikkelaar zelf uit. Je zult misschien verrast zijn, je zult merken dat je enkele van de coolste applicaties creëert die je je kunt voorstellen. Het enige dat nodig is, is een beetje geduld en enige tijd om te spelen met de ontwikkeltools.

Laat het ons weten als je in staat bent om je eigen Android-apps te ontwikkelen en wat je vindt van de tools voor het ontwerpen en blokkeren van redacties in de sectie Reacties hieronder!

Afbeelding tegoed: Svet