Construire l'interface

Pour pouvoir afficher l'état de la connexion de l'application, vous devez ajouter un fichier TextView à l'écran. Vous ajouterez également des boutons pour contrôler l'appel (répondre, rejeter, terminer). Remplacer le contenu de app/res/layout/activity_main.xml avec la mise en page ci-dessous :

Récupérer les références des vues

Vous contrôlerez la vue à l'aide de code, de sorte que les références aux vues doivent être stockées dans le fichier MainActivity classe. Ajoutez ces propriétés au sommet de la classe MainActivity classe :

private lateinit var connectionStatusTextView: TextView
private lateinit var answerCallButton: Button
private lateinit var rejectCallButton: Button
private lateinit var endCallButton: Button

Vous devez maintenant assigner des vues aux propriétés précédemment ajoutées. Ajoutez le code ci-dessous au fichier onCreate méthode à l'intérieur MainActivity (voir ci-dessous le code des permissions) :

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

Vous remplirez le corps de ces méthodes dans les étapes suivantes de ce tutoriel.

Construire et faire fonctionner

Exécutez à nouveau le projet (Ctrl + R).

Notez que les boutons sont cachés par défaut :

L'état de la connexion et les boutons de contrôle des appels seront affichés après la connexion de l'utilisateur. Vous le ferez dans l'étape suivante.