Creación de aplicaciones de Android con Microsoft Graph

Artículo
Developer (Principiante)
Tiempo para finalizar: 36 minutos

Este tutorial te enseña a crear una aplicación para Android que use la API de Microsoft Graph para recuperar información de calendario para un usuario.

Sugerencia

Si prefiere descargar el tutorial completado, puede descargar o clonar el repositorio GitHub archivo.

Requisitos previos

Antes de iniciar este tutorial, debes tener Android Studio instalado en el equipo de desarrollo.

También debe tener una cuenta personal de Microsoft con un buzón en Outlook.com, o una cuenta de Trabajo o escuela de Microsoft. Si no tienes una cuenta de Microsoft, hay un par de opciones para obtener una cuenta gratuita:

Puedes suscribirte a una nueva cuenta personal de Microsoft.
Puedes suscribirte al programa Microsoft 365 desarrolladores para obtener una suscripción Microsoft 365 gratuita.

Nota

Este tutorial se escribió con Android Studio versión 4.1.3 y el SDK de Android 10.0. Los pasos de esta guía pueden funcionar con otras versiones, pero eso no se ha probado.

Comentarios

Proporcione cualquier comentario sobre este tutorial en el repositorio GitHub usuario.

Creación de una aplicación para Android

35 minutos restantes

Comience creando un nuevo proyecto de Android Studio.

Abre Android Studio y selecciona Iniciar un nuevo proyecto de Android Studio en la pantalla de bienvenida.
En el cuadro de diálogo Crear Project, seleccione Actividad vacía y, a continuación, seleccione Siguiente.
En el cuadro de diálogo Configurar el proyecto, establezca Graph Tutorialel nombre en , asegúrese de que el campo Idioma Javaestá establecido en y asegúrese de que el nivel mínimo de API está establecido en API 29: Android 10.0 (Q). Modifique el nombre del paquete y la ubicación Guardar según sea necesario. Seleccione Finalizar.

Importante

El código y las instrucciones de este tutorial usan el nombre del paquete com.example.graphtutorial. Si usa un nombre de paquete diferente al crear el proyecto, asegúrese de usar el nombre del paquete siempre que vea este valor.

Instalar dependencias

Antes de seguir adelante, instale algunas dependencias adicionales que usará más adelante.

com.google.android.material:material para que la vista de navegación esté disponible para la aplicación.
Biblioteca de autenticación de Microsoft (MSAL) para Android para administrar la Azure AD autenticación y administración de tokens.
Microsoft Graph SDK para Java para realizar llamadas a Microsoft Graph.

Expanda Scripts de Gradle y, a continuación, abra build.gradle (Módulo: Graph_Tutorial.app)..

Agregue las siguientes líneas dentro del dependencies valor.

implementation 'com.google.android.material:material:1.3.0'
implementation 'com.microsoft.identity.client:msal:2.0.8'
implementation ('com.microsoft.graph:microsoft-graph:3.1.0') {
    exclude group: 'javax.activation'
}

Agrega un packagingOptions valor dentro del android valor de build.gradle (Module: Graph_Tutorial.app).
```
packagingOptions {
    pickFirst 'META-INF/*'
}
```
Agregue el repositorio de Azure Maven para la biblioteca MicrosoftDeviceSDK, una dependencia de MSAL. Abra build.gradle (Project: Graph_Tutorial). Agregue lo siguiente al valor repositories dentro del allprojects valor.
```
maven {
    url 'https://pkgs.dev.azure.com/MicrosoftDeviceSDK/DuoSDK-Public/_packaging/Duo-SDK-Feed/maven/v1'
}
```
Guarde los cambios. En el menú Archivo, seleccione Sincronizar Project archivos gradle.

Diseñar la aplicación

La aplicación usará un cajón de navegación para navegar entre diferentes vistas. En este paso, actualizará la actividad para usar un diseño de un cajón de navegación y agregará fragmentos para las vistas.

En esta sección, creará iconos para el menú de navegación de la aplicación, creará un menú para la aplicación y actualizará el tema y el diseño de la aplicación para que sean compatibles con un cajón de navegación.

Crear iconos

Haz clic con el botón secundario en la carpeta app/res/drawable y selecciona Nuevo y, a continuación, Vector Asset.
Haga clic en el botón de icono situado junto a Clip Art.
En la ventana Seleccionar icono , escriba home en la barra de búsqueda y, a continuación, seleccione el icono Inicio y seleccione Aceptar.
Cambie el nombre a ic_menu_home.
Seleccione Siguiente y, a continuación, Finalizar.
Repita el paso anterior para crear cuatro iconos más.
- Nombre: ic_menu_calendar, Icono: event
- Nombre: ic_menu_add_event, Icono: add box
- Nombre: ic_menu_signout, Icono: exit to app
- Nombre: ic_menu_signin, Icono: person add

Haga clic con el botón secundario en la carpeta res y seleccione Nuevo y, a continuación, Directorio de recursos de Android.
Cambie el tipo de recurso a y menu seleccione Aceptar.
Haga clic con el botón secundario en la nueva carpeta de menús y seleccione Nuevo y, a continuación, archivo de recursos Menú.
Asigne un nombre al archivo drawer_menu y seleccione Aceptar.

Cuando se abra el archivo, seleccione la pestaña Código para ver el XML y, a continuación, reemplace todo el contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="navigation_view">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@drawable/ic_menu_home"
            android:title="Home" />

        <item
            android:id="@+id/nav_calendar"
            android:icon="@drawable/ic_menu_calendar"
            android:title="Calendar" />

        <item
            android:id="@+id/nav_create_event"
            android:icon="@drawable/ic_menu_add_event"
            android:title="New Event" />

        <item
            android:id="@+id/nav_signout"
            android:icon="@drawable/ic_menu_signout"
            android:title="Sign Out" />

        <item
            android:id="@+id/nav_signin"
            android:icon="@drawable/ic_menu_signin"
            android:title="Sign In" />
    </group>
</menu>

Actualizar el tema y el diseño de la aplicación

Abra el archivo app/res/values/themes.xml y agregue las siguientes líneas dentro del style elemento.
```
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
```
Abra el archivo app/res/values-night/themes.xml y agregue las siguientes líneas dentro del style elemento.
```
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
```
Haz clic con el botón secundario en la carpeta app/res/layout .
Seleccione Nuevo y, a continuación, Archivo de recursos Diseño.
Asigne un nombre al archivo nav_header y cambie el elemento Root a LinearLayout, a continuación, seleccione Aceptar.

Abra el nav_header.xml y seleccione la pestaña Código. Reemplace todo el contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="176dp"
    android:background="?colorPrimary"
    android:gravity="bottom"
    android:orientation="vertical"
    android:padding="16dp"
    android:theme="@style/Theme.GraphTutorial">

    <ImageView
        android:id="@+id/user_profile_pic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/user_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="8dp"
        android:text="Test User"
        android:textColor="?colorOnPrimary"
        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

    <TextView
        android:id="@+id/user_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test@contoso.com"
        android:textColor="?colorOnPrimary" />

</LinearLayout>

Abra el archivo app/res/layout/activity_main.xml y actualice el diseño a a DrawerLayout reemplazando el XML existente por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity"
    tools:openDrawer="start">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ProgressBar
            android:id="@+id/progressbar"
            android:layout_width="75dp"
            android:layout_height="75dp"
            android:layout_centerInParent="true"
            android:visibility="gone"/>

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?colorPrimary"
            app:titleTextColor="?colorOnPrimary"
            android:elevation="4dp"
            android:theme="@style/Theme.GraphTutorial" />

        <FrameLayout
            android:id="@+id/fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/toolbar" />
    </RelativeLayout>

    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/drawer_menu" />

</androidx.drawerlayout.widget.DrawerLayout>

Abra app/res/values/strings.xml y agregue los siguientes elementos dentro del resources elemento.

<string name="navigation_drawer_open">Open navigation drawer</string>
<string name="navigation_drawer_close">Close navigation drawer</string>

Abra el archivo app/java/com.example/graphtutorial/MainActivity y reemplace todo el contenido por lo siguiente.

package com.example.graphtutorial;

import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ProgressBar;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.appcompat.app.ActionBarDrawerToggle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;
import com.google.android.material.navigation.NavigationView;

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {
    private static final String SAVED_IS_SIGNED_IN = "isSignedIn";
    private static final String SAVED_USER_NAME = "userName";
    private static final String SAVED_USER_EMAIL = "userEmail";
    private static final String SAVED_USER_TIMEZONE = "userTimeZone";

    private DrawerLayout mDrawer;
    private NavigationView mNavigationView;
    private View mHeaderView;
    private boolean mIsSignedIn = false;
    private String mUserName = null;
    private String mUserEmail = null;
    private String mUserTimeZone = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Set the toolbar
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        mDrawer = findViewById(R.id.drawer_layout);

        // Add the hamburger menu icon
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this, mDrawer, toolbar,
                R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        mDrawer.addDrawerListener(toggle);
        toggle.syncState();

        mNavigationView = findViewById(R.id.nav_view);

        // Set user name and email
        mHeaderView = mNavigationView.getHeaderView(0);
        setSignedInState(mIsSignedIn);

        // Listen for item select events on menu
        mNavigationView.setNavigationItemSelectedListener(this);

        if (savedInstanceState == null) {
            // Load the home fragment by default on startup
            openHomeFragment(mUserName);
        } else {
            // Restore state
            mIsSignedIn = savedInstanceState.getBoolean(SAVED_IS_SIGNED_IN);
            mUserName = savedInstanceState.getString(SAVED_USER_NAME);
            mUserEmail = savedInstanceState.getString(SAVED_USER_EMAIL);
            mUserTimeZone = savedInstanceState.getString(SAVED_USER_TIMEZONE);
            setSignedInState(mIsSignedIn);
        }
    }

    @Override
    protected void onSaveInstanceState(@NonNull Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putBoolean(SAVED_IS_SIGNED_IN, mIsSignedIn);
        outState.putString(SAVED_USER_NAME, mUserName);
        outState.putString(SAVED_USER_EMAIL, mUserEmail);
        outState.putString(SAVED_USER_TIMEZONE, mUserTimeZone);
    }

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
        // TEMPORARY
        return false;
    }

    @Override
    public void onBackPressed() {
        if (mDrawer.isDrawerOpen(GravityCompat.START)) {
            mDrawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    public void showProgressBar()
    {
        FrameLayout container = findViewById(R.id.fragment_container);
        ProgressBar progressBar = findViewById(R.id.progressbar);
        container.setVisibility(View.GONE);
        progressBar.setVisibility(View.VISIBLE);
    }

    public void hideProgressBar()
    {
        FrameLayout container = findViewById(R.id.fragment_container);
        ProgressBar progressBar = findViewById(R.id.progressbar);
        progressBar.setVisibility(View.GONE);
        container.setVisibility(View.VISIBLE);
    }

    // Update the menu and get the user's name and email
    private void setSignedInState(boolean isSignedIn) {
        mIsSignedIn = isSignedIn;

        mNavigationView.getMenu().clear();
        mNavigationView.inflateMenu(R.menu.drawer_menu);

        Menu menu = mNavigationView.getMenu();

        // Hide/show the Sign in, Calendar, and Sign Out buttons
        if (isSignedIn) {
            menu.removeItem(R.id.nav_signin);
        } else {
            menu.removeItem(R.id.nav_home);
            menu.removeItem(R.id.nav_calendar);
            menu.removeItem(R.id.nav_create_event);
            menu.removeItem(R.id.nav_signout);
        }

        // Set the user name and email in the nav drawer
        TextView userName = mHeaderView.findViewById(R.id.user_name);
        TextView userEmail = mHeaderView.findViewById(R.id.user_email);

        if (isSignedIn) {
            // For testing
            mUserName = "Lynne Robbins";
            mUserEmail = "lynner@contoso.com";
            mUserTimeZone = "Pacific Standard Time";

            userName.setText(mUserName);
            userEmail.setText(mUserEmail);
        } else {
            mUserName = null;
            mUserEmail = null;
            mUserTimeZone = null;

            userName.setText("Please sign in");
            userEmail.setText("");
        }
    }
}

Agregar fragmentos

En esta sección, creará fragmentos para las vistas principal y de calendario.

Haga clic con el botón secundario en la carpeta app/res/layout y seleccione Nuevo y, a continuación, Archivo de recursos Diseño.
Asigne un nombre al archivo fragment_home y cambie el elemento Root a RelativeLayout, a continuación, seleccione Aceptar.

Abra el fragment_home.xml y reemplace su contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="Welcome!"
            android:textSize="30sp" />

        <TextView
            android:id="@+id/home_page_username"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:paddingTop="8dp"
            android:text="Please sign in"
            android:textSize="20sp" />
    </LinearLayout>

</RelativeLayout>

Haga clic con el botón secundario en la carpeta app/res/layout y seleccione Nuevo y, a continuación, Archivo de recursos Diseño.
Asigne un nombre al archivo fragment_calendar y cambie el elemento Root a RelativeLayout, a continuación, seleccione Aceptar.

Abra el fragment_calendar.xml y reemplace su contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Calendar"
        android:textSize="30sp" />

</RelativeLayout>

Haga clic con el botón secundario en la carpeta app/res/layout y seleccione Nuevo y, a continuación, Archivo de recursos Diseño.
Asigne un nombre al archivo fragment_new_event y cambie el elemento Root a RelativeLayout, a continuación, seleccione Aceptar.

Abra el fragment_new_event.xml y reemplace su contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="New Event"
        android:textSize="30sp" />

</RelativeLayout>

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class.
Asigne un nombre a la clase HomeFragmenty, a continuación, seleccione Aceptar.

Abra el archivo HomeFragment y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class HomeFragment extends Fragment {
    private static final String USER_NAME = "userName";

    private String mUserName;

    public HomeFragment() {

    }

    public static HomeFragment createInstance(String userName) {
        HomeFragment fragment = new HomeFragment();

        // Add the provided username to the fragment's arguments
        Bundle args = new Bundle();
        args.putString(USER_NAME, userName);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mUserName = getArguments().getString(USER_NAME);
        }
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View homeView = inflater.inflate(R.layout.fragment_home, container, false);

        // If there is a username, replace the "Please sign in" with the username
        if (mUserName != null) {
            TextView userName = homeView.findViewById(R.id.home_page_username);
            userName.setText(mUserName);
        }

        return homeView;
    }
}

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class.
Asigne un nombre a la clase CalendarFragmenty, a continuación, seleccione Aceptar.

Abra el archivo CalendarFragment y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class CalendarFragment extends Fragment {
    private static final String TIME_ZONE = "timeZone";

    private String mTimeZone;

    public CalendarFragment() {}

    public static CalendarFragment createInstance(String timeZone) {
        CalendarFragment fragment = new CalendarFragment();

        // Add the provided time zone to the fragment's arguments
        Bundle args = new Bundle();
        args.putString(TIME_ZONE, timeZone);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mTimeZone = getArguments().getString(TIME_ZONE);
        }
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_calendar, container, false);
    }
}

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class.
Asigne un nombre a la clase NewEventFragmenty, a continuación, seleccione Aceptar.

Abra el archivo NewEventFragment y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class NewEventFragment extends Fragment {
    private static final String TIME_ZONE = "timeZone";

    private String mTimeZone;

    public NewEventFragment() {}

    public static NewEventFragment createInstance(String timeZone) {
        NewEventFragment fragment = new NewEventFragment();

        // Add the provided time zone to the fragment's arguments
        Bundle args = new Bundle();
        args.putString(TIME_ZONE, timeZone);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mTimeZone = getArguments().getString(TIME_ZONE);
        }
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_new_event, container, false);
    }
}

Abra el archivo MainActivity.java y agregue las siguientes funciones a la clase.

// Load the "Home" fragment
public void openHomeFragment(String userName) {
    HomeFragment fragment = HomeFragment.createInstance(userName);
    getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment_container, fragment)
            .commit();
    mNavigationView.setCheckedItem(R.id.nav_home);
}

// Load the "Calendar" fragment
private void openCalendarFragment(String timeZone) {
    CalendarFragment fragment = CalendarFragment.createInstance(timeZone);
    getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment_container, fragment)
            .commit();
    mNavigationView.setCheckedItem(R.id.nav_calendar);
}

// Load the "New Event" fragment
private void openNewEventFragment(String timeZone) {
    NewEventFragment fragment = NewEventFragment.createInstance(timeZone);
    getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment_container, fragment)
            .commit();
    mNavigationView.setCheckedItem(R.id.nav_create_event);
}

private void signIn() {
    setSignedInState(true);
    openHomeFragment(mUserName);
}

private void signOut() {
    setSignedInState(false);
    openHomeFragment(mUserName);
}

