Kotlin oktatóanyag: Hello world

Ez az oktatóanyag segít elindulni a Kotlin és az Android fejlesztés világában. Bemutatja, mire van szükséged az első Kotlin program megírásához, honnan töltheted le a szükséges eszközöket, hogyan telepítsd ezeket, és hogyan írd meg az első "Hello world" programodat. Ha még soha nem írtál Kotlin programot, itt a legjobb hely az elinduláshoz. Ezt a cikket azért hoztuk létre, hogy könnyedén belekezdhess a Kotlin használatába, majd rátehess a lábát az SMS példáinkra. Ha már ismered a Kotlint, akkor közvetlenül ugorhatsz az alábbi SMS példák egyikéhez.

Kotlin SMS példák:

SMS küldése Kotlinban HTTP REST API-val (kódpélda)
Több SMS küldése Kotlinban HTTP REST API-val (kódpélda)
SMS ütemezése Kotlinban HTTP REST API-val (kódpélda)
SMS fogadása Kotlinban HTTP REST API-val (kódpélda)
SMS törlése Kotlinban HTTP REST API-val (kódpélda)
Töltsd le a legújabb Kotlin SMS API könyvtárat a Githubról

Mi az a Kotlin?

A Kotlin egy többplatformos programozási nyelv. Hasonlít a természetes nyelvekhez, mint például az angol. A számítógéppel való kommunikációra használják. A fő különbség a természetes nyelvek és a programozási nyelvek között az, hogy a programozási nyelvek szigorúbb szerkezettel rendelkeznek, hogy a számítógép jobban megérthesse őket.

Mi az a Kotlin Hello world program?

A "hello world" program a legegyszerűbb program, amit megírhatsz. Egyszerűen kiírja a következő mondatot: Hello world a számítógép képernyőjére. A Hello World program az első program, amit a fejlesztők bármely programozási nyelven megírnak.

Írd meg az első programodat Kotlinban

Az első Kotlin program megírásához:

  1. Állítsd be az Android Studio-t
  2. Hozz létre egy új Android Studio projektet
  3. Válts Kód nézetre
  4. Írd meg a Hello World programot Kotlinban
  5. Futtasd az alkalmazást
  6. Ellenőrizd a kimenetet
  7. Teszteld a gombot
  8. Javítsd a hibákat, ha szükséges

Előfeltételek

Íme, amire szükséged lesz az elinduláshoz. Az első számítógépes program megírásához Kotlinban szükséged lesz egy Windowsos számítógépre, Android Studio-ra, egy Android emulátorra, valamint az alább bemutatott példakódra.

  • Windows 10 számítógép
  • Android Studio
  • Android emulátor
  • Ozeki Hello World példaprojekt

Android Studio letöltése

Kezdd el a kódolást Kotlinban az Android Studio letöltésével (1. videó). Az Android Studio telepítő letöltéséhez használd ezt a linket: https://developer.android.com/studio.

1. videó - Az Android Studio letöltése (Videó útmutató)

Android Studio letöltése

A Kotlinban való programozás megkezdéséhez először le kell töltened az Android Studio-t. Töltsd le az Android Studio telepítőjét a weboldalukról: https://developer.android.com/studio. Kattints a zöld Download Android Studio gombra a telepítő számítógépre történő letöltésének megkezdéséhez (1. ábra).

1. ábra - Android Studio letöltése

Android Studio telepítése

A sikeres letöltés után folytathatjuk az Android Studio telepítésével. Ez a videó a telepítés teljes folyamatát bemutatja, így követve a lépéseket sikeresen elvégezheted (2. videó).

2. videó - Az Android Studio telepítése (Videó útmutató)

Első projekt létrehozása az Android Studioban

Az első "hello world" alkalmazás megírásához létre kell hoznunk egy új projektet az Android Studioban (3. videó).

3. videó - Új Android Studio projekt létrehozása (Videó útmutató)

"Hello world" program megírása

Ebben a példában egy olyan programot fogunk írni, amely lecseréli az alapértelmezett "Hello World!" szöveget a TextView elemben.
Ehhez azonosítót kell adnunk a TextView elemnek, és hozzá kell adnunk egy Button elemet a elrendezéshez.

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>

