Aufbau der Schnittstelle

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

• A TextView um den Verbindungsstatus anzuzeigen
• A Button um den Anruf zu starten
• A Button um das Gespräch zu beenden

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

Ersetzen Sie den Inhalt der Datei durch den folgenden Text:

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

private lateinit var startCallButton: Button
private lateinit var endCallButton: Button
private lateinit var connectionStatusTextView: TextView

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):

// init views
startCallButton = findViewById(R.id.startCallButton)
endCallButton = findViewById(R.id.endCallButton)
connectionStatusTextView = findViewById(R.id.connectionStatusTextView)

startCallButton.setOnClickListener {
        startCall()
}

endCallButton.setOnClickListener {
        hangup()
}

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

@SuppressLint("MissingPermission")
private fun startCall() {
        // TODO: update body
}

private fun hangup() {
        // TODO: update body
}

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 die Schaltflächen standardmäßig ausgeblendet sind:

Der Status der Verbindung wird angezeigt und die START CALL wird nach der Anmeldung des Benutzers angezeigt.