Com crear una aplicació amb Android Studio: 8 passos (amb imatges)

Taula de continguts:

Com crear una aplicació amb Android Studio: 8 passos (amb imatges)
Com crear una aplicació amb Android Studio: 8 passos (amb imatges)

Vídeo: Com crear una aplicació amb Android Studio: 8 passos (amb imatges)

Vídeo: Com crear una aplicació amb Android Studio: 8 passos (amb imatges)
Vídeo: Как удалить фон картинки в Excel / Word / PowerPoint – Просто! 2024, Abril
Anonim

Android Studio és l'IDE oficial de les aplicacions d'Android. No costa res i admet els llenguatges de programació Java i Kotlin. Us proporciona un gran control sobre el que fa la vostra aplicació. Llavors, per què no hi programeu la vostra aplicació? En aquest article s’espera que conegueu els conceptes bàsics de Java; si no ho feu, consulteu Com escriure el vostre primer programa a Java per obtenir una introducció. Aquest wikiHow us ensenya a crear una aplicació bàsica a Android Studio.

Passos

Part 1 de 4: Instal·lació d'Android Studio

4296302 1
4296302 1

Pas 1. Descarregueu Android Studio

Assegureu-vos de descarregar la versió correcta del sistema operatiu (és a dir, Windows, Mac, Linux) que utilitzeu. La baixada dura aproximadament 1 GB i pot trigar uns quants minuts a baixar-se. Seguiu els passos següents per descarregar i instal·lar Android Studio: Assegureu-vos d'obtenir la versió del vostre sistema.

  • Aneu a https://developer.android.com/studio/index.html en un navegador web.
  • Feu clic al botó verd que diu Descarregueu Android Studio (assegureu-vos que el sistema operatiu correcte apareix a sota del botó.)
  • Feu clic a la casella de selecció situada al costat de "He llegit i accepto els termes i condicions anteriors".
  • Feu clic al botó blau que diu Baixeu Android Studio per al [vostre sistema operatiu].

  • Obriu el fitxer d’instal·lació.
  • Seguiu les instruccions que apareixen a la pantalla
4296302 2
4296302 2

Pas 2. Instal·leu les dependències (només Linux de 64 bits)

Si teniu un ordinador Linux de 64 bits (ometeu aquest pas si no en teniu), haureu d’instal·lar alguns paquets addicionals. En un sistema que utilitza apt, introduïu a la línia d'ordres: sudo apt-get install libc6: i386 libncurses5: i386 libstdc ++ 6: i386 lib32z1 libbz2-1.0: i386.

  • Si el vostre sistema utilitza yum, introduïu el següent: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Com a alternativa, podeu instal·lar Android Studio fàcilment a Ubuntu obrint el Centre de programari. Feu clic a la icona que s'assembla a una lupa a l'extrem superior dret i introduïu "Android Studio" a la barra de cerca. Feu clic a la icona d'Android Studio i, a continuació, feu clic a Instal·la Té una icona que s'assembla a una brúixola de dibuix en forma de "A" dins d'un cercle verd.
4296302 3
4296302 3

Pas 3. Extraieu l'arxiu (només lLinux)

Omet aquest pas si heu descarregat si heu descarregat un fitxer d'instal·lació a Windows o Mac o si heu descarregat Android Studio des del Software Center a Ubuntu. En cas contrari, canvieu al directori on heu baixat l’arxiu. A continuació, feu clic amb el botó dret al gestor de fitxers i seleccioneu l'opció "Extreu aquí". o introduïu "tar -xf downloadName.tar.gz" a la línia d'ordres (substituïu "downloadName" pel nom del fitxer que acabeu de descarregar).

4296302 4
4296302 4

Pas 4. Inicieu Android Studio

Si heu descarregat un fitxer.exe o.dmg, feu-hi doble clic. Si heu descarregat i extret un arxiu, obriu el terminal i canvieu al subdirectori "bin" del directori amb els fitxers extrets (normalment "android-studio"). Això es fa escrivint cd android-studio / bin. Executeu el fitxer "studio.sh" escrivint./studio.sh.

4296302 5
4296302 5

Pas 5. Decidiu si voleu importar la configuració

Si és la primera vegada que utilitzeu Android Studio, seleccioneu No. Si l’heu utilitzat abans i voleu tenir la configuració anterior, seleccioneu i especifiqueu on els heu desat.

4296302 6
4296302 6

