Kotlin

Construir la interfaz

Para poder ver el estado de conexión de la aplicación tendrá que añadir un icono TextView a la pantalla. También añadirá botones para controlar la llamada (Responder, Rechazar, Finalizar). Sustituya el contenido de app/res/layout/activity_main.xml con el siguiente diseño:

<?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"
        tools:context=".MainActivity">

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

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

Recuperar referencias de vistas

Controlará la vista mediante código, por lo que las referencias a las vistas deben almacenarse en el archivo MainActivity clase. Añada estas propiedades en la parte superior de la clase MainActivity clase:

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

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

Observe que los botones están ocultos por defecto:

Main screen

El estado de la conexión y los botones de control de llamada se mostrarán después de iniciar la sesión del usuario. Lo harás en el siguiente paso.