Kotlin

Aufbau der Schnittstelle

Um den Anruf tätigen und verwalten zu können, müssen Sie dem Bildschirm einige Elemente hinzufügen:

  • Schaltfläche zum Anmelden Alice Benutzer
  • Schaltfläche zum Anmelden Bob Benutzer
  • A TextView um den Verbindungsstatus anzuzeigen
  • A Button um den Anruf zu starten
  • A Button um das Gespräch zu beenden
  • A Button um dem Ruf zu folgen
  • A Button um den Anruf abzulehnen

Öffnen Sie die app/res/layout/activity_main.xml Datei. Klicken Sie auf die Code in der oberen rechten Ecke:

Code view

Ersetzen Sie den Inhalt der Datei durch den folgenden Text:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
        android:orientation="vertical"
        android:gravity="center"
        android:id="@+id/content"
        tools:context=".MainActivity">

    <TextView
            android:id="@+id/connectionStatusTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp" />

    <Button
            android:id="@+id/loginAsAlice"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Login Alice" />

    <Button
            android:id="@+id/loginAsBob"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Login Bob" />

    <TextView
            android:id="@+id/waitingForIncomingCallTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Waiting for incoming call"
            android:visibility="gone"
            tools:visibility="visible"/>

    <Button
            android:id="@+id/startCallButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Start call"
            android:visibility="gone"
            tools:visibility="visible" />

    <Button
            android:id="@+id/answerCallButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Answer"
            android:visibility="gone"
            tools:visibility="visible" />

    <Button
            android:id="@+id/rejectCallButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="Reject"
            android:visibility="gone"
            tools:visibility="visible" />

    <Button
            android:id="@+id/endCallButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dp"
            android:text="End"
            android:visibility="gone"
            tools:visibility="visible" />

</LinearLayout>

Sie werden die Ansicht mit Code steuern, daher müssen Sie Verweise auf die Ansichten speichern. Fügen Sie diese Eigenschaften am Anfang der ManActivity Klasse:

Nun müssen Sie den zuvor hinzugefügten Eigenschaften Ansichten zuweisen und den Schaltflächen Rückrufe hinzufügen. Fügen Sie den folgenden Code zu den onCreate innere Methode MainActivity Klasse (unten: Code für die Anforderungserlaubnis):

Damit der Code kompiliert werden kann, fügen Sie diese beiden leeren Methoden in der MainActivity Klasse:

Sie werden den Körper dieser Methoden in den folgenden Schritten dieses Lehrgangs ausfüllen.

Bauen und Ausführen

Führen Sie das Projekt erneut aus (Ctrl + R).

Beachten Sie, dass einige Ansichten standardmäßig ausgeblendet sind. Nach dem Start der App sehen Sie login alice und login bob Tasten:

Main screen