Reemplace la función onNavigationItemSelected existente por lo siguiente.

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
    // Load the fragment that corresponds to the selected item
    switch (menuItem.getItemId()) {
        case R.id.nav_home:
            openHomeFragment(mUserName);
            break;
        case R.id.nav_calendar:
            openCalendarFragment(mUserTimeZone);
            break;
        case R.id.nav_create_event:
            openNewEventFragment(mUserTimeZone);
            break;
        case R.id.nav_signin:
            signIn();
            break;
        case R.id.nav_signout:
            signOut();
            break;
    }

    mDrawer.closeDrawer(GravityCompat.START);

    return true;
}

Guarde todos los cambios.
En el menú Ejecutar, selecciona Ejecutar 'app'.

El menú de la aplicación debe funcionar para navegar entre los dos fragmentos y cambiar al pulsar los botones Iniciar sesión o Cerrar sesión .

Recorte de pantalla de la aplicación

Agregar autenticación de Azure AD

25 minutos restantes

En este ejercicio, extenderá la aplicación desde el ejercicio anterior para admitir la autenticación con Azure AD. Esto es necesario para obtener el token de acceso OAuth necesario para llamar a Microsoft Graph. Para ello, integrará la Biblioteca de autenticación de Microsoft (MSAL) para Android en la aplicación.

Haga clic con el botón secundario en la carpeta res y seleccione Nuevo y, a continuación, Directorio de recursos de Android.
Cambie el tipo de recurso a y raw seleccione Aceptar.
Haga clic con el botón secundario en la nueva carpeta sin procesar y seleccione Nuevo y, a continuación, Archivo.
Asigne un nombre al archivo msal_config.json y seleccione Aceptar.

Agregue lo siguiente al archivo msal_config.json .

{
  "client_id" : "YOUR_APP_ID_HERE",
  "redirect_uri" : "msauth://com.example.graphtutorial/callback",
  "broker_redirect_uri_registered": false,
  "account_mode": "SINGLE",
  "authorities" : [
    {
      "type": "AAD",
      "audience": {
        "type": "AzureADandPersonalMicrosoftAccount"
      },
      "default": true
    }
  ]
}

Reemplace YOUR_APP_ID_HERE por el identificador de aplicación del registro de la aplicación y reemplace com.example.graphtutorial por el nombre del paquete del proyecto.

Importante

Si usas el control de código fuente como git, msal_config.json ahora sería un buen momento para excluir el archivo del control de código fuente para evitar la pérdida involuntaria del identificador de la aplicación.

En esta sección, actualizará el manifiesto para permitir que MSAL use un explorador para autenticar al usuario, registrar el URI de redireccionamiento como lo controla la aplicación, crear una clase auxiliar de autenticación y actualizar la aplicación para iniciar sesión y cerrar sesión.

Expanda la carpeta app/manifests y abra AndroidManifest.xml. Agregue los siguientes elementos encima del application elemento.
```
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
```
Nota

Estos permisos son necesarios para que la biblioteca MSAL autentique al usuario.

Agregue el siguiente elemento dentro del application elemento, reemplazando la YOUR_PACKAGE_NAME_HERE cadena por el nombre del paquete.

<!--Intent filter to capture authorization code response from the default browser on the
    device calling back to the app after interactive sign in -->
<activity
    android:name="com.microsoft.identity.client.BrowserTabActivity">
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data
            android:scheme="msauth"
            android:host="YOUR_PACKAGE_NAME_HERE"
            android:path="/callback" />
    </intent-filter>
</activity>

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class. Cambie el tipo a interfaz. Asigne un nombre a la interfaz IAuthenticationHelperCreatedListener y seleccione Aceptar.

Abra el nuevo archivo y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import com.microsoft.identity.client.exception.MsalException;

public interface IAuthenticationHelperCreatedListener {
    void onCreated(final AuthenticationHelper authHelper);
    void onError(final MsalException exception);
}

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class. Asigne un nombre a la clase AuthenticationHelper y seleccione Aceptar.

Abra el nuevo archivo y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.app.Activity;
import android.content.Context;
import android.util.Log;

import androidx.annotation.NonNull;

import com.microsoft.graph.authentication.BaseAuthenticationProvider;
import com.microsoft.identity.client.AuthenticationCallback;
import com.microsoft.identity.client.IAuthenticationResult;
import com.microsoft.identity.client.IPublicClientApplication;
import com.microsoft.identity.client.ISingleAccountPublicClientApplication;
import com.microsoft.identity.client.PublicClientApplication;
import com.microsoft.identity.client.exception.MsalException;

import java.net.URL;
import java.util.concurrent.CompletableFuture;

import javax.annotation.Nonnull;

// Singleton class - the app only needs a single instance
// of PublicClientApplication
public class AuthenticationHelper extends BaseAuthenticationProvider {
    private static AuthenticationHelper INSTANCE = null;
    private ISingleAccountPublicClientApplication mPCA = null;
    private String[] mScopes = { "User.Read", "MailboxSettings.Read", "Calendars.ReadWrite" };

    private AuthenticationHelper(Context ctx, final IAuthenticationHelperCreatedListener listener) {
        PublicClientApplication.createSingleAccountPublicClientApplication(ctx, R.raw.msal_config,
                new IPublicClientApplication.ISingleAccountApplicationCreatedListener() {
                    @Override
                    public void onCreated(ISingleAccountPublicClientApplication application) {
                        mPCA = application;
                        listener.onCreated(INSTANCE);
                    }

                    @Override
                    public void onError(MsalException exception) {
                        Log.e("AUTHHELPER", "Error creating MSAL application", exception);
                        listener.onError(exception);
                    }
                });
    }

    public static synchronized CompletableFuture<AuthenticationHelper> getInstance(Context ctx) {

        if (INSTANCE == null) {
            CompletableFuture<AuthenticationHelper> future = new CompletableFuture<>();
            INSTANCE = new AuthenticationHelper(ctx, new IAuthenticationHelperCreatedListener() {
                @Override
                public void onCreated(AuthenticationHelper authHelper) {
                    future.complete(authHelper);
                }

                @Override
                public void onError(MsalException exception) {
                    future.completeExceptionally(exception);
                }
            });

            return future;
        } else {
            return CompletableFuture.completedFuture(INSTANCE);
        }
    }

    // Version called from fragments. Does not create an
    // instance if one doesn't exist
    public static synchronized AuthenticationHelper getInstance() {
        if (INSTANCE == null) {
            throw new IllegalStateException(
                    "AuthenticationHelper has not been initialized from MainActivity");
        }

        return INSTANCE;
    }

    public CompletableFuture<IAuthenticationResult> acquireTokenInteractively(Activity activity) {
        CompletableFuture<IAuthenticationResult> future = new CompletableFuture<>();
        mPCA.signIn(activity, null, mScopes, getAuthenticationCallback(future));

        return future;
    }

    public CompletableFuture<IAuthenticationResult> acquireTokenSilently() {
        // Get the authority from MSAL config
        String authority = mPCA.getConfiguration()
            .getDefaultAuthority().getAuthorityURL().toString();

        CompletableFuture<IAuthenticationResult> future = new CompletableFuture<>();
        mPCA.acquireTokenSilentAsync(mScopes, authority, getAuthenticationCallback(future));
        return future;
    }

    public void signOut() {
        mPCA.signOut(new ISingleAccountPublicClientApplication.SignOutCallback() {
            @Override
            public void onSignOut() {
                Log.d("AUTHHELPER", "Signed out");
            }

            @Override
            public void onError(@NonNull MsalException exception) {
                Log.d("AUTHHELPER", "MSAL error signing out", exception);
            }
        });
    }

    private AuthenticationCallback getAuthenticationCallback(
        CompletableFuture<IAuthenticationResult> future) {
        return new AuthenticationCallback() {
            @Override
            public void onCancel() {
                future.cancel(true);
            }

            @Override
            public void onSuccess(IAuthenticationResult authenticationResult) {
                future.complete(authenticationResult);
            }

            @Override
            public void onError(MsalException exception) {
                future.completeExceptionally(exception);
            }
        };
    }

    @Nonnull
    @Override
    public CompletableFuture<String> getAuthorizationTokenAsync(@Nonnull URL requestUrl) {
        if (shouldAuthenticateRequestWithUrl(requestUrl) == true) {
            return acquireTokenSilently()
                .thenApply(result -> result.getAccessToken());
        }

        return CompletableFuture.completedFuture(null);
    }
}

Abra MainActivity y agregue las instrucciones import siguientes.

import android.util.Log;

import com.microsoft.identity.client.IAuthenticationResult;
import com.microsoft.identity.client.exception.MsalClientException;
import com.microsoft.identity.client.exception.MsalServiceException;
import com.microsoft.identity.client.exception.MsalUiRequiredException;

Agregue la siguiente propiedad de miembro a la MainActivity clase.
```
private AuthenticationHelper mAuthHelper = null;
```