Tipp: A elrendezés .xml verzióját a main_activity.xml fájlban a kód gombra kattintva tekintheted meg. (3. ábra)

Tervező nézet

Az Android Studioban történő sikeres projekt létrehozása és megnyitása után a tervező nézetben találod magad. Itt grafikus elemeket helyezhetünk el és tervezhetjük az alkalmazásunk vizuális megjelenését. Az alkalmazás kódjának megtekintéséhez nyisd meg az .xml nézetet. Ehhez kattints a jobb felső sarokban található Kód gombra (2. ábra) Az .xml nézetben szerkesztheted az alkalmazás kódját.

2. ábra - A projekt tervező nézete

Kód nézet

Miután a kód nézetben vagy, elkezdheted szerkeszteni az alkalmazás kódját. Itt a tervező nézetben elhelyezett objektumok is megjelennek kód formájában (3. ábra). A szövegszerkesztővel módosíthatod a elrendezés bizonyos tulajdonságait. A kód nézet fő funkciója azonban, hogy funkciókat rendelhess elemekhez (például gombokhoz).

3. ábra - A projekt kód nézete

Kotlin kód

Ebben a példában egy olyan kódot írunk, amely a "Hello World" szöveget "Hello Ozeki"-re cseréli. Az alábbi kód objektumorientált programozást (OOP) használ, mivel osztályokkal dolgozik. Osztályokat hozunk létre, majd különböző objektumokat hozunk létre az osztályon belül. Funkciókat rendelünk ezekhez az objektumokhoz, hogy feladatokat hajtsanak végre, amikor aktiválódnak.

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)
        //Olyan programot írunk, amely a Hello World szöveget Hello Ozeki-re cseréli
        val button : android.widget.Button = findViewById(R.id.buttonToReplaceText)
        val text : android.widget.TextView = findViewById(R.id.text)
        button.setOnClickListener {
            text.text = "Hello Ozeki!"
        }
    }
}

Kód írása Kotlinban

Ez a videó bemutatja, hogyan hozzuk létre a kódot Kotlinban (4. videó). Ez a kód megváltoztatja a szöveget, amikor megnyomják a gombot.

4. videó - Kotlin kód írása (Videó útmutató)

"Hello world" program futtatása

Miután megírtuk és elmentettük a Kotlin kódot, folytathatjuk az alkalmazás összeállításával.
Annak ellenőrzéséhez, hogy az alkalmazásunk a várt módon működik-e, egy android emulátort fogunk használni, amelyet az Android Studio már létrehozott számunkra.
A következő videóban megmutatom, hogyan futtathatod először a Kotlin alapú alkalmazásodat az Android Studioban.

Megjegyzés: Amikor először futtatod a kódod, 5-8 percig is eltarthat az indítás, de kevesebb időt vesz igénybe, ha már elvégezted az első összeállítást.

5. videó - Kotlin alapú alkalmazás futtatása Android Studioban (Videó útmutató)

Az alkalmazás futtatása

A Kotlin alapú alkalmazásodat az Android Studioból futtathatod tesztelés céljából. Ehhez kattints a felső eszköztáron található zöld Play gombra (4. ábra). Ez elindítja az alkalmazásodat egyfajta Android emulátorban a számítógépeden. Így tesztelheted az alkalmazásodat, mielőtt mobilra exportálnád.

4. ábra - Az alkalmazás futtatása

A kód kimenete

Miután elindítottad a Kotlin alapú alkalmazásodat az Android Studioban, használhatod a számítógépeden. Itt láthatjuk, hogy ha megnyomjuk a gombot, a szöveg "Hello World!"-ről "Hello Ozeki!"-ra változik (5. ábra). Az oktatóanyag későbbi részében megmutatjuk, hogyan futtathatod a programodat a számítógéphez csatlakoztatott android eszközökön is.

5. ábra - A kód kimenete

Mi történik, ha hibázol a Kotlin kódodban

Ha hibázol az Android Studioban, az IDE hullámos vonallal jelöli a hibát a kódodban. Ha nem veszed észre a hibát, és futtatod a kódod, az IDE nem jelenít meg semmit az emulátorban, helyette megmondja, hogy melyik sorban van a hiba, és mi a hiba jellege.
A következő példában megmutatom, mi történik, ha a kódod hibát tartalmaz.

Mi az a szintaktikai hiba?

A szintaktikai hiba azt jelenti, hogy nem értem. Ha valakivel angolul beszélsz, és nem érti, amit mondasz, azt fogja válaszolni: "Nem értem". Ha egy számítógéppel Kotlinban beszélsz, és a számítógép nem érti, amit mondasz, azt fogja válaszolni: "Szintaktikai hiba".

Hogyan kezeljünk szintaktikai hibát Kotlinban?

Az alábbi kódban szándékosan hozunk létre egy szintaktikai hibát azzal, hogy nem teszünk pontosvesszőt a Hello World sor után. Látni fogod, hogyan reagál a számítógép, hogyan javítjuk a hibát, és hogyan futtatjuk sikeresen a számítógépes programot.

Hibajelentés az Android Studioban

Az Android Studio többféleképpen értesíti a fejlesztőket a hibákról. Először is, ha a szövegszerkesztő észleli, hogy egy kódsor szintaktikai hibát eredményez, piros vonallal aláhúzza a sort (6. ábra). Ezenkívül a hibáid a bal alsó sarokban, a Build Output lapon is megjelennek. Ha a programod hibát észlel futás közben, a problémák a Build Outputban lesznek felsorolva.

6. ábra - Hibajelentés az Android Studioban

Hiba készítése és javítása az Android Studioban

Ebben a videóban szándékosan hozunk létre egy szintaktikai hibát a kódban (6. videó). Aztán látni fogjuk a hibát, valamint azt, hogyan javíthatjuk ki.

6. videó - Hiba készítése és javítása az Android Studioban (Videó útmutató)

A programodat futtathatod a számítógéphez csatlakoztatott android eszközökön is

A telefonod fejlesztői célokra történő használatához be kell kapcsolnod a fejlesztői lehetőségeket.
Esetünkben egy Huawei eszközt használunk. A fejlesztői lehetőségek bekapcsolásához egy Huawei eszközön lépj be a Telefonról menübe, majd nyomd meg háromszor a telefon sorozatszámát. Most már fejlesztő vagy.
Más android telefonokon eltérő lehet.
Ezután csak be kell kapcsolnod az USB hibakeresést a Fejlesztői lehetőségek között.
Ha engedélyezted az USB hibakeresést, az eszközöd neve megjelenik az eszközök között.

Az alkalmazás futtatása Androidon

Ha a programodat a számítógéphez csatlakoztatott android eszközön futtatod, ugyanazt az eredményt éred el, mint az Android Studioval. Itt láthatjuk, hogy a megjelenített szöveg először "Hello World!", mielőtt megnyomnánk a lila gombot (7. ábra). A gomb megnyomása után a szöveg "Hello Ozeki!"-ra változik. Amint láthatod, ugyanúgy működik, mint a virtuális eszközön. (8. ábra)

7. ábra - Az alkalmazás a gomb megnyomása előtt

8. ábra - Az alkalmazás a gomb megnyomása után

Összefoglalás

Ezt a dokumentumot azért írtuk, hogy segítsünk neked elindulni a Kotlinnal, megtanítva, hogyan írd meg a klasszikus Hello World programot ebben a nyelven. Mindent megtettünk annak érdekében, hogy ez az útmutató a lehető legegyszerűbb és legérthetőbb legyen, így kényelmesen megtanulhatod a Kotlinban való kódolás alapjait. A Hello World program csak a kezdet, miközben követed a bemutatott lépéseket, mindent megtanulsz, ami szükséges bármilyen nagyobb Kotlin program elkészítéséhez.

További információkat találhatsz a Kotlin megoldások létrehozásáról és használatáról az Ozeki weboldalán. Folytasd a tanulást itt, olvasd el a következő dokumentumot, amelynek címe SMS küldése Kotlinból.

Ne vesztegesd az időd, töltsd le most az Ozeki SMS Gateway-t!

More information