Pas 6. Decidiu si voleu enviar dades d'ús a Google

Aquesta és una decisió personal i no canviarà res en el procés d’instal·lació ni de programació.

4296302 7
4296302 7

Pas 7. Espereu fins que aparegui una finestra

Es dirà "Assistent de configuració d'Android Studio". Fer clic a Pròxim procedir.

4296302 8
4296302 8

Pas 8. Decidiu si voleu fer una instal·lació estàndard o personalitzada

Si és la primera vegada que utilitzeu Android Studio i / o no teniu requisits especials, heu de seleccionar "Estàndard".

4296302 9
4296302 9

Pas 9. Espereu fins que es descarreguin els components i feu clic a Finalitza

Això trigarà una estona i, mentrestant, podeu fer una altra cosa. Quan es baixin, feu clic a Acabar.

Part 2 de 4: Començar un nou projecte

4296302 10
4296302 10

Pas 1. Obriu Android Studio

Té una icona que s’assembla a una brúixola de dibuix en forma de A dins d’un cercle verd. Feu clic a la icona per obrir Android Studio.

4296302 11
4296302 11

Pas 2. Feu clic a + Inicia un nou projecte d'Android Studio

Es troba a la finestra anomenada "Benvingut a Android Studio", directament sota el logotip d'Android Studio. Si no veieu aquesta finestra, comproveu si aquesta finestra està oculta per altres finestres que heu obert.

4296302 12
4296302 12

Pas 3. Seleccioneu una activitat i feu clic a Següent

Quan inicieu un nou projecte d'Android, es mostren diverses plantilles que podeu seleccionar. També podeu seleccionar els dispositius que vulgueu dissenyar per utilitzar les pestanyes de la part superior (és a dir, Telèfon i tauleta, WearOS, TV, etc.) Per aprendre a crear aplicacions, heu de seleccionar "Activitat buida". Quan hàgiu descobert la programació d'aplicacions, podeu utilitzar les funcions addicionals que ofereixen les altres activitats.

4296302 13
4296302 13

Pas 4. Introduïu un nom per a la vostra aplicació

Això passa al camp que hi ha a sota de "Nom" a la part superior de la pàgina "Configura el projecte". Ha de ser breu i descriptiu perquè vegi de seguida per a què serveix l'aplicació.

4296302 14
4296302 14

Pas 5. Seleccioneu Java com a idioma

Utilitzeu el menú desplegable sota "Idioma" per seleccionar Java.

4296302 15
4296302 15

Pas 6. Seleccioneu per a quina versió d'Android voleu dissenyar

Utilitzeu el menú desplegable situat al costat de "Nivell mínim d'API" per seleccionar la primera versió d'Android amb què sigui compatible la vostra aplicació. Per a una aplicació senzilla, heu de triar una versió compatible amb la majoria de dispositius, fins i tot si és anterior.

4296302 16
4296302 16

Pas 7. Feu clic a Finalitza

Això crea un nou projecte d'Android Studio. Dediqueu uns quants minuts mentre el sistema de compilació automàtica configura el vostre projecte.

Part 3 de 4: Programació de l'aplicació

4296302 17
4296302 17

Pas 1. Compreneu què voleu fer

Penseu en quines aportacions donarà l’usuari, com el processareu (podeu improvisar durant la programació, però heu de tenir un resum de com hauria de funcionar), com mostrarà la sortida a l’usuari. Aquest exemple mostra com crear una aplicació on l'usuari pugui introduir dos números i es mostri la suma.

4296302 18
4296302 18

Pas 2. Obriu l'editor de traduccions

És una bona pràctica utilitzar només cadenes dels recursos de traducció, fins i tot si no traduïu l'aplicació. Seguiu els passos següents per obrir l'editor de traduccions:

  • Feu clic a la pestanya que diu activity_main.xml a la cima.
  • Feu clic al menú desplegable que diu "Per defecte (en-us)" a la part superior al costat d'una icona que s'assembla a un globus terrestre.
  • Feu clic a l'opció que diu Edita les traduccions ….
4296302 19
4296302 19

Pas 3. Afegiu text

Haureu d’explicar a l’usuari què se suposa que ha de fer amb l’aplicació. Seguiu els passos següents per afegir text:

  • Premeu el plus (+) a l'extrem superior esquerre de l'editor de traducció per afegir una cadena.
  • Inseriu una clau curta (és com un nom de variable, per exemple, "instrucció_major".)
  • Introduïu el text complet en anglès al costat de "Valor predeterminat" (és a dir, "Introduïu dos números per afegir:").
  • Feu clic a D'acord.
  • Si voleu, podeu afegir una configuració regional mitjançant el botó que representa un globus amb un signe + i, a continuació, traduir tot el text a aquesta configuració regional.
4296302 20
4296302 20

Pas 4. Feu clic a la pestanya activity_main.xml.

Això tanca l'editor de traducció i torna a la pantalla Activitat principal. Veureu una pantalla buida amb un quadre de text que mostra el text "Hola món!" al mig. De moment, es tracta d’una interfície força inútil.

4296302 21
4296302 21

Pas 5. Substituïu "Hola món

Seguiu els passos següents per substituir el text "Hello World!":

  • Feu clic al quadre de text del centre.
  • Seleccioneu l'entrada "etiquetada" a la part dreta.
  • Substitueix "Hola món!" amb "@ string / main_instruction" (o el que hagueu anomenat la clau que heu creat). El quadre de text mostrarà ara el text que heu introduït per a aquesta clau.
  • Arrossegueu el quadre de text més amunt de manera que tingueu espai per a altres elements a sota.
  • Feu clic amb el botó dret a l'entrada de "TextView" al menú que mostra tots els elements a la pantalla i seleccioneu Restringir Seguit per part superior dels pares.

    Si això mou el quadre de text a una posició inacceptable, torneu-lo a situar i repetiu. Seleccioneu Centre Seguit per Horitzontalment per centrar el quadre de text horitzontalment.

4296302 22
4296302 22

Pas 6. Col·loqueu dues entrades numèriques a la pantalla

Seguiu els passos següents per afegir entrades numèriques a la pantalla:

  • Feu clic a Text al tauler de l'esquerra, a sota de "Paleta".
  • Arrossegueu-ne dos Número (signat) entrades a la pantalla de previsualització.
  • Utilitzeu el quadre de text amb l'etiqueta "Identificador" al tauler Atributs a la dreta per canviar els identificadors a alguna cosa que pugueu recordar (és a dir, "número1" i "número2"). Eviteu utilitzar espais a l'identificador.
  • Limiteu i centreu les entrades numèriques tal i com heu fet amb el quadre de text de la part superior. Podeu ignorar l'advertència sobre l'atribut "autoFillHints" que falta.
4296302 23
4296302 23

Pas 7. Col·loqueu un botó "Afegeix" a la pantalla

Seguiu els passos següents per afegir un botó "Afegeix":

  • Feu clic a Botons al tauler de l'esquerra, a sota de "Paleta".
  • Arrossega Botó a la pantalla.
  • Afegiu una cadena a l'editor de traducció amb la clau "text_add" i "Add" com a valor predeterminat.
  • Torneu a "activity_main.xml" i substituïu el text "Button" per "@ string / text_add" al tauler Atributs de la dreta.
  • Doneu al botó un identificador descriptiu, com ara "buttonAdd" al costat de "Id" al tauler Atributs de la dreta.
  • Limiteu i centreu el botó com heu fet amb els altres objectes de la pantalla.
4296302 24
4296302 24

Pas 8. Afegiu les dues cadenes de traducció

Obriu l'Editor de traduccions i creeu dues cadenes noves. S'hauria de dir "resultat" com a clau i "Resultat" com a valor per defecte. L'altra s'hauria de dir "not_yet_calculated" com a clau i "no s'ha calculat encara" com a valor per defecte.

4296302 25
4296302 25

Pas 9. Afegiu altres dos quadres de text

Seguiu els passos següents per afegir dos quadres de text nous:

  • Torneu a la pestanya "Activity_main.xml".
  • Feu clic a Text al tauler de l'esquerra, a sota de "Paleta".
  • Arrossegueu-ne dos TextView quadres de text a la pantalla.
  • Substitueix les cadenes per les que has afegit.
  • Indiqueu un quadre de text que mostri "encara no calculat" un identificador com "resultOut" al camp "id" del tauler Atributs.
  • Limiteu aquests quadres de text a la part superior del pare i a l'inici del pare.
4296302 26
4296302 26

Pas 10. Canvieu a "mainActivity.java"

Aquest és el fitxer que conté el codi de l'aplicació.

4296302 27
4296302 27

Pas 11. Declareu les variables necessàries

Haureu d’obtenir l’entrada de l’usuari, reaccionar quan l’usuari prem un botó i canviar el quadre de text "encara no calculat" al resultat del càlcul. Per fer-ho, el programa ha de "veure" els elements a la pantalla. Heu de declarar-les com a definitives perquè mai no les canvieu directament, només els seus atributs. Escriviu el següent a la línia que hi ha a sota de la funció onCreate (), després de la línia amb "setContentView (). Si els quadres de text i els botons tenen noms diferents dels següents, canvieu-los segons calgui. Introduïu el codi manualment. No funcionarà si copieu i enganxeu. El codi és el següent:

text final EditText num1 = findViewById (R.id.number1); text final EditText num2 = findViewById (R.id.number2); botó final buttonAdd = findViewById (R.id.buttonAdd); textView final resultOut = findViewById (R.id.resultOut);

4296302 28
4296302 28

Pas 12. Creeu un oient de clics

Aquesta és la funció que s’anomena quan l’usuari fa clic al botó. Per afegir-ne un, escriviu el següent a sota de l'última línia de codi "final":

buttonAdd.setOnClickListener (nova View. OnClickListener () {@Override public void onClick (View v) {

} });

4296302 29
4296302 29

Pas 13. Afegiu codi a l'oient de clics

Voleu obtenir les entrades de l'usuari, convertir-les en enters, afegir-les juntes i canviar el text del quadre de text "encara no calculat" al resultat. Afegiu el codi següent a sota de la línia "public void onClick (View v)":

int sum = Integer.parseInt (num1.getText (). toString ()) + Integer.parseInt (num2.getText (). toString ()); resultOut.setText (Integer.toString (suma));

Part 4 de 4: provar l'aplicació

4296302 30
4296302 30

Pas 1. Construïu l'APK

Seguiu els passos següents per crear el fitxer APK:

  • Feu clic a Construeix fitxa.
  • Feu clic a Construeix paquets / APK (s)
  • Feu clic a Crea APK (s).
4296302 31
4296302 31

Pas 2. Feu clic a l'enllaç "localitzar" a la finestra emergent que apareix a l'extrem inferior dret

S’obrirà la carpeta amb l’APK al gestor de fitxers.

4296302 32
4296302 32

Pas 3. Connecteu el telèfon intel·ligent Android a l'ordinador

Utilitzeu el cable de transferència USB / microUSB per connectar el telèfon intel·ligent o la tauleta a l’ordinador.

4296302 33
4296302 33

Pas 4. Copieu l'APK al telèfon intel·ligent

Per evitar un embolic al telèfon intel·ligent, bé creeu un directori nou per als vostres APK (de moment només és un, però si continueu desenvolupant-ne, aviat en tindreu molts) o bé feu servir el directori de descàrregues. No copieu el fitxer.json, només l’ignoreu.

4296302 34
4296302 34

Pas 5. Cerqueu l'APK al telèfon intel·ligent

Obriu el gestor de fitxers. Si no és a les baixades recents ni a la secció APK, cerqueu-la.

4296302 35
4296302 35

Pas 6. Toqueu l'APK

Això us preguntarà si voleu instal·lar-lo. Aixeta i espereu la instal·lació.

  • Heu de permetre instal·lar aplicacions de fonts externes a la configuració del telèfon intel·ligent per poder instal·lar-la i provar-la.
  • Podeu suprimir l'APK després de la instal·lació. Sempre podeu crear-ne un de nou si el necessiteu de nou.
4296302 36
4296302 36

Pas 7. Obriu l'aplicació al telèfon intel·ligent

Com a icona tindrà un logotip blanc d'Android darrere d'un fons verd-blau fosc.

4296302 37
4296302 37

Pas 8. Comproveu si l'aplicació funciona com s'esperava

Consells

Si creeu alguna cosa que creieu que serà útil per a altres persones, podeu publicar la vostra aplicació en alguna plataforma de distribució com Google Play. Però, encara que esteu aprenent, també podeu guardar els vostres experiments de programació, ja que només els heu desat localment al telèfon intel·ligent i a l'ordinador

Advertiments

  • Escriure qualsevol ordre esmentat en aquest article a la línia d’ordres de Windows no funciona. Utilitzeu els altres mètodes especificats.
  • Instal·leu Android Studio només quan tingueu una bona connexió a Internet. Si s’interromp sovint durant el procés d’instal·lació, es poden produir problemes inesperats.

Recomanat: