Construir la interfaz

Para poder realizar y gestionar la llamada, es necesario añadir algunos elementos a la pantalla:

• Botón para iniciar sesión Alice usuario
• Botón para iniciar sesión Bob usuario
• A TextView para mostrar el estado de la conexión
• A Button para iniciar la llamada
• A Button para finalizar la llamada
• A Button para responder a la llamada
• A Button para rechazar la llamada

Abra el app/res/layout/activity_main.xml archivo. Haga clic en el botón Code en la esquina superior derecha:

Sustituya el contenido del archivo por lo siguiente:

Controlarás la vista usando código, así que tienes que almacenar referencias a las vistas. Añade estas propiedades en la parte superior del ManActivity clase:

private lateinit var connectionStatusTextView: TextView
private lateinit var waitingForIncomingCallTextView: TextView
private lateinit var loginAsAlice: Button
private lateinit var loginAsBob: Button
private lateinit var startCallButton: Button
private lateinit var answerCallButton: Button
private lateinit var rejectCallButton: Button
private lateinit var endCallButton: Button

Ahora necesitas asignar vistas a las propiedades añadidas previamente y añadir callbacks a los botones. Añada el siguiente código al archivo onCreate método inside MainActivity (a continuación se solicita el código de los permisos):

// init views
connectionStatusTextView = findViewById(R.id.connectionStatusTextView)
waitingForIncomingCallTextView = findViewById(R.id.waitingForIncomingCallTextView)
loginAsAlice = findViewById(R.id.loginAsAlice)
loginAsBob = findViewById(R.id.loginAsBob)
startCallButton = findViewById(R.id.startCallButton)
answerCallButton = findViewById(R.id.answerCallButton)
rejectCallButton = findViewById(R.id.rejectCallButton)
endCallButton = findViewById(R.id.endCallButton)

loginAsAlice.setOnClickListener { loginAsAlice() }
loginAsBob.setOnClickListener { loginAsBob() }

Para que el código compile añade estos dos métodos vacíos en la directiva MainActivity clase:

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

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

Usted llenará el cuerpo de estos métodos en los siguientes pasos de este tutorial.

Construir y ejecutar

Vuelva a ejecutar el proyecto (Ctrl + R).

Observa que algunas vistas están ocultas por defecto. Después de iniciar la aplicación verá login alice y login bob botones: