Ajustar la interfaz de usuario de la aplicación de ejemplo
El SDK de Android expone los vídeos que publica y a los que se suscribe como objetos View. Puede añadirlos como hijos de ViewGroup en tu aplicación. Esta aplicación de ejemplo utilizará FrameLayout objetos (que heredan de ViewGroup) como contenedores de las vistas del editor y del abonado:
-
En Android Studio, abra el archivo
app/res/layout/activity_main.xmlarchivo. Haga clic en la pestaña "Texto" de la parte inferior del editor para mostrar el código XML del archivo. -
Sustituya el contenido del archivo por el siguiente código:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:id="@+id/subscriber_container"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<FrameLayout
android:id="@+id/publisher_container"
android:layout_width="90dp"
android:layout_height="120dp"
android:layout_gravity="bottom|end"
android:layout_margin="16dp"
android:background="#CCCCCC"
android:padding="2dp" />
</FrameLayout>
Asegúrese de sustituir todo el contenido del <TextView> (mediante el cierre /> tag).
- Ahora declara
publisherViewContainerysubscriberViewContainercomo propiedades de la clase MainActivity (justo después de la declaración de lasessionpropiedad):
private FrameLayout publisherViewContainer;
private FrameLayout subscriberViewContainer;
- Por último, en el
onCreate()inicialice estos objetos de vista de diseño añadiendo las siguientes líneas de código bajo el métodosetContentView()Llamada a un método:
publisherViewContainer = findViewById(R.id.publisher_container);
subscriberViewContainer = findViewById(R.id.subscriber_container);
Llegados a este punto, tu onCreate() El método debería tener este aspecto:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
publisherViewContainer = findViewById(R.id.publisher_container);
subscriberViewContainer = findViewById(R.id.subscriber_container);
requestPermissions();
}
Los pasos anteriores se limitan a configurar un diseño de ejemplo para esta aplicación. Tu propia aplicación puede añadir vistas de editor y suscriptor como hijas de otras vistas ViewGroup objetos
Videochat básico
Aprende los conceptos básicos de la plataforma Vonage Video API, incluyendo cómo los usuarios pueden comunicarse a través de vídeo, voz y mensajería. Explora un flujo básico de la Video API de Vonage.