Agregue el siguiente código al final de la función onCreate.

showProgressBar();
// Get the authentication helper
AuthenticationHelper.getInstance(getApplicationContext())
    .thenAccept(authHelper -> {
        mAuthHelper = authHelper;
        if (!mIsSignedIn) {
            doSilentSignIn(false);
        } else {
            hideProgressBar();
        }
    })
    .exceptionally(exception -> {
        Log.e("AUTH", "Error creating auth helper", exception);
        return null;
    });

Agregue las siguientes funciones a la MainActivity clase.

// Silently sign in - used if there is already a
// user account in the MSAL cache
private void doSilentSignIn(boolean shouldAttemptInteractive) {
    mAuthHelper.acquireTokenSilently()
        .thenAccept(authenticationResult -> {
            handleSignInSuccess(authenticationResult);
        })
        .exceptionally(exception -> {
            // Check the type of exception and handle appropriately
            Throwable cause = exception.getCause();
            if (cause instanceof MsalUiRequiredException) {
                Log.d("AUTH", "Interactive login required");
                if (shouldAttemptInteractive) doInteractiveSignIn();
            } else if (cause instanceof MsalClientException) {
                MsalClientException clientException = (MsalClientException)cause;
                if (clientException.getErrorCode() == "no_current_account" ||
                    clientException.getErrorCode() == "no_account_found") {
                    Log.d("AUTH", "No current account, interactive login required");
                    if (shouldAttemptInteractive) doInteractiveSignIn();
                }
            } else {
                handleSignInFailure(cause);
            }
            hideProgressBar();
            return null;
        });
}

// Prompt the user to sign in
private void doInteractiveSignIn() {
    mAuthHelper.acquireTokenInteractively(this)
        .thenAccept(authenticationResult -> {
            handleSignInSuccess(authenticationResult);
        })
        .exceptionally(exception -> {
            handleSignInFailure(exception);
            hideProgressBar();
            return null;
        });
}

// Handles the authentication result
private void handleSignInSuccess(IAuthenticationResult authenticationResult) {
    // Log the token for debug purposes
    String accessToken = authenticationResult.getAccessToken();
    Log.d("AUTH", String.format("Access token: %s", accessToken));

    hideProgressBar();

    setSignedInState(true);
    openHomeFragment(mUserName);
}

private void handleSignInFailure(Throwable exception) {
    if (exception instanceof MsalServiceException) {
        // Exception when communicating with the auth server, likely config issue
        Log.e("AUTH", "Service error authenticating", exception);
    } else if (exception instanceof MsalClientException) {
        // Exception inside MSAL, more info inside MsalError.java
        Log.e("AUTH", "Client error authenticating", exception);
    } else {
        Log.e("AUTH", "Unhandled exception authenticating", exception);
    }
}

Reemplace las funciones y signIn existentes signOut por las siguientes.
```
private void signIn() {
    showProgressBar();
    // Attempt silent sign in first
    // if this fails, the callback will handle doing
    // interactive sign in
    doSilentSignIn(true);
}

private void signOut() {
    mAuthHelper.signOut();

    setSignedInState(false);
    openHomeFragment(mUserName);
}
```
Nota

Observe que el signIn método realiza un inicio de sesión silencioso (a través de doSilentSignIn). La devolución de llamada de este método realizará un inicio de sesión interactivo si se produce un error en el silencioso. Esto evita tener que preguntar al usuario cada vez que inicia la aplicación.
Guarde los cambios y ejecute la aplicación.
Cuando pulsa el elemento de menú Iniciar sesión, se abre un explorador en la Azure AD inicio de sesión. Inicie sesión con su cuenta.

Una vez que la aplicación se reanude, deberías ver un token de acceso impreso en el registro de depuración en Android Studio.

Una captura de pantalla de la ventana Logcat en Android Studio

Obtener detalles del usuario

En esta sección, creará una clase auxiliar para contener todas las llamadas a Microsoft Graph MainActivity y actualizar la clase para usar esta nueva clase para obtener el usuario que ha iniciado sesión.

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class. Asigne un nombre a la clase GraphHelper y seleccione Aceptar.

Abra el nuevo archivo y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import com.microsoft.graph.models.extensions.User;
import com.microsoft.graph.requests.GraphServiceClient;

import java.util.concurrent.CompletableFuture;

// Singleton class - the app only needs a single instance
// of the Graph client
public class GraphHelper implements IAuthenticationProvider {
    private static GraphHelper INSTANCE = null;
    private GraphServiceClient mClient = null;

    private GraphHelper() {
        AuthenticationHelper authProvider = AuthenticationHelper.getInstance();

        mClient = GraphServiceClient.builder()
            .authenticationProvider(authProvider).buildClient();
    }

    public static synchronized GraphHelper getInstance() {
        if (INSTANCE == null) {
            INSTANCE = new GraphHelper();
        }

        return INSTANCE;
    }

    public CompletableFuture<User> getUser() {
        // GET /me (logged in user)
        return mClient.me().buildRequest()
            .select("displayName,mail,mailboxSettings,userPrincipalName")
            .getAsync();
    }
}

Nota

Tenga en cuenta lo que hace este código.

Expone una función para getUser obtener la información del usuario que ha iniciado sesión desde el /me punto de conexión Graph usuario.
- Se usa .select para solicitar solo las propiedades del usuario que necesita la aplicación.

Quite las siguientes líneas que establecen el nombre de usuario y el correo electrónico:

// For testing
mUserName = "Lynne Robbins";
mUserEmail = "lynner@contoso.com";
mUserTimeZone = "Pacific Standard Time";

Reemplace la función handleSignInSuccess existente por lo siguiente.

// Handles the authentication result
private void handleSignInSuccess(IAuthenticationResult authenticationResult) {
    // Log the token for debug purposes
    String accessToken = authenticationResult.getAccessToken();
    Log.d("AUTH", String.format("Access token: %s", accessToken));

    // Get Graph client and get user
    GraphHelper graphHelper = GraphHelper.getInstance();
    graphHelper.getUser()
        .thenAccept(user -> {
            mUserName = user.displayName;
            mUserEmail = user.mail == null ? user.userPrincipalName : user.mail;
            mUserTimeZone = user.mailboxSettings.timeZone;

            runOnUiThread(() -> {
                hideProgressBar();
                setSignedInState(true);
                openHomeFragment(mUserName);
            });
        })
        .exceptionally(exception -> {
            Log.e("AUTH", "Error getting /me", exception);

            runOnUiThread(()-> {
                hideProgressBar();
                setSignedInState(false);
            });

            return null;
        });
}

Guarde los cambios y ejecute la aplicación. Después de iniciar sesión, la interfaz de usuario se actualiza con el nombre para mostrar y la dirección de correo electrónico del usuario.

Obtener una vista de calendario

10 minutos restantes

En este ejercicio, incorporará el Graph Microsoft en la aplicación. Para esta aplicación, usará el SDK de Microsoft Graph para Java para realizar llamadas a Microsoft Graph.

Obtener eventos del calendario desde Outlook

En esta sección, extenderá GraphHelper CalendarFragment la clase para agregar una función para obtener los eventos del usuario de la semana actual y actualizar para usar estas nuevas funciones.

Abra GraphHelper y agregue las siguientes import instrucciones a la parte superior del archivo.

import com.microsoft.graph.options.Option;
import com.microsoft.graph.options.HeaderOption;
import com.microsoft.graph.options.QueryOption;
import com.microsoft.graph.requests.EventCollectionPage;
import com.microsoft.graph.requests.EventCollectionRequestBuilder;
import java.time.ZonedDateTime;
import java.time.format.DateTimeFormatter;
import java.util.LinkedList;
import java.util.List;
import java.util.concurrent.CompletableFuture;

Agregue las siguientes funciones a la GraphHelper clase.

public CompletableFuture<List<Event>> getCalendarView(ZonedDateTime viewStart,
                                                      ZonedDateTime viewEnd,
                                                      String timeZone) {

    final List<Option> options = new LinkedList<Option>();
    options.add(new QueryOption("startDateTime",
        viewStart.format(DateTimeFormatter.ISO_OFFSET_DATE_TIME)));
    options.add(new QueryOption("endDateTime",
        viewEnd.format(DateTimeFormatter.ISO_OFFSET_DATE_TIME)));

    // Start and end times adjusted to user's time zone
    options.add(new HeaderOption("Prefer",
        "outlook.timezone=\"" + timeZone + "\""));

    final List<Event> allEvents = new LinkedList<Event>();
    // Create a separate list of options for the paging requests
    // paging request should not include the query parameters from the initial
    // request, but should include the headers.
    final List<Option> pagingOptions = new LinkedList<Option>();
    pagingOptions.add(new HeaderOption("Prefer",
        "outlook.timezone=\"" + timeZone + "\""));

    return mClient.me().calendarView()
        .buildRequest(options)
        .select("subject,organizer,start,end")
        .orderBy("start/dateTime")
        .top(5)
        .getAsync()
        .thenCompose(eventPage -> processPage(eventPage, allEvents, pagingOptions));
}

private CompletableFuture<List<Event>> processPage(EventCollectionPage currentPage,
                         List<Event> eventList,
                         List<Option> options) {
    eventList.addAll(currentPage.getCurrentPage());

    // Check if there is another page of results
    EventCollectionRequestBuilder nextPage = currentPage.getNextPage();
    if (nextPage != null) {
        // Request the next page and repeat
        return nextPage.buildRequest(options)
            .getAsync()
            .thenCompose(eventPage -> processPage(eventPage, eventList, options));
    } else {
        // No more pages, complete the future
        // with the complete list
        return CompletableFuture.completedFuture(eventList);
    }
}

// Debug function to get the JSON representation of a Graph
// object
public String serializeObject(Object object) {
    return mClient.getSerializer().serializeObject(object);
}

Nota

Tenga en cuenta lo que está haciendo getCalendarView el código.

La dirección URL a la que se llamará es /v1.0/me/calendarview.
- Los startDateTime parámetros y endDateTime de consulta definen el inicio y el final de la vista de calendario.
- el Prefer: outlook.timezone encabezado hace que el Graph Microsoft devuelva las horas de inicio y finalización de cada evento en la zona horaria del usuario.
- La función select limita los campos devueltos para cada evento a los que realmente usará la vista.
- La orderby función ordena los resultados por hora de inicio.
- La top función solicita 25 resultados por página.
La processPage función comprueba si hay más resultados disponibles y solicita páginas adicionales si es necesario.

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class. Asigne un nombre a la clase GraphToIana y seleccione Aceptar.

Abra el nuevo archivo y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import java.time.ZoneId;
import java.util.HashMap;

// Basic lookup for mapping Windows time zone identifiers to
// IANA identifiers
// Mappings taken from
// https://github.com/unicode-org/cldr/blob/master/common/supplemental/windowsZones.xml
public class GraphToIana {
    private static final HashMap<String, String> timeZoneIdMap = new HashMap<String, String>();
    static {
        timeZoneIdMap.put("Dateline Standard Time", "Etc/GMT+12");
        timeZoneIdMap.put("UTC-11", "Etc/GMT+11");
        timeZoneIdMap.put("Aleutian Standard Time", "America/Adak");
        timeZoneIdMap.put("Hawaiian Standard Time", "Pacific/Honolulu");
        timeZoneIdMap.put("Marquesas Standard Time", "Pacific/Marquesas");
        timeZoneIdMap.put("Alaskan Standard Time", "America/Anchorage");
        timeZoneIdMap.put("UTC-09", "Etc/GMT+9");
        timeZoneIdMap.put("Pacific Standard Time (Mexico)", "America/Tijuana");
        timeZoneIdMap.put("UTC-08", "Etc/GMT+8");
        timeZoneIdMap.put("Pacific Standard Time", "America/Los_Angeles");
        timeZoneIdMap.put("US Mountain Standard Time", "America/Phoenix");
        timeZoneIdMap.put("Mountain Standard Time (Mexico)", "America/Chihuahua");
        timeZoneIdMap.put("Mountain Standard Time", "America/Denver");
        timeZoneIdMap.put("Central America Standard Time", "America/Guatemala");
        timeZoneIdMap.put("Central Standard Time", "America/Chicago");
        timeZoneIdMap.put("Easter Island Standard Time", "Pacific/Easter");
        timeZoneIdMap.put("Central Standard Time (Mexico)", "America/Mexico_City");
        timeZoneIdMap.put("Canada Central Standard Time", "America/Regina");
        timeZoneIdMap.put("SA Pacific Standard Time", "America/Bogota");
        timeZoneIdMap.put("Eastern Standard Time (Mexico)", "America/Cancun");
        timeZoneIdMap.put("Eastern Standard Time", "America/New_York");
        timeZoneIdMap.put("Haiti Standard Time", "America/Port-au-Prince");
        timeZoneIdMap.put("Cuba Standard Time", "America/Havana");
        timeZoneIdMap.put("US Eastern Standard Time", "America/Indianapolis");
        timeZoneIdMap.put("Turks And Caicos Standard Time", "America/Grand_Turk");
        timeZoneIdMap.put("Paraguay Standard Time", "America/Asuncion");
        timeZoneIdMap.put("Atlantic Standard Time", "America/Halifax");
        timeZoneIdMap.put("Venezuela Standard Time", "America/Caracas");
        timeZoneIdMap.put("Central Brazilian Standard Time", "America/Cuiaba");
        timeZoneIdMap.put("SA Western Standard Time", "America/La_Paz");
        timeZoneIdMap.put("Pacific SA Standard Time", "America/Santiago");
        timeZoneIdMap.put("Newfoundland Standard Time", "America/St_Johns");
        timeZoneIdMap.put("Tocantins Standard Time", "America/Araguaina");
        timeZoneIdMap.put("E. South America Standard Time", "America/Sao_Paulo");
        timeZoneIdMap.put("SA Eastern Standard Time", "America/Cayenne");
        timeZoneIdMap.put("Argentina Standard Time", "America/Buenos_Aires");
        timeZoneIdMap.put("Greenland Standard Time", "America/Godthab");
        timeZoneIdMap.put("Montevideo Standard Time", "America/Montevideo");
        timeZoneIdMap.put("Magallanes Standard Time", "America/Punta_Arenas");
        timeZoneIdMap.put("Saint Pierre Standard Time", "America/Miquelon");
        timeZoneIdMap.put("Bahia Standard Time", "America/Bahia");
        timeZoneIdMap.put("UTC-02", "Etc/GMT+2");
        timeZoneIdMap.put("Azores Standard Time", "Atlantic/Azores");
        timeZoneIdMap.put("Cape Verde Standard Time", "Atlantic/Cape_Verde");
        timeZoneIdMap.put("UTC", "Etc/GMT");
        timeZoneIdMap.put("GMT Standard Time", "Europe/London");
        timeZoneIdMap.put("Greenwich Standard Time", "Atlantic/Reykjavik");
        timeZoneIdMap.put("Sao Tome Standard Time", "Africa/Sao_Tome");
        timeZoneIdMap.put("Morocco Standard Time", "Africa/Casablanca");
        timeZoneIdMap.put("W. Europe Standard Time", "Europe/Berlin");
        timeZoneIdMap.put("Central Europe Standard Time", "Europe/Budapest");
        timeZoneIdMap.put("Romance Standard Time", "Europe/Paris");
        timeZoneIdMap.put("Central European Standard Time", "Europe/Warsaw");
        timeZoneIdMap.put("W. Central Africa Standard Time", "Africa/Lagos");
        timeZoneIdMap.put("Jordan Standard Time", "Asia/Amman");
        timeZoneIdMap.put("GTB Standard Time", "Europe/Bucharest");
        timeZoneIdMap.put("Middle East Standard Time", "Asia/Beirut");
        timeZoneIdMap.put("Egypt Standard Time", "Africa/Cairo");
        timeZoneIdMap.put("E. Europe Standard Time", "Europe/Chisinau");
        timeZoneIdMap.put("Syria Standard Time", "Asia/Damascus");
        timeZoneIdMap.put("West Bank Standard Time", "Asia/Hebron");
        timeZoneIdMap.put("South Africa Standard Time", "Africa/Johannesburg");
        timeZoneIdMap.put("FLE Standard Time", "Europe/Kiev");
        timeZoneIdMap.put("Israel Standard Time", "Asia/Jerusalem");
        timeZoneIdMap.put("Kaliningrad Standard Time", "Europe/Kaliningrad");
        timeZoneIdMap.put("Sudan Standard Time", "Africa/Khartoum");
        timeZoneIdMap.put("Libya Standard Time", "Africa/Tripoli");
        timeZoneIdMap.put("Namibia Standard Time", "Africa/Windhoek");
        timeZoneIdMap.put("Arabic Standard Time", "Asia/Baghdad");
        timeZoneIdMap.put("Turkey Standard Time", "Europe/Istanbul");
        timeZoneIdMap.put("Arab Standard Time", "Asia/Riyadh");
        timeZoneIdMap.put("Belarus Standard Time", "Europe/Minsk");
        timeZoneIdMap.put("Russian Standard Time", "Europe/Moscow");
        timeZoneIdMap.put("E. Africa Standard Time", "Africa/Nairobi");
        timeZoneIdMap.put("Iran Standard Time", "Asia/Tehran");
        timeZoneIdMap.put("Arabian Standard Time", "Asia/Dubai");
        timeZoneIdMap.put("Astrakhan Standard Time", "Europe/Astrakhan");
        timeZoneIdMap.put("Azerbaijan Standard Time", "Asia/Baku");
        timeZoneIdMap.put("Russia Time Zone 3", "Europe/Samara");
        timeZoneIdMap.put("Mauritius Standard Time", "Indian/Mauritius");
        timeZoneIdMap.put("Saratov Standard Time", "Europe/Saratov");
        timeZoneIdMap.put("Georgian Standard Time", "Asia/Tbilisi");
        timeZoneIdMap.put("Volgograd Standard Time", "Europe/Volgograd");
        timeZoneIdMap.put("Caucasus Standard Time", "Asia/Yerevan");
        timeZoneIdMap.put("Afghanistan Standard Time", "Asia/Kabul");
        timeZoneIdMap.put("West Asia Standard Time", "Asia/Tashkent");
        timeZoneIdMap.put("Ekaterinburg Standard Time", "Asia/Yekaterinburg");
        timeZoneIdMap.put("Pakistan Standard Time", "Asia/Karachi");
        timeZoneIdMap.put("Qyzylorda Standard Time", "Asia/Qyzylorda");
        timeZoneIdMap.put("India Standard Time", "Asia/Calcutta");
        timeZoneIdMap.put("Sri Lanka Standard Time", "Asia/Colombo");
        timeZoneIdMap.put("Nepal Standard Time", "Asia/Katmandu");
        timeZoneIdMap.put("Central Asia Standard Time", "Asia/Almaty");
        timeZoneIdMap.put("Bangladesh Standard Time", "Asia/Dhaka");
        timeZoneIdMap.put("Omsk Standard Time", "Asia/Omsk");
        timeZoneIdMap.put("Myanmar Standard Time", "Asia/Rangoon");
        timeZoneIdMap.put("SE Asia Standard Time", "Asia/Bangkok");
        timeZoneIdMap.put("Altai Standard Time", "Asia/Barnaul");
        timeZoneIdMap.put("W. Mongolia Standard Time", "Asia/Hovd");
        timeZoneIdMap.put("North Asia Standard Time", "Asia/Krasnoyarsk");
        timeZoneIdMap.put("N. Central Asia Standard Time", "Asia/Novosibirsk");
        timeZoneIdMap.put("Tomsk Standard Time", "Asia/Tomsk");
        timeZoneIdMap.put("China Standard Time", "Asia/Shanghai");
        timeZoneIdMap.put("North Asia East Standard Time", "Asia/Irkutsk");
        timeZoneIdMap.put("Singapore Standard Time", "Asia/Singapore");
        timeZoneIdMap.put("W. Australia Standard Time", "Australia/Perth");
        timeZoneIdMap.put("Taipei Standard Time", "Asia/Taipei");
        timeZoneIdMap.put("Ulaanbaatar Standard Time", "Asia/Ulaanbaatar");
        timeZoneIdMap.put("Aus Central W. Standard Time", "Australia/Eucla");
        timeZoneIdMap.put("Transbaikal Standard Time", "Asia/Chita");
        timeZoneIdMap.put("Tokyo Standard Time", "Asia/Tokyo");
        timeZoneIdMap.put("North Korea Standard Time", "Asia/Pyongyang");
        timeZoneIdMap.put("Korea Standard Time", "Asia/Seoul");
        timeZoneIdMap.put("Yakutsk Standard Time", "Asia/Yakutsk");
        timeZoneIdMap.put("Cen. Australia Standard Time", "Australia/Adelaide");
        timeZoneIdMap.put("AUS Central Standard Time", "Australia/Darwin");
        timeZoneIdMap.put("E. Australia Standard Time", "Australia/Brisbane");
        timeZoneIdMap.put("AUS Eastern Standard Time", "Australia/Sydney");
        timeZoneIdMap.put("West Pacific Standard Time", "Pacific/Port_Moresby");
        timeZoneIdMap.put("Tasmania Standard Time", "Australia/Hobart");
        timeZoneIdMap.put("Vladivostok Standard Time", "Asia/Vladivostok");
        timeZoneIdMap.put("Lord Howe Standard Time", "Australia/Lord_Howe");
        timeZoneIdMap.put("Bougainville Standard Time", "Pacific/Bougainville");
        timeZoneIdMap.put("Russia Time Zone 10", "Asia/Srednekolymsk");
        timeZoneIdMap.put("Magadan Standard Time", "Asia/Magadan");
        timeZoneIdMap.put("Norfolk Standard Time", "Pacific/Norfolk");
        timeZoneIdMap.put("Sakhalin Standard Time", "Asia/Sakhalin");
        timeZoneIdMap.put("Central Pacific Standard Time", "Pacific/Guadalcanal");
        timeZoneIdMap.put("Russia Time Zone 11", "Asia/Kamchatka");
        timeZoneIdMap.put("New Zealand Standard Time", "Pacific/Auckland");
        timeZoneIdMap.put("UTC+12", "Etc/GMT-12");
        timeZoneIdMap.put("Fiji Standard Time", "Pacific/Fiji");
        timeZoneIdMap.put("Chatham Islands Standard Time", "Pacific/Chatham");
        timeZoneIdMap.put("UTC+13", "Etc/GMT-13");
        timeZoneIdMap.put("Tonga Standard Time", "Pacific/Tongatapu");
        timeZoneIdMap.put("Samoa Standard Time", "Pacific/Apia");
        timeZoneIdMap.put("Line Islands Standard Time", "Pacific/Kiritimati");
    }

    public static String getIanaFromWindows(String windowsTimeZone) {
        String iana = timeZoneIdMap.get(windowsTimeZone);

        // If a mapping was not found, assume the value passed
        // was already an IANA identifier
        return (iana == null) ? windowsTimeZone : iana;
    }

    public static ZoneId getZoneIdFromWindows(String windowsTimeZone) {
        String timeZoneId = getIanaFromWindows(windowsTimeZone);

        return ZoneId.of(timeZoneId);
    }
}

Agregue las siguientes import instrucciones a la parte superior del archivo CalendarFragment .

import android.util.Log;
import android.widget.ListView;
import com.google.android.material.snackbar.BaseTransientBottomBar;
import com.google.android.material.snackbar.Snackbar;
import com.microsoft.graph.core.ClientException;
import com.microsoft.graph.models.Event;
import com.microsoft.identity.client.AuthenticationCallback;
import com.microsoft.identity.client.IAuthenticationResult;
import com.microsoft.identity.client.exception.MsalException;
import java.time.DayOfWeek;
import java.time.ZoneId;
import java.time.ZonedDateTime;
import java.time.temporal.ChronoUnit;
import java.time.temporal.TemporalAdjusters;
import java.util.List;

Agregue el siguiente miembro a la CalendarFragment clase.
```
private List<Event> mEventList = null;
```

Agregue las siguientes funciones a la clase CalendarFragment para ocultar y mostrar la barra de progreso.

private void showProgressBar() {
    getActivity().runOnUiThread(new Runnable() {
        @Override
        public void run() {
            getActivity().findViewById(R.id.progressbar)
                .setVisibility(View.VISIBLE);
            getActivity().findViewById(R.id.fragment_container)
                .setVisibility(View.GONE);
        }
    });
}

private void hideProgressBar() {
    getActivity().runOnUiThread(new Runnable() {
        @Override
        public void run() {
            getActivity().findViewById(R.id.progressbar)
                .setVisibility(View.GONE);
            getActivity().findViewById(R.id.fragment_container)
                .setVisibility(View.VISIBLE);
        }
    });
}

Agregue la siguiente función para generar la lista de eventos con fines de depuración.

private void addEventsToList() {
    // Temporary for debugging
    String jsonEvents = GraphHelper.getInstance().serializeObject(mEventList);
    Log.d("GRAPH", jsonEvents);
}

Reemplace la función existente onCreateView en la CalendarFragment clase por lo siguiente.

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_calendar, container, false);

    showProgressBar();

    final GraphHelper graphHelper = GraphHelper.getInstance();

    ZoneId tzId = GraphToIana.getZoneIdFromWindows(mTimeZone);
    // Get midnight of the first day of the week (assumed Sunday)
    // in the user's timezone, then convert to UTC
    ZonedDateTime startOfWeek = ZonedDateTime.now(tzId)
        .with(TemporalAdjusters.previousOrSame(DayOfWeek.SUNDAY))
        .truncatedTo(ChronoUnit.DAYS)
        .withZoneSameInstant(ZoneId.of("UTC"));

    // Add 7 days to get the end of the week
    ZonedDateTime endOfWeek = startOfWeek.plusDays(7);

    // Get the user's events
    graphHelper
        .getCalendarView(startOfWeek, endOfWeek, mTimeZone)
        .thenAccept(eventList -> {
            mEventList = eventList;

            addEventsToList();
            hideProgressBar();
        })
        .exceptionally(exception -> {
            hideProgressBar();
            Log.e("GRAPH", "Error getting events", exception);
            Snackbar.make(getView(),
                exception.getMessage(),
                BaseTransientBottomBar.LENGTH_LONG).show();
            return null;
        });

    return view;
}

Ejecuta la aplicación, inicia sesión y pulsa el elemento de navegación Calendario en el menú. Debería ver un volcado JSON de los eventos en el registro de depuración en Android Studio.

Mostrar los resultados

Ahora puede reemplazar el volcado JSON por algo para mostrar los resultados de una manera fácil de usar. En esta sección, agregará una ListView al fragmento de calendario, creará un diseño para cada elemento de la y ListView Event TextView creará un adaptador de lista personalizado para el que asigna los campos de cada uno a ListViewlos adecuados en la vista.

Reemplace el TextView archivo en app/res/layout/fragment_calendar.xml por un ListView.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/eventlist"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="?colorPrimary"
        android:dividerHeight="1dp" />

</RelativeLayout>

Haga clic con el botón secundario en la carpeta app/res/layout y seleccione Nuevo y, a continuación, Archivo de recursos Diseño.
Asigne un nombre al archivo event_list_item, cambie el elemento Root a RelativeLayouty seleccione Aceptar.

Abra el event_list_item.xml y reemplace su contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <TextView
        android:id="@+id/eventsubject"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Subject"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/eventorganizer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/eventsubject"
        android:text="Adele Vance"
        android:textSize="15sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/eventorganizer"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingEnd="2sp"
            android:text="Start:"
            android:textSize="15sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/eventstart"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1:30 PM 2/19/2019"
            android:textSize="15sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingStart="5sp"
            android:paddingEnd="2sp"
            android:text="End:"
            android:textSize="15sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/eventend"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1:30 PM 2/19/2019"
            android:textSize="15sp" />
    </LinearLayout>
</RelativeLayout>

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class.
Asigne un nombre a la clase EventListAdapter y seleccione Aceptar.

Abra el archivo EventListAdapter y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
import androidx.annotation.NonNull;
import com.microsoft.graph.models.DateTimeTimeZone;
import com.microsoft.graph.models.Event;
import java.time.LocalDateTime;
import java.time.ZoneId;
import java.time.ZonedDateTime;
import java.time.format.DateTimeFormatter;
import java.time.format.FormatStyle;
import java.util.List;
import java.util.TimeZone;

public class EventListAdapter extends ArrayAdapter<Event> {
    private Context mContext;
    private int mResource;

    // Used for the ViewHolder pattern
    // https://developer.android.com/training/improving-layouts/smooth-scrolling
    static class ViewHolder {
        TextView subject;
        TextView organizer;
        TextView start;
        TextView end;
    }

    public EventListAdapter(Context context, int resource, List<Event> events) {
        super(context, resource, events);
        mContext = context;
        mResource = resource;
    }

    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Event event = getItem(position);

        ViewHolder holder;

        if (convertView == null) {
            LayoutInflater inflater = LayoutInflater.from(mContext);
            convertView = inflater.inflate(mResource, parent, false);

            holder = new ViewHolder();
            holder.subject = convertView.findViewById(R.id.eventsubject);
            holder.organizer = convertView.findViewById(R.id.eventorganizer);
            holder.start = convertView.findViewById(R.id.eventstart);
            holder.end = convertView.findViewById(R.id.eventend);

            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        holder.subject.setText(event.subject);
        holder.organizer.setText(event.organizer.emailAddress.name);
        holder.start.setText(getLocalDateTimeString(event.start));
        holder.end.setText(getLocalDateTimeString(event.end));

        return convertView;
    }

    // Convert Graph's DateTimeTimeZone format to
    // a LocalDateTime, then return a formatted string
    private String getLocalDateTimeString(DateTimeTimeZone dateTime) {
        ZonedDateTime localDateTime = LocalDateTime.parse(dateTime.dateTime)
                .atZone(GraphToIana.getZoneIdFromWindows(dateTime.timeZone));

        return String.format("%s %s",
                localDateTime.format(DateTimeFormatter.ofLocalizedDate(FormatStyle.MEDIUM)),
                localDateTime.format(DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT)));
    }
}

Abra la clase CalendarFragment y reemplace la función addEventsToList existente por lo siguiente.

private void addEventsToList() {
    getActivity().runOnUiThread(new Runnable() {
        @Override
        public void run() {
            ListView eventListView = getView().findViewById(R.id.eventlist);

            EventListAdapter listAdapter = new EventListAdapter(getActivity(),
                R.layout.event_list_item, mEventList);

            eventListView.setAdapter(listAdapter);
        }
    });
}

Ejecuta la aplicación, inicia sesión y pulsa el elemento de navegación Calendario. Debería ver la lista de eventos.

Crear un nuevo evento

5 minutos restantes

En esta sección, agregará la capacidad de crear eventos en el calendario del usuario.

Abra GraphHelper y agregue las siguientes import instrucciones a la parte superior del archivo.

import com.microsoft.graph.models.Attendee;
import com.microsoft.graph.models.DateTimeTimeZone;
import com.microsoft.graph.models.EmailAddress;
import com.microsoft.graph.models.ItemBody;
import com.microsoft.graph.models.AttendeeType;
import com.microsoft.graph.models.BodyType;

Agregue la siguiente función a la clase GraphHelper para crear un nuevo evento.

public CompletableFuture<Event> createEvent(String subject,
                                            ZonedDateTime start,
                                            ZonedDateTime end,
                                            String timeZone,
                                            String[] attendees,
                                            String body) {
    Event newEvent = new Event();

    // Set properties on the event
    // Subject
    newEvent.subject = subject;

    // Start
    newEvent.start = new DateTimeTimeZone();
    // DateTimeTimeZone has two parts:
    // The date/time expressed as an ISO 8601 Local date/time
    // Local meaning there is no UTC or UTC offset designation
    // Example: 2020-01-12T09:00:00
    newEvent.start.dateTime = start.format(DateTimeFormatter.ISO_LOCAL_DATE_TIME);
    // The time zone - can be either a Windows time zone name ("Pacific Standard Time")
    // or an IANA time zone identifier ("America/Los_Angeles")
    newEvent.start.timeZone = timeZone;

    // End
    newEvent.end = new DateTimeTimeZone();
    newEvent.end.dateTime = end.format(DateTimeFormatter.ISO_LOCAL_DATE_TIME);
    newEvent.end.timeZone = timeZone;

    // Add attendees if any were provided
    if (attendees.length > 0) {
        newEvent.attendees = new LinkedList<>();

        for (String attendeeEmail : attendees) {
            Attendee newAttendee = new Attendee();
            // Set the attendee type, in this case required
            newAttendee.type = AttendeeType.REQUIRED;
            // Create a new EmailAddress object with the address
            // provided
            newAttendee.emailAddress = new EmailAddress();
            newAttendee.emailAddress.address = attendeeEmail;

            newEvent.attendees.add(newAttendee);
        }
    }

    // Add body if provided
    if (!body.isEmpty()) {
        newEvent.body = new ItemBody();
        // Set the content
        newEvent.body.content = body;
        // Specify content is plain text
        newEvent.body.contentType = BodyType.TEXT;
    }

    return mClient.me().events().buildRequest()
            .postAsync(newEvent);
}

Actualizar nuevo fragmento de evento

Haga clic con el botón secundario en la carpeta app/java/com.example.graphtutorial y seleccione Nuevo y, a continuación , Java class. Asigne un nombre a la clase EditTextDateTimePicker y seleccione Aceptar.

Abra el nuevo archivo y reemplace su contenido por lo siguiente.

package com.example.graphtutorial;

import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.content.Context;
import android.view.View;
import android.widget.DatePicker;
import android.widget.EditText;
import android.widget.TimePicker;

import java.time.ZoneId;
import java.time.ZonedDateTime;
import java.time.format.DateTimeFormatter;
import java.time.format.FormatStyle;

// Class to wrap an EditText control to act as a date/time picker
// When the user taps it, a date picker is shown, followed by a time picker
// The values selected are combined to create a date/time value, which is then
// displayed in the EditText
public class EditTextDateTimePicker implements View.OnClickListener,
        DatePickerDialog.OnDateSetListener,
        TimePickerDialog.OnTimeSetListener {
    private Context mContext;
    private EditText mEditText;
    private ZonedDateTime mDateTime;

    EditTextDateTimePicker(Context context, EditText editText, ZoneId zoneId) {
        mContext = context;
        mEditText = editText;
        mEditText.setOnClickListener(this);

        // Initialize to now
        mDateTime = ZonedDateTime.now(zoneId).withSecond(0).withNano(0);

        // Round time to closest upcoming half-hour
        int offset = 30 - (mDateTime.getMinute() % 30);
        if (offset > 0) {
            mDateTime = mDateTime.plusMinutes(offset);
        }

        updateText();
    }

    @Override
    public void onClick(View v) {
        // First, show a date picker
        DatePickerDialog dialog = new DatePickerDialog(mContext,
            this,
            mDateTime.getYear(),
            mDateTime.getMonthValue(),
            mDateTime.getDayOfMonth());

        dialog.show();
    }

    @Override
    public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
        // Update the stored date/time with the new date
        mDateTime = mDateTime.withYear(year).withMonth(month).withDayOfMonth(dayOfMonth);

        // Show a time picker
        TimePickerDialog dialog = new TimePickerDialog(mContext,
            this,
            mDateTime.getHour(),
            mDateTime.getMinute(),
            false);

        dialog.show();
    }

    @Override
    public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
        // Update the stored date/time with the new time
        mDateTime = mDateTime.withHour(hourOfDay).withMinute(minute);
        // Update the text in the EditText
        updateText();
    }

    public ZonedDateTime getZonedDateTime() {
        return mDateTime;
    }

    private void updateText() {
        mEditText.setText(String.format("%s %s",
            mDateTime.format(DateTimeFormatter.ofLocalizedDate(FormatStyle.MEDIUM)),
            mDateTime.format(DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT))));
    }
}

Esta clase ajusta un EditText control, que muestra un selector de fecha y hora cuando el usuario lo pulsa y actualiza el valor con la fecha y hora que se han seleccionado.

Abra app/res/layout/fragment_new_event.xml y reemplace su contenido por lo siguiente.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Subject" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/neweventsubject"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </com.google.android.material.textfield.TextInputLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Attendees" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/neweventattendees"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Separate multiple entries with ';'" />
    </com.google.android.material.textfield.TextInputLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Start" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/neweventstartdatetime"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="false"
            android:clickable="true" />
    </com.google.android.material.textfield.TextInputLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="End" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/neweventenddatetime"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="false"
            android:clickable="true" />
    </com.google.android.material.textfield.TextInputLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Body" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/neweventbody"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:inputType="textMultiLine"
            android:gravity="top" />
    </com.google.android.material.textfield.TextInputLayout>

    <Button
        android:id="@+id/createevent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Create" />
</LinearLayout>

Abra NewEventFragment y agregue las siguientes import instrucciones en la parte superior del archivo.

import android.util.Log;
import android.widget.Button;
import com.google.android.material.snackbar.BaseTransientBottomBar;
import com.google.android.material.snackbar.Snackbar;
import com.google.android.material.textfield.TextInputLayout;
import java.time.ZoneId;
import java.time.ZonedDateTime;

Agregue los siguientes miembros a la NewEventFragment clase.

private TextInputLayout mSubject;
private TextInputLayout mAttendees;
private TextInputLayout mStartInputLayout;
private TextInputLayout mEndInputLayout;
private TextInputLayout mBody;
private EditTextDateTimePicker mStartPicker;
private EditTextDateTimePicker mEndPicker;

Agregue las siguientes funciones para mostrar y ocultar una barra de progreso.

private void showProgressBar() {
    getActivity().runOnUiThread(new Runnable() {
        @Override
        public void run() {
        getActivity().findViewById(R.id.progressbar)
            .setVisibility(View.VISIBLE);
        getActivity().findViewById(R.id.fragment_container)
            .setVisibility(View.GONE);
        }
    });
}

private void hideProgressBar() {
    getActivity().runOnUiThread(new Runnable() {
        @Override
        public void run() {
        getActivity().findViewById(R.id.progressbar)
            .setVisibility(View.GONE);
        getActivity().findViewById(R.id.fragment_container)
            .setVisibility(View.VISIBLE);
        }
    });
}

Agregue las siguientes funciones para obtener los valores de los controles de entrada y llamar a la GraphHelper.createEvent función.

private void createEvent() {
    String subject = mSubject.getEditText().getText().toString();
    String attendees = mAttendees.getEditText().getText().toString();
    String body = mBody.getEditText().getText().toString();

    ZonedDateTime startDateTime = mStartPicker.getZonedDateTime();
    ZonedDateTime endDateTime = mEndPicker.getZonedDateTime();

    // Validate
    boolean isValid = true;
    // Subject is required
    if (subject.isEmpty()) {
        isValid = false;
        mSubject.setError("You must set a subject");
    }

    // End must be after start
    if (!endDateTime.isAfter(startDateTime)) {
        isValid = false;
        mEndInputLayout.setError("The end must be after the start");
    }

    if (isValid) {
        // Split the attendees string into an array
        String[] attendeeArray = attendees.split(";");

        GraphHelper.getInstance()
            .createEvent(subject,
                startDateTime,
                endDateTime,
                mTimeZone,
                attendeeArray,
                body)
            .thenAccept(newEvent -> {
                hideProgressBar();
                Snackbar.make(getView(),
                    "Event created",
                    BaseTransientBottomBar.LENGTH_SHORT).show();
            })
            .exceptionally(exception -> {
                hideProgressBar();
                Log.e("GRAPH", "Error creating event", exception);
                Snackbar.make(getView(),
                    exception.getMessage(),
                    BaseTransientBottomBar.LENGTH_LONG).show();
                return null;
            });
    }
}

Reemplace el existente onCreateView por lo siguiente.

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View newEventView = inflater.inflate(R.layout.fragment_new_event, container, false);

    ZoneId userTimeZone = GraphToIana.getZoneIdFromWindows(mTimeZone);

    mSubject = newEventView.findViewById(R.id.neweventsubject);
    mAttendees = newEventView.findViewById(R.id.neweventattendees);
    mBody = newEventView.findViewById(R.id.neweventbody);

    mStartInputLayout = newEventView.findViewById(R.id.neweventstartdatetime);
    mStartPicker = new EditTextDateTimePicker(getContext(),
        mStartInputLayout.getEditText(),
        userTimeZone);

    mEndInputLayout = newEventView.findViewById(R.id.neweventenddatetime);
    mEndPicker = new EditTextDateTimePicker(getContext(),
        mEndInputLayout.getEditText(),
        userTimeZone);

    Button createButton = newEventView.findViewById(R.id.createevent);
    createButton.setOnClickListener(v -> {
        // Clear any errors
        mSubject.setErrorEnabled(false);
        mEndInputLayout.setErrorEnabled(false);

        showProgressBar();

        createEvent();
    });

    return newEventView;
}

Guarde los cambios y reinicie la aplicación. Seleccione el elemento de menú Nuevo evento, rellene el formulario y seleccione CREAR.

Compartir a través de

Creación de aplicaciones de Android con Microsoft Graph

Requisitos previos

Comentarios

Creación de una aplicación para Android

Instalar dependencias

Diseñar la aplicación

Crear un cajón de navegación

Crear iconos

Crear el menú

Actualizar el tema y el diseño de la aplicación

Agregar fragmentos

Registrar la aplicación en el portal

Agregar autenticación de Azure AD

Obtener detalles del usuario

Obtener una vista de calendario

Obtener eventos del calendario desde Outlook

Mostrar los resultados

Crear un nuevo evento

Actualizar nuevo fragmento de evento

¡Enhorabuena!

Comentarios

Compartir a través de

Creación de aplicaciones de Android con Microsoft Graph

Requisitos previos

Comentarios

Creación de una aplicación para Android

Instalar dependencias

Diseñar la aplicación

Crear un cajón de navegación

Crear iconos

Crear el menú

Actualizar el tema y el diseño de la aplicación

Agregar fragmentos

Registrar la aplicación en el portal

Agregar autenticación de Azure AD

Implementar el inicio de sesión

Obtener detalles del usuario

Obtener una vista de calendario

Obtener eventos del calendario desde Outlook

Mostrar los resultados

Crear un nuevo evento

Actualizar nuevo fragmento de evento

¡Enhorabuena!

Comentarios