Kotlin vodič: Hello world

Ovaj vodič pomaže vam da započnete s Kotlinom i razvojem za Android. Objašnjava što vam je potrebno za pisanje vašeg prvog Kotlin programa, odakle preuzeti potrebne alate, kako instalirati te alate i kako napisati svoj prvi 'Hello world' program. Ako nikada prije niste pisali Kotlin program, ovo je mjesto za početak. Napravili smo ovaj članak kako biste mogli započeti s Kotlinom i prijeći na naše SMS primjere. Ako ste već upoznati s Kotlinom, možete preskočiti izravno na jedan od sljedećih SMS primjera.

Kotlin SMS primjeri:

Kotlin pošalji SMS s HTTP REST API-jem (primjer koda)
Kotlin pošalji više SMS-ova s HTTP REST API-jem (primjer koda)
Kotlin zakazivanje SMS-a s HTTP REST API-jem (primjer koda)
Kotlin primanje SMS-a s HTTP REST API-jem (primjer koda)
Kotlin brisanje SMS-a s HTTP REST API-jem (primjer koda)
Preuzmite najnoviju Kotlin SMS API biblioteku s Githuba

Što je Kotlin

Kotlin je višeplatformski programski jezik. Sliči prirodnom jeziku, poput engleskog. Koristi se za komunikaciju s računalom. Glavna razlika između prirodnog jezika i programskog jezika je u tome što programski jezici imaju strožu strukturu kako bi računalo bolje razumjelo.

Što je Kotlin Hello world program?

Hello world program je najjednostavniji program koji možete napisati. Jednostavno ispisuje rečenicu: Hello world na zaslonu računala. Hello World program je prvi program koji programeri pišu u bilo kojem programskom jeziku.

Napišite svoj prvi program u Kotlinu

Da biste napisali svoj prvi program u Kotlinu:

  1. Postavite Android Studio
  2. Kreirajte novi projekt u Android Studiju
  3. Prebacite se na prikaz koda
  4. Napišite Hello World program u Kotlinu
  5. Pokrenite aplikaciju
  6. Provjerite izlaz
  7. Testirajte gumb
  8. Ispravite greške ako je potrebno

Preduvjeti

Evo što vam je potrebno za početak. Da biste napisali svoj prvi računalni program u Kotlinu, potrebno vam je Windows računalo, Android Studio, Android emulator i primjer koda prikazanog u nastavku.

  • Windows 10 računalo
  • Android Studio
  • Android emulator
  • Ozeki Hello World primjer projekta

Preuzmite Android Studio

Započnite s kodiranjem u Kotlinu preuzimanjem Android Studija (Video 1). Da biste preuzeli instalacijski program za Android Studio, možete koristiti ovu poveznicu: https://developer.android.com/studio.

Video 1 - Kako preuzeti Android Studio (Video vodič)

Preuzmite Android Studio

Da biste započeli s programiranjem u Kotlinu, prvo morate preuzeti Android Studio. Preuzmite instalacijski program za Android Studio tako što ćete posjetiti njihovu web stranicu: https://developer.android.com/studio. Kliknite na zeleni gumb Download Android Studio kako biste započeli preuzimanje instalacijskog programa na svoje računalo (Slika 1).

Slika 1 - Preuzimanje Android Studija

Instalirajte Android Studio

Nakon uspješnog preuzimanja, možemo nastaviti s instalacijom Android Studija. Ovaj video prikazuje cijeli proces instalacije, tako da možete slijediti korake kako biste ga uspješno dovršili (Video 2).

Video 2 - Kako instalirati Android Studio (Video vodič)

Kreiranje našeg prvog projekta u Android Studiju

Da bismo napisali našu prvu 'hello world' aplikaciju, moramo kreirati novi projekt u Android Studiju (Video 3).

Video 3 - Kako kreirati novi projekt u Android Studiju (Video vodič)

Pisanje našeg 'hello world' programa

U ovom primjeru, napisat ćemo program koji će zamijeniti zadani tekst 'Hello World!' u elementu TextView.
Da bismo to učinili, morat ćemo dati elementu TextView id, i moramo dodati element Button u izgled.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/buttonToReplaceText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="158dp"
        android:layout_marginLeft="158dp"
        android:layout_marginTop="391dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>
	

Savjet: Možete pogledati .xml verziju svog izgleda tako da kliknete na gumb za kod u datoteci main_activity.xml. (Slika 3)

Prikaz dizajna

Nakon uspješnog stvaranja i otvaranja projekta u Android Studiju, naći ćete se u prikazu dizajna. Ovdje možemo postavljati grafičke elemente i dizajnirati vizualni izgled naše aplikacije. Da biste prešli na kod svoje aplikacije, morate otvoriti .xml prikaz. Učinite to klikom na gumb Code u gornjem desnom kutu (Slika 2) U .xml prikazu možete uređivati kod svoje aplikacije.

Slika 2 - Prikaz dizajna vašeg projekta

Prikaz koda

Kada ste u prikazu koda, možete početi uređivati kod svoje aplikacije. Ovdje se objekti koje ste postavili u prikazu dizajna također pojavljuju kao kod (Slika 3). Možete koristiti uređivač teksta za izmjenu određenih svojstava vašeg izgleda. Glavna funkcija prikaza koda je mogućnost dodjeljivanja funkcija elementima (na primjer gumbima).

Slika 3 - Prikaz koda vašeg projekta

Kotlin kod

U ovom primjeru pišemo kod koji zamjenjuje tekst "Hello World" s "Hello Ozeki". Kod u nastavku koristi objektno orijentirano programiranje (OOP) jer radi s klasama. Stvaramo klase, zatim stvaramo različite objekte unutar klase. Dodjeljujemo funkcije tim objektima kako bi izvršavali zadatke kada se pokrenu.

MainActivity.kt

package com.example.helloworld

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //Napisat ćemo program koji će zamijeniti tekst Hello World s Hello Ozeki
        val button : android.widget.Button = findViewById(R.id.buttonToReplaceText)
        val text : android.widget.TextView = findViewById(R.id.text)
        button.setOnClickListener {
            text.text = "Hello Ozeki!"
        }
    }
}
	

Pisanje koda u Kotlinu

Ovaj video pokazuje kako stvaramo kod u Kotlinu (Video 4). Ovaj kod će promijeniti tekst kada se pritisne gumb.

Video 4 - Kako napisati Kotlin kod (Video tutorial)

Pokretanje našeg 'hello world' programa

Nakon što smo napisali Kotlin kod i spremili ga, možemo nastaviti s izgradnjom aplikacije.
Da bismo vidjeli radi li naša aplikacija kako želimo, koristit ćemo android emulator koji je već stvoren za nas u Android Studiju.
U sljedećem videu, pokazat ću vam kako pokrenuti svoju Kotlin baziranu aplikaciju po prvi put u Android Studiju.

Napomena: Kada prvi put pokrenete svoj kod, može potrajati 5-8 minuta da se pokrene, ali će trajati kraće ako ste već napravili svoju prvu izgradnju.

Video 5 - Kako pokrenuti svoju Kotlin baziranu aplikaciju u Android Studiju (Video tutorial)

Kako pokrenuti svoju aplikaciju

Možete pokrenuti svoju Kotlin baziranu aplikaciju iz Android Studija kako biste je testirali. Učinite to klikom na zeleni gumb Play u alatnoj traci na vrhu (Slika 4). To će pokrenuti vašu aplikaciju u nekoj vrsti Android emulatora na vašem računalu. Na taj način možete testirati svoju aplikaciju prije nego što je izvezete na mobilni uređaj.

Slika 4 - Kako pokrenuti svoju aplikaciju

Izlaz vašeg koda

Nakon što pokrenete svoju aplikaciju baziranu na Kotlinu u Android Studiju, možete je koristiti na svom računalu. Ovdje možemo vidjeti da ako kliknemo na gumb, tekst se mijenja iz "Hello World!" u "Hello Ozeki!" (Slika 5). U kasnijem dijelu ovog vodiča, pokazat ćemo vam kako također možete pokrenuti svoj program na Android uređajima spojenim na računalo.

Slika 5 - Izlaz vašeg koda

Što ako napravite grešku u svom Kotlin kodu

Ako napravite grešku u Android Studiju, IDE će označiti grešku u vašem kodu valovitom crtom. Ako ne prepoznate grešku i pokrenete svoj kod, IDE neće prikazati ništa u emulatoru, umjesto toga, reći će vam na kojoj je liniji greška i koja je priroda greške.
U sljedećem primjeru pokazat ću vam što se događa kada vaš kod sadrži grešku.

Što je sintaksna greška?

Sintaksna greška znači da ne razumijem. Ako razgovarate s nekim na engleskom i on ne razumije što govorite, odgovorit će s "Ne razumijem". Ako razgovarate s računalom na Kotlinu i računalo ne razumije što govorite, odgovorit će s "Sintaksna greška".

Kako riješiti sintaksnu grešku u Kotlinu?

U kodu ispod namjerno ćemo stvoriti sintaksnu grešku tako što nećemo staviti točku-zarez nakon linije Hello World. Vidjet ćete kako računalo reagira, kako ćemo popraviti grešku i kako ćemo uspješno pokrenuti računalni program.

Izvješće o grešci u Android Studiju

Android Studio obavještava programere o greškama na više načina. Prvo, ako urednik teksta otkrije da će linija koda rezultirati sintaksnom greškom, podcrtat će liniju crvenom bojom (Slika 6). Osim toga, vaše greške također se prikazuju dolje lijevo na kartici Build Output. Ako vaš program naiđe na grešku tijekom izvođenja, problemi će biti navedeni u Build Outputu.

Slika 6 - Izvješće o grešci u Android Studiju

Napravite i popravite grešku u Android Studiju

U ovom videu namjerno ćemo napraviti sintaksnu grešku u kodu (Video 6). Zatim ćemo vidjeti prikazanu grešku, kao i kako je popraviti.

Video 6 - Kako napraviti i popraviti grešku u Android Studiju (Video vodič)

Također možete pokrenuti svoj program na Android uređajima spojenim na računalo

Da biste koristili svoj telefon u razvojne svrhe, morate uključiti opcije za programere.
U našem slučaju koristimo Huawei uređaj. Da biste uključili opcije za programere na Huawei uređaju, trebate ući u O telefonu zatim pritisnuti serijski broj telefona 3 puta. Sada ste programer.
To može biti drugačije za druge Android telefone.
Nakon toga, samo morate omogućiti USB debugiranje u Opcijama za programere.
Ako ste omogućili USB debugiranje, naziv vašeg uređaja pojavit će se među uređajima.

Pokretanje aplikacije na Androidu

Pokretanjem vašeg programa na Android uređaju spojenom na računalo postići ćete isti rezultat kao s Android Studijom. Ovdje možemo vidjeti da je prvo prikazan tekst "Hello World!" prije pritiska na ljubičasti gumb (Slika 7). Nakon pritiska na gumb, tekst se mijenja u "Hello Ozeki!". Kao što možete vidjeti, radi na isti način kao i na virtualnom uređaju. (Slika 8)

Slika 7 - Aplikacija prije pritiska na gumb

Slika 8 - Aplikacija nakon pritiska na gumb

Sažetak

Ovaj dokument napisan je kako bi vam pomogao da započnete s Kotlinom podučavajući vas kako napisati klasični Hello World program na ovom jeziku. Dali smo sve od sebe kako bismo ovaj vodič učinili što lakšim i razumljivijim kako biste mogli udobno naučiti osnove programiranja u Kotlinu. Hello World program samo je početak, dok pratite prikazane korake, naučit ćete sve što je potrebno za pripremu za pisanje bilo kojeg većeg Kotlin programa.

Možete naučiti više o stvaranju i korištenju Kotlin rješenja na web stranici Ozeki. Nastavite svoje učenje ovdje, pročitajte sljedeći dokument pod naslovom Kako poslati SMS iz Kotlina.

Ne gubite više vremena, preuzmite Ozeki SMS Gateway sada!

More information