Sådan opretter du en Android-app: Alt hvad du behøver at vide

Reklame

Velkommen til MakeUseOfs guide til oprettelse af din egen Android-app. I denne vejledning skal vi se på, hvorfor du ønsker at oprette en egen Android-applikation, nogle muligheder, du har til at opbygge den, og hvordan du gør den tilgængelig for andre.

Introduktion til Android-udvikling

Der er to primære måder at udvikle en Android-app på. Den første er at skrive det fra bunden, sandsynligvis i Java. Men dette antager naturligvis dig allerede ved godt Java eller har tålmodighed til at lære det Så vil du udvikle Android-apps? Her er, hvordan man lærerEfter så mange år kunne man tro, at mobilmarkedet nu er mættet med enhver app, man kan forestille sig - men det er ikke tilfældet. Der er masser af nicher, der stadig skal ... Læs mere inden du dykker ind. Men hvad nu hvis du klør for at komme i gang med det samme?

Den anden mulighed er en af ​​de peg-og-klik-app-buildere, der findes på markedet. Mange af disse er målrettet virksomhedsbrugere (og leveres med en virksomheds prislapp). Men MIT tilbyder sin "App Inventor", et online-værktøj, der giver dig mulighed for at opbygge din app visuelt. Du kan udføre nogle pæne ting med App Inventor, som holder dig travlt, indtil du kan grave i Java og få adgang til alle de magtfulde funktioner på Android-platformen.

I afsnittene nedenfor opbygger vi en prototypeversion af et simpelt "skrapebad" -program, der gemmer teksten, du skriver i den. Vi gør dette først i App Inventor og forhåndsviser resultaterne i en Android-emulator. Derefter udvider vi denne applikation med muligheden for at vælge blandt flere filer, hvilket gør det mere af et "notepad." For denne type forbedring er vi nødt til at dykke ned i Java og Android Studio.

Parat? Lad os komme til det.

Hvorfor udvikle til Android?

Der er en række årsager til, at du ønsker at oprette din egen Android-app, herunder:

• Nødvendighed: Det er trods alt moren til opfindelsen. Måske når du kigger efter din drømme-app i Play Store, indser du, at det er noget, du vil har brug for at bygge dig selv 4 spørgsmål, du skal stille dig selv, før du lærer at kodeAt lære et programmeringssprog er populært. Men er det for alle? Før du forpligter dig til det, skal du stille dig selv følgende spørgsmål og være ærlig. Læs mere fordi ingen andre har endnu.
• Fællesskab: At udvikle noget nyttigt og gøre det tilgængeligt gratis (især som open source) er en fremragende måde at gøre det på deltage i Android- og / eller FOSS-samfundet Hvorfor bidrager folk til open source-projekter?Open source-udvikling er software fremtid. Det er fantastisk for brugere, fordi open source-software normalt er tilgængelig gratis og ofte mere sikker at bruge. Men hvad tvinger udviklere til at bidrage med kode gratis? Læs mere . Uden bidrag fra open source ville der ikke være nogen Linux og uden Linux ville der ikke være nogen Android Er Android virkelig open source? Og betyder det endda noget?Her undersøger vi, om Android virkelig er open source. Når alt kommer til alt er det baseret på Linux! Læs mere (eller i det mindste ingen Android, som vi kender det). Så overvej at give tilbage!
• Læring: Der er kun få bedre måder at få en forståelse af en platform end at udvikle til den. Det kan være til skolen eller din egen nysgerrighed. Og hey, hvis du kan tjene et par dollars fra det i sidste ende, så meget desto bedre.
• monetarisering: På den anden side måske går du på dette for at tjene penge fra starten. Mens Android en gang blev betragtet som det "lavt leje" distrikt af app-indtægter, har dette langsomt været ved at dreje rundt. Business Insider rapporterede i marts at Android-indtægterne forventes at overhale iOS for første gang i 2017.
• Tilføjelse: Udviklere opretter ofte apps generelt som en måde at promovere, få adgang til eller på anden måde supplere et eksisterende produkt eller en service-lignende konsol ledsager apps Få mere ud af din konsol med ledsagende mobile appsEn spilcontroller er ikke en frygtelig fjernbetjening, men den er heller ikke en stor en. En tablet eller i nogle tilfælde en smartphone giver en bedre måde at få adgang til konsolefunktioner. Læs mere og MakeUseOfs egen app.

Uanset hvad din grund er, appudvikling vil udfordre dit design, tekniske og logiske evner. Og resultatet af denne øvelse (en fungerende og nyttig applikation til Android) er en stor præstation, der kan tjene som et porteføljestykke.

Der er mange muligheder for at oprette din app, inklusive forskellige værktøjssæt, programmeringssprog De bedste sprog til mobilappudvikling i 2016Verden for mobilappudvikling går stadig så stærk som nogensinde. Hvis du vil komme i gang, er det ikke for sent! Her er de sprog, du skal tænke på at lære. Læs mere , og udgivelsessteder Google Play vs. Amazon Appstore: Hvilken er bedre?Google Play Store er ikke din eneste mulighed, når det kommer til download af apps - skal du prøve Amazon Appstore? Læs mere . På et højt niveau opdeles disse i følgende to kategorier.

Peg-og-klik-apps

Hvis du er en komplet nybegynder til udvikling, er der miljøer, der giver dig mulighed for at oprette en Android-app på samme måde, som du ville oprette en Powerpoint-præsentation. Du kan vælge kontrolelementer som knapper eller tekstbokse, slippe dem på en skærm (som vist på billedet herunder) og give nogle parametre for, hvordan de skal opføre sig. Alt uden at skrive nogen kode.

Disse typer applikationer har fordelen ved en lav indlæringskurve. Du kan typisk hoppe lige ind og i det mindste begynde at lægge din skærm ud. De tager også meget kompleksitet ud af applikationen, da de er designet til at håndtere tekniske detaljer (som objekttyper eller fejlhåndtering) bag kulisserne. På den anden side betyder denne enkelhed, at du er prisgunstig med værktøjets skaber med hensyn til, hvilke funktioner der understøttes. Derudover er mange af disse værktøjer målrettet mod store virksomheder og kan være dyre.

En undtagelse er MITs App Inventor-webapplikation, som er funktionel og gratis. Når du er logget ind med en Google-konto, kan du klikke sammen en app på et par minutter og få vist preview på den enten på din telefon eller via en Android-emulator.

Skriv fra Scratch

Den anden mulighed er at skrive din ansøgning fra bunden. Dette er sandsynligvis anderledes end hvad du forestiller dig - det er ikke som filmene viser det Hollywood Hacks: Den bedste og værste hacking i filmHollywood og hacking kommer ikke sammen. Selvom hacking i det virkelige liv er hårdt, involverer filmhackning ofte bare at bankes væk på et tastatur, som dine fingre går i stil. Læs mere .

Den skriver kode én linje ad gangen i kildefiler kompilering af dem Sådan samles din egen Linux-kerneAt sammensætte din egen Linux-kerne er en af ​​disse nørdige, tekniske ting, ikke? Vi har allerede dækket et par grunde til, at du måske ønsker at gøre det - nu er det tid til at prøve det selv! Læs mere i en eksekverbar applikation. Selvom det måske lyder kedeligt, bruges faktisk mere af din tid til programmering i virkeligheden design, eller tænke over, hvordan tingene skal fungere. Spørg de fleste udviklere, og de vil sige, at de kun bruger 10-15% af deres tid på kodeindtastning. Så du bruger det meste af din tid på at drømme (produktivt) om, hvad din app skal gøre.

Du kan kode Android-applikationer på et par forskellige måder De bedste sprog til mobilappudvikling i 2016Verden for mobilappudvikling går stadig så stærk som nogensinde. Hvis du vil komme i gang, er det ikke for sent! Her er de sprog, du skal tænke på at lære. Læs mere . Den "standard" måde er at skrive apps i Java, konsekvent et af de mest populære sprog i verden, selvom Google tilføjer Kotlin som en anden mulighed. For præstationsintensive apps, såsom spil, har du muligheden for at skrive på et "indfødt" sprog som f.eks. C ++. Disse apps kører direkte på hardware på din Android-enhed i modsætning til “almindelige” Java-baserede apps, der kører på Dalvik Virtuel maskine Hvad er Java Virtual Machine og hvordan fungerer det?Selvom det ikke er strengt nødvendigt at vide, at det fungerer for at programmere i Java, er det stadig godt at vide, fordi det kan hjælpe dig med at blive en bedre programmør. Læs mere . Endelig er der måder at "indpakke" webapplikationer (ved hjælp af værktøjssæt som Microsofts Xamarin eller Facebooks indfødte reaktion 7 bedste gratis tutorials til læring af reaktion og oprettelse af webappsGratis kurser er sjældent så omfattende og hjælpsomme - men vi har fundet flere React-kurser, der er fremragende og vil komme i gang på højre fod. Læs mere ) til distribution som mobile apps, der ser "native" ud.

Mens integrerede udviklingsmiljøer (IDE'er) Tekstredaktører vs. IDE'er: Hvilken er bedre for programmerere?Det kan være svært at vælge mellem en avanceret IDE og en enklere teksteditor. Vi tilbyder en vis indsigt for at hjælpe dig med at tage denne beslutning. Læs mere håndtere nogle af de rutinemæssige elementer i programmering, forstå, at indlæringskurven for denne metode er stejl. Uanset hvilket sprog du vælger, skal du have kendskab til dets grundlæggende. At investere denne gang foran er en ulempe ved denne metode, i den forstand, at du ikke vil være i stand til at komme ind i udviklingen af ​​din app med det samme. Men det er en fordel i det lange løb, da de færdigheder, du lærer, kan anvendes andre steder. Lær Java Så vil du udvikle Android-apps? Her er, hvordan man lærerEfter så mange år kunne man tro, at mobilmarkedet nu er mættet med enhver app, man kan forestille sig - men det er ikke tilfældet. Der er masser af nicher, der stadig skal ... Læs mere , og du kan udvikle til desktop- og serversiden (inklusive webbaserede) ud over Android-apps.

Hvilken mulighed er bedst til dit projekt?

Så hvilken vej er den "bedste?" Dette er for subjektivt til at svare for alle, men vi kan generalisere det som følger. Hvis du er nysgerrig, men bare "spiller rundt", hold dig sammen med app-skaberne med peg og klik. De hjælper dig med at ridse den kreative kløe uden at kræve noget "kursusarbejde." Men hvis ideen om at kurser ikke skræmmer dig, overvej at tage den længere vej og lære en programmering Sprog. Investeringen vil lønne sig på mange andre måder på linjen.

Overvej også at bruge begge dele! Peg-og-klik-bygherrer er en fremragende måde at hurtigt sammensætte en prototype eller "proof of concept." Brug dem til at arbejde igennem nogle af detaljerne (som layout og skærmstrøm), som de er meget hurtigere at blande sig rundt i et musedrevet miljø. Gennemfør dem derefter igen i Java, hvis det er nødvendigt for at drage fordel af dets fleksibilitet.

Vi tager netop den tilgang i denne vejledning. Vi vil:

1. Prototype vores applikation, en "skrapeflade", der vil gemme noget tekst i en fil til dig ved hjælp af MITs App Inventor.
2. Re-implementere dette i Java (med lidt hjælp fra Googles Android Studio IDE), og gå derefter videre til forlænge appen, så du kan vælge blandt flere filer, hvilket gør det mere af et "notepad."

Okay, nok til at tale. I det næste afsnit er vi klar til at kode.

Bliv klar til at oprette din app

Dyk ikke lige ind endnu - først har du brug for noget viden og noget software.

Viden, du har brug for

Før vi begynder at installere noget software, er der noget viden, du skal have, før du starter. Først og fremmest er, "Hvad skal den gøre?" At vente, indtil du har et klart koncept til din app, inden du starter udviklingen, kan virke som en given - men du vil blive overrasket. Så tag lidt tid på at arbejde igennem dette koncept, selv jotting nogle notater om adfærd og tegning af nogle skærme Hvad er et wireframe for et websted, og hvordan kan det hjælpe dig med at udvikle dit websted?På et teknisk plan er et moderne websted ikke kun en ting. Det er en kompleks suppe af interaktive teknologier, såsom HTML (markeringen, du ser på siden), JavaScript (det sprog, der kører i din browser, ... Læs mere . Få først et relativt komplet billede af din app.

Derefter skal du undersøge hvad der er muligt. Forestil dig for eksempel, at det ideelle billede af din app er noget, der giver dig video-logning hele dit liv for eftertiden. Du kan oprette en app, der vil fange video. Du kan ikke opret en, der gemmer hvert øjeblik i dit liv på din enhed (utilstrækkelig lagerplads). Dog dig kan prøv at downloade noget af dette lager til skyen, selvom det vil tage tid at udvikle sig, og det kommer med sine egne begrænsninger (hvad sker der, når du ikke har adgang til netværket?). Det er her du undersøger nogle af de tekniske detaljer og kan informere beslutninger som om du koder fra bunden eller ej.

Til sidst er det værd at vide hvad der er derude allerede. Hvis du bare ønsker at lære eller bidrage til samfundet, er der et eksisterende open source-projekt som dit? Kunne du gaffel det projekt som udgangspunkt? Eller endnu bedre, udvikle din forbedring og bidrage med den? Hvis du leder efter at tjene penge, hvordan er din konkurrence? Hvis du skriver en simpel vækkeur-app og forventer at tjene en million dollars på den, skulle du hellere bringe noget specielt til bordet.

Som diskuteret bygger vi en simpel skrapeblade, som samler og indeholder noget tekst, du lægger i det. Og ved at gøre dette vil vi overtræde reglerne ovenfor, da der allerede er mange Android-notat-tagende apps derude begge åben 5 bedste Open Source note-tagende apps til AndroidElsker open source-software og vil notere? Vi har dig dækket. Læs mere og lukket kilde Hvad er den bedste gratis note-tagende app til Android?Vil du tage notater på din Android-telefon eller -tablet? Her er de bedste gratis note-tagende apps til Android. Læs mere . Men lad os lade som om dette bliver en meget mere kompleks app senere. Du skal starte et sted.

Nu får vi noget af den software, du har brug for.

Forbereder dig på at udvikle sig med app-opfinder

Du behøver ikke at installere noget for at bruge App Inventor-værktøjet. Det er en webapplikation, og du får adgang til det helt via browseren. Når du besøger stedet, ser du en knap i øverste højre hjørne til Opret apps! Hvis du ikke er logget ind på en Google-konto i øjeblikket, vil du klikke på denne henvise dig til en login-side.

Ellers skal du gå direkte til App Inventor's Mine projekter side.

Overvej på dette tidspunkt, hvor du vil teste din app. Hvis du er eventyrlysten, kan du teste den ud på din telefon eller tablet ved at installere Companion-appen fra Play Store. Så er du klar til nu - du har brug for et kørende projekt for faktisk at se noget på din enhed, men vi kommer til det senere.

Alternativt kan du bruge emulatoren til at teste din app på din computer. Download og installer emulatoren til dit operativsystem fra denne side. Nedenstående billede viser appen, der installeres på Linux, men den passende version bør installeres uden problemer på Windows eller Mac også.

Du kan starte emulatoren ved at køre kommandoen “aiStarter”. Dette starter en baggrundsproces Sådan kontrolleres Linux opstartstjenester og dæmonerLinux kører mange applikationer "i baggrunden", som du måske ikke engang er opmærksom på. Her er, hvordan du tager kontrol over dem. Læs mere der forbinder din (lokale) emulator til den (skybaserede) App Inventor. Windows-systemer giver en genvej til det, mens det starter automatisk for Mac-brugere ved login. Linux-brugere bliver nødt til at køre følgende i en terminal:

/ usr / google / appinventor / kommandoer-til-appinventor / aiStarter &

Når den kører, kan du teste forbindelsen ved at klikke på Emulator punkt i Forbinde menu. Hvis du ser emulatoren spin op (som vist på billedet herunder), er du god til at gå.

Installation af Android Studio

Hvis du planlægger at udvikle nogle enkle programmer, er App Inventor muligvis alt, hvad du nogensinde har brug for. Men efter at have leget med det i et stykke tid, kan du ramme en væg, eller du ved måske, at du bruger nogle funktioner, som App Inventor ikke understøtter (som fakturering i appen). For dette skal du have Android Studio installeret.

Det officielle udviklingsmiljø, som Google har godkendt, er Android Studio en version af IntelliJ IDEA Java IDE fra JetBrains. Du kan downloade en kopi til dit operativsystem fra Googles Android-udviklingsside her. Windows- og Mac-brugere kan starte installationsprogrammet ved hjælp af en EXE fil eller DMG-billede Sådan fungerer softwareinstallatører på Windows, macOS og LinuxModerne operativsystemer giver dig nemme metoder til at konfigurere nye applikationer. Men hvad sker der faktisk, når du kører det installationsprogram eller udsender denne kommando? Læs mere , henholdsvis.

Linux-brugere kan bruge ZIP-filen, pakke den ud, hvor du vil, og køre Android Studio derfra (Windows / Mac-brugere kan også gøre dette). Ellers kan du bruge Ubuntu Make at downloade og installere pakken for dig. Hvis du er på den seneste LTS-version (16.04 i skrivende stund), skal du tilføje Ubuntu Lav PPA Hvad er en Ubuntu PPA, og hvorfor skulle jeg bruge en? [Teknologi forklaret] Læs mere til dit system for at få adgang til Android Studio:

sudo add-apt-repository ppa: ubuntu-desktop / ubuntu-make

Opdater derefter dit system med følgende.

sudo apt opdatering

Til sidst skal du installere Ubuntu Make med denne kommando:

sudo apt install umake

Når den er installeret, kan du instruere Ubuntu Make til at installere Android Studio til dig med følgende kommando:

umake android android-studio

Efter visning af licensaftalen vil den begynde at downloade og installere basisapplikationen. Når den er færdig, og du har startet Android Studio, vil en guide hjælpe dig gennem et andet par trin.

Først får du et valg om, om du vil have en "Standard" -installation eller noget brugerdefineret. Vælg Standardinstallationen her, så lader du komme hurtigere i gang.

Så får du en meddelelse om, at du har brug for at downloade nogle ekstra komponenter, og det vil sandsynligvis tage lidt tid.

Når alt er installeret, får du en lille stænkskærm, der lader dig oprette et nyt projekt, åbne et eksisterende eller få adgang til dine indstillinger.

Jeg ved, at du er klar til at få dine hænder beskidte. Lad os opbygge noget uden videre.

Opbygning af et enkelt Android-notesblok

Fordi vi (selvfølgelig) har siddet og tænkt dette igennem, før vi bare sprang ind, ved vi, at vores Android-app vil bestå af to skærme.

Den ene vil give brugeren mulighed for at "redigere nu" eller afslutte, og den anden gør den faktiske redigering. Den første skærm kan virke nytteløs, men den kan komme godt med senere, når vi tilføjer funktioner. Teksten, der er taget på skærmen "rediger", stables i en almindelig tekstfil, fordi regler for almindelig tekst Alt hvad du behøver at vide om filformater og deres egenskaberVi bruger ordfilen om hverandre: musik, billede, regneark, slideshow og så videre. Men hvad gør en fil alligevel til en "fil"? Lad os prøve og forstå denne grundlæggende del af computing. Læs mere . Følgende wireframes giver os et godt reference (og det tog kun 5 minutter at piske op):

I det næste afsnit bygger vi det med MITs App Inventor.

Kom godt i gang med MIT App Inventor

Det første trin er at oprette et nyt projekt. Log ind i App Inventor, og klik derefter på Start nyt projekt til venstre (også tilgængelig i Projekter menu).

Du får en dialog, der giver det et navn.

Men nu er du faldet ind i App Inventors Designer-visning, og der er meget at tage ind. Lad os tage et øjeblik at se på hvert afsnit.

1. Titellinjen øverst viser dit projektnavn (muoScratchpad); giver dig mulighed for at tilføje, fjerne og skifte mellem din apps skærme (f.eks. Skærm 1); og skifter mellem App Inventor's Designer og blokke udsigt til højre.
2. Det Palette til venstre indeholder alle de kontroller og widgets, du bruger. De er opdelt i sektioner som Brugergrænseflade og Opbevaring; vi bruger begge disse i vores app. Vi får se, hvordan Palette indeholder forskellige genstande i blokke udsigt.
3. Det Viewer viser dig, hvad du bygger på WYSIWYG-mode.
4. komponenter er en liste over elementer, der er en del af det aktuelle skærmbillede. Når du tilføjer knapper, tekstbokse osv., Vises de her. Nogle "skjulte" elementer, som referencer til filer, vises også her, selvom de ikke er en del af brugergrænsefladen.
5. Det Medier sektionen giver dig mulighed for at uploade aktiver, du vil bruge i dit projekt, f.eks. billeder eller lydklip. (Vi har ikke brug for denne.)
6. Endelig Ejendomme rude giver dig mulighed for at konfigurere den aktuelt valgte widget. Hvis du f.eks. Vælger en billedwidget, kan du ændre dens højde og bredde.

Læg din første skærm ud: “Hovedskærm”

Lad os sammensætte layoutet til "hoved" -skærmen i Designer, inden vi går videre. Ser vi på skitsen, har vi brug for en etiket til appnavnet, en linje med hjælpetekst, en knap for at flytte til skærmen "rediger" og en knap for at afslutte. Du kan se Brugergrænseflade paletten har alle de ting, vi har brug for: to Etiketterog to Knapper. Træk disse ind i en lodret kolonne øverst på skærmen.

Dernæst konfigurerer vi hver enkelt. For etiketterne kan du indstille elementer som teksten skal være, baggrundsfarven og justeringen. Vi centrerer begge vores labels men indstiller baggrunden for appnavnet til sort med hvid tekst.

Det er tid til at se, hvordan det faktisk ser ud på en enhed. Når du bygger ting, skal du gøre det i babytrin. Jeg kan ikke understrege dette nok.

Bygg ikke en stor liste over ting i din app på én gang, for hvis noget går i stykker, tager det en lang tid til at finde ud af hvorfor. Hvis du ønsker at teste på en rigtig telefon, kan du starte din AI2 Companion-app og oprette forbindelse til App Inventor med enten QR-koden eller den medfølgende seks-tegnskode.

Hvis du vil forhåndsvise ved hjælp af emulatoren, skal du sørge for, at du har startet aiStarter-programmet beskrevet ovenfor, og vælg derefter Emulator vare igen fra Forbinde menu. Uanset hvad, efter en kort pause, skal du se din apphvalp op og se på noget som det, du har i Viewer (det faktiske layout kan afhænge af dimensionerne på din enhed og emulator).

Da titlen ser godt ud, skal vi også ændre teksten på de andre og justere dem i midten (dette er en egenskab på skærmen, AlignHorizontal, ikke teksten / knapperne). Nu kan du se et af de virkelig seje aspekter af App Inventor - alle dine ændringer udføres i realtid! Du kan se tekstændringen, knapperne justerer deres justering osv.

Gør det funktionelt

Nu når layoutet er udført, lad os tilføje nogle funktioner. Klik på blokke knap øverst til venstre. Du kan se et lignende layout som Designer-visningen, men du har nogle forskellige valg arrangeret i kategorier. Dette er programmeringskoncepter snarere end interfacekontroller, men ligesom den anden visning bruger du træk og slip til at sammensætte disse som en del af din app.

Den venstre palet indeholder kategorier som Styring, Tekst, og Variable i kategorien “Indbygget”. Blokkene i denne kategori repræsenterer funktioner, der i vid udstrækning vil ske bag kulisserne, som f.eks Math elementer, der kan udføre beregninger. Under dette er en liste over elementerne på din (e) skærm (er), og de tilgængelige blokke her påvirker disse elementer. For eksempel ved at klikke på et af vores etiketter vises blokke, der kan ændre den etiket tekst, mens knapperne har blokke til at definere, hvad der sker, når du klikker på dem.

Ud over deres kategori (repræsenteret ved farve) har hver blok også en form, der repræsenterer dens formål. Disse kan grovt opdeles som følger:

• Du kan tænke på genstande med et stort hul i midten, såsom "hvis-da" -blokken vist ovenfor, som dem, der håndterer begivenheder. Når der sker noget i appen, kører de andre ting inden i dette hul.
• Flade blokke med stik er en af ​​to ting. De første er udsagn, som svarer til kommandoer, de elementer, der vil passe ind i strømme ovenfor. I eksemplet ovenfor viser lav en liste blok er som en erklæring luk ansøgning.
• Den anden mulighed er udtryk, der kun adskiller sig lidt fra udsagn. Hvor en erklæring måske siger "indstil dette til 42", ville et udtryk være noget i retning af "tilføj 22 til 20 og give mig resultatet tilbage." I ovenstående er på listen er et udtryk, der evalueres til enten sandt eller falskt. Udtryk er også flade blokke, men de har sandsynligvis en fane i venstre side og et hak til højre.
• Endelig værdier inkluderer tal (“17” og “42” ovenfor), tekststrenge (“Thing 1” og “Thing 2”) eller sandt / falsk. De har typisk kun en fane til venstre, da de er noget, du giver til en erklæring eller udtryk.

Du kan helt sikkert gennemgå alle vejledninger og tutorials på App Inventor. Dog er det designet til dig at bare begynde at klikke rundt og (bogstaveligt talt) se, hvad der passer. På vores indledende side har vi to emner, der har brug for opmærksomhed (knapperne), så lad os se, hvad vi kan komme på. En af disse (knap2) lukker appen, når der klikkes på den. Da dette er en interaktion med knappen. Vi kan tjekke for knapblokke og finde, at der er en der starter med når knappen 2. klik (eller når der klikkes på knap 1). Dette er nøjagtigt, hvad vi ønsker, så vi trækker dette til Viewer.

Når det nu er klikket, ønsker vi, at appen skal lukke, hvilket lyder som en samlet appflowfunktion. At kigge ind i Indbygget> Kontrol afsnit, ser vi faktisk en luk ansøgning Blok. Og når det trækkes til kløften i den første blok, klikker det på plads. Succes!

Når du nu klikker på knappen, lukkes appen. Lad os prøve det i emulatoren. Det viser os en fejl, at lukning af appen ikke understøttes i udviklingsmiljøet, men at se dette betyder, at det fungerer!

Bygning af den anden skærm: Editor-skærm

Lad os nu vende opmærksomheden mod Button1.

Dette skal åbne vores redaktør, så vi bør hellere sørge for, at redaktøren findes! Lad os skifte tilbage til Designer og oprette en ny skærm med den samme etiket som den første skærm, a TextBox (indstillet til "udfyld forælder" til Bredde, 50% for Højde, og med Multiline aktiveret) for at holde vores indhold og en anden knap (mærket "<< Gem"). Kontroller nu det layout i emulatoren!

Inden vi går videre, ved vi, at vi ønsker at stash indholdet fra TextBox, som lyder som Opbevaring. Selvfølgelig er der et par muligheder derinde.

Af disse, Fil er det mest ligetil, og da vi ønsker almindelig tekst, vil det være fint. Når du lægger dette i Viewer, vil du bemærke, at det ikke vises. Fil er en ikke-synlige, komponent, da det fungerer i baggrunden for at gemme indholdet i en fil på enheden. Hjælpeteksten giver dig en idé om, hvordan dette fungerer, men hvis du vil have disse elementer synlige, skal du bare kontrollere Vis skjulte komponenter i Viewer afkrydsningsfelt.

Skift til Blocks-visningen nu - det er tid til at programmere. Den eneste opførsel, vi har brug for, er, når der klikkes på knappen "<< Gem", så vi får fat i vores når knappen1.klik Blok. Det er her App Inventor virkelig begynder at skinne.

Først gemmer vi indholdet af TextBox ved at gribe fat i kalde File1.saveFile blokerer og giver den den ønskede tekst (ved hjælp af TextBox1'er) TextBox1.text, som henter sit indhold) og en fil til at gemme den (angiv bare en sti og filnavn med en tekstblok - appen opretter filen til dig, hvis den ikke findes).

Lad os også indstille skærmen til at indlæse indholdet af denne fil, når den åbnes (Editor> når Editor.initialiserer Blok). Det burde kalde File1.ReadFrom som peger på vores filnavn. Vi kan fange resultatet af at læse tekstfilen vha Fil> når File1.GotText, tildele indholdet til TextBox vha TextBox> indstil TextBox. Tekst til blokerer og overlever det få tekst værdi. Til sidst, efter at vi har gemt, ønsker vi et klik på knappen1 for at sende os tilbage til hovedskærmen (a luk skærm Blok).

Sidste trin er at gå tilbage til hovedskærmen og programmere den første knap. Vi ønsker, at det skal sende os til Editor-skærmen, som er et stykke kage med Kontrol> åbn en anden skærm blokere, der specificerer "Editor."

Hvad kommer dernæst?

Nu hvor du har noget, der fungerer, hvad kommer dernæst? For at forbedre det selvfølgelig! App Inventor giver dig adgang til en lang række Android-funktionaliteter. Ud over de enkle skærme, vi lige har oprettet, kan du tilføje muligheder, herunder medieafspilning, sende tekster eller endda en live webvisning til din app.

En af de første forbedringer, der kommer til at tænke på, er muligheden for at vælge blandt flere filer. Men en hurtig Internetsøgning afslører, at dette kræver noget højeste hackery i App Inventor. Hvis vi vil have denne funktion, bliver vi nødt til at grave i Java og Android Studio-miljøet.

Udvikling i Java med Android Studio

Nedenstående sektioner vil beskrive - på et meget højt niveau - udviklingen af ​​vores skrapepad-app i Java. Det er værd at gentage igen: mens det kan betale stort udbytte ad vejen, kræver det at lære Java og Android Studio en betydelig investering i tid.

Så der vil ikke være så meget forklaring på hvad koden betyder nedenfor, og du skal heller ikke bekymre dig meget om det. Undervisning i Java er uden for denne artikels rækkevidde. Hvad vi vil gøre undersøger, hvor tæt Java-koden er på de ting, vi allerede har bygget i App Inventor.

Start med at skyde Android Studio op, og vælg Start nyt Android Studio-projekt vare. Du bliver ført gennem en guide, der spørger et par ting. Den første skærm beder om et navn på din app, dit domæne (dette er vigtigt, hvis du sender til app store, men ikke hvis du bare er ved at udvikle for dig selv), og et bibliotek til projektet.

På det næste skærmbillede indstiller du versionen af ​​Android En hurtig guide til Android-versioner og -opdateringer [Android]Hvis nogen fortæller dig, at de kører Android, siger de ikke så meget, som du ville tro. I modsætning til de store computeroperativsystemer er Android et bredt operativsystem, der dækker adskillige versioner og platforme. Hvis du gerne vil ... Læs mere til målet. Valg af en nyere version giver dig mulighed for at inkludere platformens nyere funktioner, men kan udelukke nogle brugere, hvis enheder ikke er aktuelle. Dette er en simpel app, så vi kan holde os med Ice Cream Sandwich.

Dernæst vælger vi standard Aktivitet til vores app. Aktiviteter er et kernekoncept i Android-udvikling, men til vores formål kan vi definere dem som skærme. Android Studio har et nummer, du kan vælge fra, men vi starter bare med et tomt og bygger det selv. Skærmen derefter giver dig mulighed for at give det et navn.

Når det nye projekt er startet, skal du tage et øjeblik på at blive bekendt med Android Studio.

1. Den øverste værktøjslinje har knapper til en lang række funktioner. Den, der er mest vigtig for os, er Løb -knappen, der vil opbygge appen og starte den i emulatoren. (Gå videre og prøv det, det bygger helt fint.) Der er andre som f.eks Gemme og Finde, men disse fungerer via tastaturgenveje, som vi alle er vant til (henholdsvis Ctrl + S og Ctrl + F).
2. Venstre Projekt rude viser indholdet af dit projekt. Du kan dobbeltklikke på disse for at åbne dem til redigering.
3. Midterregionen er din redaktør. Afhængigt af, hvad du præcist redigerer, kan dette være tekstbaseret eller grafisk, som vi ser et øjeblik. Dette kan også vise andre ruder, såsom en højre egenskabsrude (igen, som App Inventor).
4. Højre og nederste kant har et udvalg af andre værktøjer, der dukker op som ruder, når du vælger. Der er ting som en terminal til at køre kommandolinjeprogrammer og versionskontrol, men de fleste af disse er ikke vigtige for et simpelt program.

Port af hovedskærmen til Java

Vi starter med at genopbygge skrapebadet i Java. Ser vi på vores tidligere app, kan vi se, at vi til den første skærm har brug for en etiket og to knapper.

Tidligere år var at skabe en brugergrænseflade på Android en omhyggelig proces, der involverede håndlavet XML. I dag gør du det grafisk, ligesom i App Inventor. Hver af vores aktiviteter har en layoutfil (udført i XML) og en kodefil (JAVA).

Klik på fanen "main_activity.xml", så ser du nedenstående (meget Designer-lignende) skærm. Vi kan bruge det til at trække og slippe vores kontroller: a TextView (som en etiket) og to Knapper.

Lad os tråd op Afslut knap. Vi er nødt til at oprette en knap i kode såvel som grafisk, i modsætning til App Inventor, der håndterer denne bogføring for os.

Men synes godt om AI, Android's Java API bruger konceptet "onClickListner." Det reagerer, når en bruger klikker på en knap, ligesom vores gamle ven, ”når Button1.click” -blokken. Vi bruger metoden "finish ()", så når brugeren klikker, vil appen afslutte (husk, prøv dette i emulatoren, når du er færdig).

Tilføjelse af redigeringsskærmen

Nu hvor vi kan lukke appen, sporer vi vores trin igen. Inden du kobler til "Rediger" -knappen, lad os gøre Editor Activity (skærm). Højreklik i Projekt rude, og vælg Ny> Aktivitet> Tom aktivitet og navngav det "EditorActivity" for at oprette den nye skærm.

Derefter opretter vi layoutet til Editoren med en EditTextBox (hvor teksten vil gå) og en knap. Juster Ejendomme af hver til din smag.

Skift nu til filen EditorActivity.java. Vi kode op nogle lignende funktioner som det, vi gjorde i App Inventor.

Man opretter filen til at gemme vores tekst, hvis den ikke findes, eller læse dens indhold, hvis den gør det. Et par linjer opretter EditTextBox og indlæse vores tekst i den. Til sidst opretter en smule mere kode knappen og dens onClickListener (som vil gemme teksten i filen og derefter lukke aktiviteten).

Når vi kører den nu i emulatoren, ser vi følgende:

1. Før der køres, er der ingen mappe på “/ opbevaring / emuleret / 0 / Android / data / [dit domæne og projektnavn] / filer”, som er standardkataloget for appspecifikke data.
2. Ved første kørsel vises hovedskærmen som forventet. Stadig intet bibliotek som ovenfor, heller ikke vores skrapefil.
3. Ved at klikke på Redigere -knappen oprettes biblioteket, ligesom filen er.
4. Ved at klikke Gemme, vil enhver indtastet tekst gemmes i filen. Du kan bekræfte ved at åbne filen i en teksteditor.
5. Ved at klikke Redigere igen, kan du se det forrige indhold. Ændring af det og klik Gemme gemmer det og klikker Redigere igen vil huske det. Og så videre.
6. Ved at klikke Afslut, appen afsluttes.

Forbedring af appen: Vælg din lagerfil

Nu har vi en fungerende version af vores originale App Inventor skrapeblade. Men vi overførte det til Java for at forbedre det. Lad os inkludere muligheden for at vælge blandt flere filer i det standardmappe. Når vi gør dette, vil vi virkelig gøre dette mere af en notesblok end bare en skrapebad, så vi opretter en kopi af det aktuelle projekt ved hjælp af instruktionerne her.

Vi brugte en Android-hensigt til at kalde vores redaktøraktivitet fra den vigtigste, men de er også en praktisk måde at kalde andre applikationer på. Ved at tilføje et par kodelinjer sender vores intention en anmodning om filhåndteringsapplikationer De 7 bedste gratis fileksplorer til AndroidDer er en masse filhåndtering og filudforskning af apps derude til Android, men disse er de bedste. Læs mere At svare. Dette betyder, at vi kan fjerne en god del af kodekontrollen for at oprette filen, da hensigten kun tillader os at gennemse / vælge en, der faktisk findes. I sidste ende forbliver vores redaktøraktivitet nøjagtigt den samme.

At få vores intention til at give os tilbage en streng (Java-tekstobjekt), som vi kan pakke ind i vores intention, var en udfordring. Heldigvis, når det kommer til programmeringsspørgsmål, er internettet din ven. EN hurtig søgning giver os et par muligheder, inklusive kode, vi kan indsætte i vores app.

Og med denne lille ændring og en smule lånt kode kan vi bruge en filbrowser / manager-applikation på enheden til at vælge filen til opbevaring af vores indhold. Nu hvor vi er i "forbedringstilstand", er det let at komme med et par flere nyttige forbedringer:

• Vi kan vælge blandt eksisterende filer, men for øjeblikket fjernede vi vores facilitet til skab dem. Vi har brug for en funktion for brugeren at angive et filnavn og derefter oprette og vælge den fil.
• Det kan være nyttigt at få vores app til at svare på “Del” -anmodninger, så du kan dele en URL fra browseren og tilføje den til en af ​​dine note-filer.
• Vi beskæftiger os med almindelig tekst her, men rigere indhold med billeder og / eller formatering er temmelig standard i disse typer apps.

Med muligheden for at benytte Java, er mulighederne uendelige!

Distribuering af din app

Nu, hvor din app er færdig, er det første spørgsmål, du skal stille dig selv, om du overhovedet vil distribuere den! Måske har du oprettet noget så personligt og tilpasset, at det ser ud til, at det ikke ville være rigtigt for nogen anden. Men jeg vil opfordre dig til ikke at tænke på den måde. Du vil sandsynligvis blive overrasket over, hvor nyttig det er for andre; hvis ikke andet, er det i det mindste en læringsoplevelse, der viser, hvad en ny koder kan gøre.

Men selv hvis du beslutter at bevare din nye oprettelse for dig selv, har du stadig brug for nogle af trinnene nedenfor for faktisk at installere den på din enhed. Så lad os lære, hvordan du pakker din app til at dele i kildekodeform såvel som en installerbar pakke.

Distribution af kildekode

Uanset hvilken metode du har brugt indtil dette tidspunkt, har du ændret sourcekoden undervejs.

Mens App Inventor gør et godt stykke arbejde med at skjule den faktiske kode bag kulisserne, repræsenterer de blokke og UI-widgets, du har flyttet rundt, alle koder. Og kildekoden er en perfekt gyldig måde at distribuere software på, som open source-samfundet godt kan attestere. Dette er også en god måde at engagere andre i din ansøgning, da de kan tage det, du har gjort, og bygge videre på det.

Vi får kildekoden fra begge miljøer i et struktureret format. Så kan enten nogen (os selv inkluderet) let importere det tilbage til det samme program og komme hurtigt i gang.

Eksporterer kilde fra App Inventor

For at eksportere fra App Inventor er det en simpel sag at åbne dit projekt og derefter fra Projekter Vælg menuen Eksport af valgt projekt (.aia) til min computer.

Dette vil downloade den førnævnte .AIA-fil (formentlig “App Inventor Archive”). Men dette er faktisk en ZIP-fil; prøv at åbne den i din yndlingsarkivhåndtering for at inspicere dens indhold.

Bemærk, at indholdet af appinventor / ai_ [dit bruger-id] / [projektnavn] mappen er en SCM og BKY fil. Dette er ikke den JAVA-kilde, vi så i Android Studio, så du vil ikke være i stand til at åbne disse i noget gammelt udviklingsmiljø og samle dem. Imidlertid kan du (eller en anden) importere dem igen til App Inventor.

Arkiveringskilde fra Android Studio

At få dit Android Studio-projekt ud i et arkivformat er lige så let som at komprimere projektets mappe. Flyt det derefter til et nyt sted, og åbn det fra det sædvanlige Fil> Åbn element i hovedmenuen.

Android Studio læser indstillingerne for dit projekt (workspace.xml) og alt skulle være som det var før.

Det er værd at bemærke, at arkivering af hele mappen vilje medtage noget cruft, især filerne fra dit programs sidste build.

Disse ryddes og regenereres i løbet af den næste bygning, så de er ikke nødvendige for at bevare integriteten af ​​dit projekt. Men de skader det heller ikke, og det er lettere (især for begyndende udviklere) ikke at begynde at mumle med, hvilke mapper der skal være med, og hvilke ikke bør. Bedre at tage det hele i stedet for at gå glip af noget, du har brug for senere.

Distribution af Android-pakke

Hvis du vil give en kopi af din app til nogen bare for at prøve den, er en APK-fil dit bedste alternativ. Standard Android-pakkeformatet skal være kendt for dem, der er gået uden for Play Store for at hente software.

At få disse er lige så nemt som arkivering af kilden i begge programmer. Derefter kan du sende det på et websted (såsom F-Droid) eller dele det ud til nogle venlige mennesker for at få deres feedback. Dette giver en god betatest for apps, du vil sælge senere.

Opbygning af en APK i App Inventor

Gå over til Byg og vælg App (gem .apk på min computer) vare. Appen begynder at opbygge (beviset på en statuslinje), og når den er færdig, får du en dialogboks gemme APK-filen. Nu kan du kopiere og sende det til dit hjerte indhold.

For at installere appen skal brugerne tillade tredjepartssoftwareinstallationer i enhedens indstillinger som beskrevet her Er det sikkert at installere Android-apps fra ukendte kilder?Google Play Store er ikke din eneste kilde til apps, men er det sikkert at søge andre steder? Læs mere .

Opbygning af en APK i Android Studio

At oprette en Android-pakke er lige så let i Android Studio. Under Byg menu, vælg Byg APK. Når build er afsluttet, giver en meddelelsesmeddelelse dig et link til mappen på din computer, der indeholder appen.

Google Play-distribution

At blive konfigureret som en Google-udvikler er lidt af en proces. Selvom du alligevel skal overveje det, når du først har fået noget erfaring under dit bælte, er det ikke noget, du har brug for med det samme.

For det første har det et registreringsgebyr på $ 25. Det har også en række tekniske detaljer, der er lidt vanskelige at ændre på et senere tidspunkt. For eksempel skal du generere en kryptografisk nøgle for at underskrive dine apps, og hvis du nogensinde mister den, vil du ikke være i stand til at opdatere appen.

Men på et højt niveau er der tre store processer, du skal bruge for at få din app til Play Store:

1. Registrer dig som udvikler: Du kan konfigurere din udviklerprofil (baseret på en Google-konto) på denne side. Guiden leder dig gennem en ret ligetil registreringsproces, som inkluderer det førnævnte gebyr på $ 25.
2. Forbered appen til butikken: Emulatorversionerne af den app, du har testet, er også debugging versioner. Dette betyder, at de har en masse ekstra kode, der er relateret til fejlfinding og logning, som ikke er nødvendig, og at de muligvis endda repræsenterer et privatlivsproblem. Før du offentliggør i butikken, skal du fremstille en udgivelsesversion ved at følge disse trin. Dette inkluderer signering af din app med den krypto-nøgle, vi nævnte tidligere.
3. Konfigurer din infrastruktur: Du bliver også nødt til at konfigurere Store-siden til din app. Google leverer en liste over råd til opsætning af en liste, der får dig installationer (og salg!). Din infrastruktur kan også omfatte servere, som din app synkroniseres med.
4. Endelig Hvis du ønsker at få betalt, har du brug for en betalingsprofil. Dette er en af ​​dem én gang og-done detaljer, så sørg for at vide, hvordan alt passer sammen, før du går videre.

Resume og erfaringer

Vi er kommet til slutningen af ​​guiden. Forhåbentlig har dette skabt din interesse for Android-udvikling og givet dig en vis motivation til at tage din idé og faktisk udvikle den. Men inden du lægger hovedet ned og begynder at bygge, lad os se tilbage på nogle af de vigtigste lektioner, vi har lært i ovenstående afsnit.

• Vi kiggede på to stier at gøre din app: peg-og-klik-buildere og kodning fra bunden i Java. Den første har en lavere indlæringskurve og tilbyder et retfærdigt (men stadig begrænset) udvalg af funktionalitet. Den anden giver dig mulighed for at bygge næsten alt hvad du kan tænke på og tilbyder fordele ud over Android-udvikling, men det tager længere tid at lære.
• Mens de hver især har deres fordele og ulemper, du kan bruge begge stier! Peg-og-klik-miljøerne tilbyder en hurtig vending til prototype af din app, mens det andet giver dig mulighed for at genopbygge den til langsigtet forbedring.
• Selvom det er fristende at springe lige ind i at arbejde på selve appen, vil du være meget glad senere, hvis du tager tid design din app, inklusive skitser af grænsefladen og / eller uformel dokumentation om dets funktioner. Dette kan også hjælpe dig med at afgøre, om en af ​​eller begge metoder ovenfor er gode muligheder.
• En nem måde at begynde at udvikle er at placere brugergrænsefladelementer og derefter "trække dem op" ved at programmere deres funktionalitet. Mens erfarne udviklere kan starte kodning af “baggrund” -komponenter, for newbies, hjælper det med at være i stand til at visualisere alt.
• Når du dykker ned i kode, skal du ikke være bange for at søge på nettet efter svar. Hvis du kører en Google-søgning med et par søgeord og "kodeeksempel" i slutningen, får du nogle gode resultater.
• Når du bygger, kan du teste dit arbejde lidt ad gangen. Ellers vil det være meget vanskeligt at bestemme, hvilke af de sidste to timers handlinger, der brød din app.

Med disse i tankerne, kom ind der og begynd at gøre dine app-udviklingsdrømme til virkelighed. Og hvis du beslutter dig for at få dine hænder beskidte, så lad os vide, hvordan det går i kommentarerne (vi elsker af links til skærmbilleder, forresten). Glad bygning!