Paano Lumikha ng isang App sa Android Studio: 8 Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Lumikha ng isang App sa Android Studio: 8 Hakbang (na may Mga Larawan)
Paano Lumikha ng isang App sa Android Studio: 8 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang App sa Android Studio: 8 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang App sa Android Studio: 8 Hakbang (na may Mga Larawan)
Video: 🔵HOW TO PUT APPS OR ICONS ON LAPTOP SCREEN/ PAANO MAG DOWNLOAD NG APPS SA LAPTOP/ TAGALOG 2024, Mayo
Anonim

Ang Android Studio ay ang opisyal na IDE para sa mga Android app. Wala itong gastos at sinusuportahan ang mga wika sa pagprograma ng Java at Kotlin. Nagbibigay ito sa iyo ng mahusay na kontrol sa kung ano ang ginagawa ng iyong app. Kaya bakit hindi i-program ang iyong app dito? Inaasahan ng artikulong ito na malaman mo ang mga pangunahing kaalaman sa Java, kung hindi mo, mangyaring tingnan ang Paano Isulat ang Iyong Unang Programa sa Java para sa isang pagpapakilala. Itinuturo sa iyo ng wikiHow na ito kung paano gumawa ng isang pangunahing app sa Android Studio.

Mga hakbang

Bahagi 1 ng 4: Pag-install ng Android Studio

4296302 1
4296302 1

Hakbang 1. I-download ang Android Studio

Tiyaking na-download mo ang tamang bersyon para sa operating system (ibig sabihin, Windows, Mac, Linux) na iyong ginagamit. Ang pag-download ay tungkol sa 1GB at maaaring tumagal ng ilang minuto upang mag-download. Gamitin ang mga sumusunod na hakbang upang mag-download at mag-install ng Android Studio: Tiyaking makuha ang bersyon para sa iyong system.

  • Pumunta sa https://developer.android.com/studio/index.html sa isang web browser.
  • I-click ang berdeng pindutan na nagsasabi Mag-download ng Android Studio (tiyakin na ang wastong operating system ay nakalista sa ibaba ng pindutan.)
  • I-click ang checkbox sa tabi ng "Nabasa ko at sumasang-ayon sa mga tuntunin at kundisyon sa itaas."
  • I-click ang asul na pindutan na nagsasabi Mag-download ng Android Studio para sa [Iyong Operating System].

  • Buksan ang file ng pag-install.
  • Sundin ang mga tagubilin sa screen
4296302 2
4296302 2

Hakbang 2. I-install ang mga dependency (Linux 64-bit Lamang)

Kung mayroon kang isang 64-bit na Linux computer (laktawan ang hakbang na ito kung wala ka), kakailanganin mong mag-install ng ilang karagdagang mga pakete. Sa isang system na gumagamit ng apt, pumasok sa linya ng utos: sudo apt-get install libc6: i386 libncurses5: i386 libstdc ++ 6: i386 lib32z1 libbz2-1.0: i386.

  • Kung gumagamit ang iyong system ng yum, ilagay ang sumusunod sa halip: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Bilang kahalili, madali mong mai-install ang Android Studio sa Ubuntu sa pamamagitan ng pagbubukas ng Software Center I-click ang icon na kahawig ng isang magnifying glass sa kanang sulok sa itaas at ipasok ang "Android Studio" sa search bar. I-click ang icon ng Android Studio at pagkatapos ay mag-click I-install Mayroon itong isang icon na kahawig ng isang drawing compass sa hugis ng isang "A" sa loob ng isang berdeng bilog.
4296302 3
4296302 3

Hakbang 3. I-extract ang archive (lLinux Only)

Laktawan ang hakbang na ito kung nag-download ka kung nag-download ka ng isang file ng pag-install sa Windows o Mac, o kung nag-download ka ng Android Studio mula sa Software Center sa Ubuntu. Kung hindi man, baguhin sa direktoryo kung saan mo na-download ang archive. Pagkatapos, alinman sa pag-right click dito sa file manager at piliin ang pagpipiliang "I-extract dito". o ipasok ang "tar -xf downloadName.tar.gz" sa linya ng utos (palitan ang "downloadName" ng pangalan ng file na na-download mo lamang).

4296302 4
4296302 4

Hakbang 4. Ilunsad ang Android Studio

Kung nag-download ka ng isang.exe o.dmg file, mag-double click lamang dito. Kung nag-download at nakakuha ka ng isang archive, buksan ang Terminal at palitan ang subdirectory na "bin" ng direktoryo na may mga nakuha na file (karaniwang "android-studio"). Ginagawa ito sa pamamagitan ng pagta-type ng cd android-studio / bin. Patakbuhin ang file na "studio.sh" sa pamamagitan ng pagta-type./studio.sh.

4296302 5
4296302 5

Hakbang 5. Magpasya kung mag-import ng mga setting

Kung ito ang iyong unang pagkakataon sa paggamit ng Android Studio, pumili Hindi. Kung ginamit mo ito dati at nais magkaroon ng nakaraang mga setting, piliin ang Oo at tukuyin kung saan mo nai-save ang mga ito.

4296302 6
4296302 6

Hakbang 6. Magpasya kung magpapadala ng data ng paggamit sa Google

Ito ay isang personal na desisyon at hindi magbabago ng anupaman sa proseso ng pag-install o pagprogram.

4296302 7
4296302 7

Hakbang 7. Maghintay hanggang sa lumitaw ang isang window

Tatawagin itong "Android Studio Setup Wizard". Mag-click sa Susunod Magpatuloy.

4296302 8
4296302 8

Hakbang 8. Magpasya kung gagawin ang isang pamantayan o pasadyang pag-install

Kung ito ang iyong unang pagkakataon sa paggamit ng Android Studio at / o wala kang mga espesyal na kinakailangan, dapat mong piliin ang "Karaniwan".

4296302 9
4296302 9

Hakbang 9. Maghintay hanggang ma-download ang mga sangkap at i-click ang Tapusin

Magtatagal ito ng ilang oras, at maaari kang gumawa ng iba pa samantala. Kapag na-download ang mga ito, mag-click sa Tapos na.

Bahagi 2 ng 4: Pagsisimula ng isang Bagong Proyekto

4296302 10
4296302 10

Hakbang 1. Buksan ang Android Studio

Mayroon itong isang icon na kahawig ng isang drawing compass sa hugis ng isang A sa loob ng isang berdeng bilog. I-click ang icon upang buksan ang Android Studio.

4296302 11
4296302 11

Hakbang 2. Mag-click sa + Magsimula ng isang bagong proyekto sa Android Studio

Matatagpuan ito sa window na may label na "Maligayang Pagdating sa Android Studio", direkta sa ilalim ng logo ng Android Studio. Kung hindi mo nakikita ang gayong window, suriin kung ang window na iyon ay nakatago ng iba pang mga bintana na iyong binuksan.

4296302 12
4296302 12

Hakbang 3. Pumili ng isang aktibidad at i-click ang Susunod

Kapag nagsimula ka ng isang bagong proyekto sa Android, nagpapakita ito ng iba't ibang mga template na maaari mong piliin. Maaari mo ring piliin ang mga aparato na nais mong idisenyo para sa paggamit ng mga tab sa tuktok (ie Telepono at tablet, WearOS, TV, atbp.) Para sa pag-alam kung paano gumawa ng mga app, dapat mong piliin ang "Walang laman na Aktibidad". Kapag naisip mo ang pag-program ng app, maaari mong gamitin ang mga karagdagang tampok na ibinibigay ng iba pang mga aktibidad.

4296302 13
4296302 13

Hakbang 4. Magpasok ng isang pangalan para sa iyong app

Pumunta ito sa patlang sa ibaba ng "Pangalan" sa tuktok ng pahina na "I-configure ang iyong proyekto". Dapat itong maging maikli at naglalarawan upang makita mo kaagad kung para saan ang app.

4296302 14
4296302 14

Hakbang 5. Piliin ang Java bilang wika

Gamitin ang drop-down na menu sa ibaba ng "Wika" upang pumili Java.

4296302 15
4296302 15

Hakbang 6. Piliin kung aling bersyon ng Android ang nais mong idisenyo

Gamitin ang drop-down na menu sa tabi ng "Pinakamababang antas ng API" upang mapili ang pinakamaagang bersyon ng Android na magkatugma ang iyong app. Para sa isang simpleng app, dapat kang pumili ng isang bersyon na sinusuportahan ng karamihan sa mga aparato, kahit na ito ay mas matanda.

4296302 16
4296302 16

Hakbang 7. I-click ang Tapusin

Lumilikha ito ng isang bagong proyekto sa Android Studio. Pahintulutan ang ilang minuto habang nai-set up ng automated build system ang iyong proyekto.

Bahagi 3 ng 4: Programming ang App

4296302 17
4296302 17

Hakbang 1. Maunawaan kung ano ang nais mong gawin

Mag-isip tungkol sa kung anong input ang ibibigay ng gumagamit, kung paano mo ito iproseso (maaari kang mag-improvise habang nagprograma, ngunit dapat kang magkaroon ng isang balangkas kung paano ito dapat gumana), kung paano mo ipapakita ang output sa gumagamit. Ipinapakita ng halimbawang ito kung paano lumikha ng isang app kung saan maaaring maglagay ang gumagamit ng dalawang numero at ipinapakita ang kabuuan.

4296302 18
4296302 18

Hakbang 2. Buksan ang editor ng mga pagsasalin

Mahusay na kasanayan na gumamit lamang ng mga string mula sa mga mapagkukunan ng pagsasalin, kahit na hindi mo isasalin ang app. Gamitin ang mga sumusunod na hakbang upang buksan ang editor ng Mga Pagsasalin-wika:

  • I-click ang tab na nagsasabing aktibidad_main.xml sa taas.
  • Mag-click sa drop-down na menu na nagsasabing "Default (en-us)" sa tuktok sa tabi ng isang icon na kahawig ng isang mundo.
  • Mag-click sa pagpipilian na nagsasabi I-edit ang mga pagsasalin….
4296302 19
4296302 19

Hakbang 3. Magdagdag ng ilang teksto

Kakailanganin mong ipaliwanag sa gumagamit kung ano ang dapat nilang gawin sa app. Gamitin ang mga sumusunod na hakbang upang magdagdag ng teksto:

  • Pindutin ang plus (+) na pindutan sa kaliwang sulok sa itaas ng editor ng pagsasalin upang magdagdag ng isang string.
  • Magpasok ng isang maikling key (ito ay tulad ng isang variable na pangalan, halimbawa "main_instruction".)
  • Ipasok ang buong teksto sa Ingles sa tabi ng "Default na Halaga" (ibig sabihin, "Magpasok ng dalawang numero upang idagdag:").
  • Mag-click Sige.
  • Kung nais mo, maaari kang magdagdag ng isang lokal gamit ang pindutan na naglalarawan ng isang mundo na may isang + sign dito, at pagkatapos ay isalin ang lahat ng teksto sa lokal na iyon.
4296302 20
4296302 20

Hakbang 4. I-click ang tab na aktibidad_main.xml.

Isinasara nito ang editor ng pagsasalin at bumalik sa screen ng Pangunahing Aktibidad. Makakakita ka ng isang walang laman na screen na may isang textbox na nagpapakita ng teksto na "Hello World!" nasa gitna. Sa ngayon, ito ay isang medyo walang silbi na interface.

4296302 21
4296302 21

Hakbang 5. Palitan ang "Hello World

". Gamitin ang mga sumusunod na hakbang upang mapalitan ang tekstong" Hello World! ":

  • Mag-click sa textbox sa gitna.
  • Piliin ang input na may label na "teksto" sa kanang bahagi.
  • Palitan ang "Kamusta mundo!" gamit ang "@ string / main_instruction" (o kung ano man ang tinawag mong key na nilikha mo). Ipapakita na ngayon ng textbox ang teksto na iyong ipinasok para sa key na iyon.
  • I-drag pa ang textbox paitaas upang magkaroon ka ng puwang para sa iba pang mga elemento sa ibaba nito.
  • Mag-right click sa entry ng "TextView" sa menu na nagpapakita ng lahat ng mga item sa screen at piliin Pinipigilan sinundan ng pang-itaas ng magulang.

    Kung ilipat nito ang textbox sa isang hindi katanggap-tanggap na posisyon, ilipat ito pabalik sa kung nasaan ito at ulitin. Pumili Gitna sinundan ng Pahalang upang i-center ang textbox nang pahalang.

4296302 22
4296302 22

Hakbang 6. Ilagay ang dalawang mga numerong input sa screen

Gamitin ang mga sumusunod na hakbang upang magdagdag ng mga pag-input na may bilang sa screen:

  • Mag-click Text sa panel sa kaliwa sa ibaba ng "Palette."
  • I-drag ang dalawa Numero (Nilagdaan) mga input sa preview screen.
  • Gamitin ang kahon ng teksto na may label na "Id" sa panel ng Mga Katangian sa kanan upang baguhin ang mga ID sa isang bagay na maaari mong matandaan (ibig sabihin, "number1" at "number2".) Iwasang gamitin ang mga puwang sa Id.
  • Pigilan at isentro ang mga input ng numero tulad ng ginawa mo sa textbox sa itaas. Maaari mong balewalain ang babalang tungkol sa nawawalang katangiang "autoFillHints".
4296302 23
4296302 23

Hakbang 7. Maglagay ng isang "Magdagdag" na pindutan sa screen

Gamitin ang mga sumusunod na hakbang upang magdagdag ng isang pindutang "Magdagdag":

  • Mag-click Mga Pindutan sa panel sa kaliwa sa ibaba ng "Palette."
  • Kaladkarin Pindutan papunta sa screen.
  • Magdagdag ng isang string sa editor ng pagsasalin na may key na "text_add" at "Idagdag" bilang default na halaga.
  • Bumalik sa "activity_main.xml" at palitan ang teksto ng "Button" ng "@ string / text_add" sa panel ng Mga Katangian sa kanan
  • Bigyan ang pindutan ng isang mapaglarawang ID, tulad ng "buttonAdd" sa tabi ng "Id" sa panel ng Mga Katangian sa kanan.
  • Pigilan at isentro ang pindutan tulad ng ginawa mo sa iba pang mga bagay sa screen.
4296302 24
4296302 24

Hakbang 8. Idagdag ang dalawang mga string ng pagsasalin

Buksan ang Editor ng Pagsasalin at lumikha ng dalawang bagong mga string. Ang isa ay dapat tawaging "resulta" bilang susi at "Resulta" bilang default na halaga. Ang isa pa ay dapat tawaging "not_yet_calculated" bilang susi at "hindi pa nakakalkula" bilang default na halaga.

4296302 25
4296302 25

Hakbang 9. Magdagdag ng dalawang iba pang mga textbox

Gamitin ang mga sumusunod na hakbang upang magdagdag ng dalawang bagong mga text box:

  • Bumalik sa tab na "Aktibidad_main.xml".
  • Mag-click Text sa panel sa kaliwa sa ibaba ng "Palette".
  • I-drag ang dalawa TextView mga text box papunta sa screen.
  • Palitan ang mga string ng mga naidagdag mo.
  • Bigyan ang textbox na nagpapakita ng "hindi pa nakakalkula" isang ID tulad ng "resultOut" sa patlang na "id" ng panel ng Mga Katangian.
  • Pigilan ang mga textbox na ito sa itaas ng magulang at sa simula ng magulang.
4296302 26
4296302 26

Hakbang 10. Lumipat sa "mainActivity.java"

Ito ang file na naglalaman ng app code.

4296302 27
4296302 27

Hakbang 11. Ipahayag ang kinakailangang mga variable

Kakailanganin mong makuha ang input ng gumagamit, upang makapag-reaksyon kapag pinindot ng gumagamit ang isang pindutan, at baguhin ang textbox na "hindi pa nakakalkula" sa resulta ng pagkalkula. Upang magawa ito, kailangang "makita" ng programa ang mga item sa screen. Dapat mong ideklara ang mga ito bilang pangwakas dahil hindi mo sila babaguhin nang direkta, ang kanilang mga katangian lamang. Kaya i-type ang sumusunod sa linya sa ibaba ng onCreate () function, pagkatapos ng linya na may "setContentView (). Kung ang mga textboxes at pindutan ay may magkakaibang pangalan kaysa sa ibaba, baguhin ang mga ito kung kinakailangan. Manu-manong ipasok ang code. Hindi ito gagana kung makopya at mai-paste mo. Ang code ay ang mga sumusunod:

pangwakas na EditText num1 = findViewById (R.id.number1); pangwakas na EditText num2 = findViewById (R.id.number2); panghuling Button buttonAdd = findViewById (R.id.buttonAdd); huling resulta ng TextViewOut = findViewById (R.id.resultOut);

4296302 28
4296302 28

Hakbang 12. Lumikha ng isang nakikinig sa pag-click

Ito ang pagpapaandar na tinatawag kapag nag-click ang gumagamit sa pindutan. Upang magdagdag ng isa, i-type ang sumusunod sa ibaba ng huling "huling" linya ng code:

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

} });

4296302 29
4296302 29

Hakbang 13. Magdagdag ng code sa tagapakinig ng pag-click

Nais mong makuha ang mga input ng gumagamit, i-convert ang mga ito sa mga integer, idagdag ang mga ito nang magkasama, at baguhin ang teksto ng "hindi pa nakakalkula" na textbox sa resulta. Idagdag ang sumusunod na code sa ibaba ng linya na "publiko na walang bisa saClick (View v)":

int sum = Integer.parseInt (num1.getText (). toString ()) + Integer.parseInt (num2.getText (). toString ()); resultaOut.setText (Integer.toString (kabuuan));

Bahagi 4 ng 4: Pagsubok sa App

4296302 30
4296302 30

Hakbang 1. Buuin ang APK

Gamitin ang mga sumusunod na hakbang upang mabuo ang APK file:

  • I-click ang Magtayo tab
  • Mag-click Bumuo ng Mga Bundle / s / APK (s)
  • Mag-click Build APK (s).
4296302 31
4296302 31

Hakbang 2. Mag-click sa link na "hanapin" sa lilitaw na pop-up sa kanang ibabang sulok

Bubuksan nito ang folder na may APK sa file manager.

4296302 32
4296302 32

Hakbang 3. Ikonekta ang iyong Android smartphone sa iyong computer

Gamitin ang USB / microUSB transfer cable upang ikonekta ang iyong smartphone o tablet sa iyong computer.

4296302 33
4296302 33

Hakbang 4. Kopyahin ang APK sa iyong smartphone

Upang maiwasan na gumawa ng gulo sa smartphone, alinman lumikha ng isang bagong direktoryo para sa iyong mga APK (sa ngayon isa lamang ito, ngunit kung magpatuloy kang bumuo, magkakaroon ka ng marami) o gamitin ang direktoryo ng Mga Pag-download. Huwag kopyahin ang.json file, huwag pansinin lamang ito.

4296302 34
4296302 34

Hakbang 5. Hanapin ang APK sa smartphone

Buksan ang file manager. Kung wala ito sa mga kamakailang pag-download o sa seksyon ng mga APK, hanapin ito.

4296302 35
4296302 35

Hakbang 6. Mag-tap sa APK

Tatanungin ka nito kung i-install mo ito. Tapikin Oo at hintayin ang pag-install.

  • Kailangan mong payagan ang pag-install ng mga app mula sa mga panlabas na mapagkukunan sa mga setting ng smartphone upang mai-install at masubukan ang iyong app dito.
  • Maaari mong tanggalin ang APK pagkatapos ng pag-install. Maaari kang laging bumuo ng bago sa iyong computer kung kailangan mo ito muli.
4296302 36
4296302 36

Hakbang 7. Buksan ang app sa smartphone

Magkakaroon ito ng isang puting logo ng Android sa likod ng isang madilim na asul-berde na background bilang icon.

4296302 37
4296302 37

Hakbang 8. Suriin kung gumana ang app tulad ng inaasahan

Mga Tip

Kung lumikha ka ng isang bagay na sa palagay mo ay kapaki-pakinabang sa iba, maaari mong mai-publish ang iyong app sa ilang pamamahagi platform tulad ng Google Play. Ngunit habang natututo ka pa rin, maaari mo ring mapanatili ang iyong mga eksperimento sa pag-program sa iyong sarili, na nai-save lamang ang mga ito nang lokal sa iyong smartphone at computer

Mga babala

  • Ang pag-type ng anumang mga utos na nabanggit sa artikulong ito sa linya ng utos ng Windows ay hindi gagana. Sa halip ay gamitin ang iba pang mga pamamaraan na tinukoy.
  • I-install lamang ang Android Studio kapag mayroon kang isang mahusay na koneksyon sa internet. Kung madalas itong nagambala sa panahon ng proseso ng pag-install, maaaring maganap ang mga hindi inaasahang problema.

Inirerekumendang: