【Xamarin.Forms】使用Xamarin.Forms和Microsoft Graph API安排计划会议

会议可以是生产力,只要他们正确的计划和安排。 有许多工具可用于安排会议,Outlook的Calendar是此类别中最好的工具之一。
要了解如何创建移动式会议计划程序,您可以使用Xamarin.Forms和Microsoft Graph API。 Xamarin.Forms确保应用程序可以在Android,iOS和Windows上运行,而Microsoft Graph API确保应用程序可以与Outlook.com(Microsoft帐户)或Office 365(企业帐户)进行通信。


注册应用程序

创建可访问个人信息的应用程序的第一步是将其注册为所需的服务。 这可以通过登录到应用程序注册门户,单击“添加应用程序”按钮,并完成所需的工作流程来完成。 您可以在此博客示例中找到以前记录的“离开”应用程序应用程序。 请注意,您必须添加“User.Read”,“Calendars.Read”,“Calendars.ReadWrite”的委托权限。 一旦应用程序注册完成,记下客户端ID和URL。

显示会议

当用户进行身份验证时,可以在页面上显示最近五次会议的列表。 以下XAML代码示例显示了如何使用ListView完成此操作:

点击(此处)折叠或打开

  1. ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
  2.              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  3.              x:Class="Leaver.Views.MeetingList" Padding="20" Title="Meeting List">
  4.     ContentPage.Content>
  5.         StackLayout Spacing="20">
  6.             Label x:Name="WelcomeText"/>
  7.             ListView x:Name="MeetingsListView" >
  8.                 ListView.ItemTemplate>
  9.                     DataTemplate>
  10.                         TextCell Text="{Binding Subject}" Detail="{Binding Location.DisplayName}">/TextCell>
  11.                     /DataTemplate>
  12.                 /ListView.ItemTemplate>
  13.             /ListView>
  14.         /StackLayout>
  15.     /ContentPage.Content>
  16. /ContentPage>
OnAppearing()覆盖在页面出现时执行,如以下代码示例所示:

点击(此处)折叠或打开

  1. protected async override void OnAppearing()
  2. {
  3.    base.OnAppearing();
  4.    WelcomeText.Text = $"Welcome {((User)App.Me).DisplayName}, your latest meetings:";
  5.    var client = new GraphServiceClient("https://graph.microsoft.com/v1.0",
  6.       new DelegateAuthenticationProvider(
  7.       async (requestMessage) =>
  8.       {
  9.          var tokenRequest = await App.IdentityClientApp.AcquireTokenSilentAsync(App.Scopes, App.IdentityClientApp.Users.FirstOrDefault());
  10.          requestMessage.Headers.Authorization = new AuthenticationHeaderValue("bearer", tokenRequest.AccessToken);
  11.       }));
  12.    var events = await client.Me.Events.Request().GetAsync();
  13.    var list = events.ToList();
  14.    MeetingsListView.ItemsSource = list.Take(5);
  15. }


创建会议

除了显示会议,移动会议应用程序必须能够安排会议。 这可以通过使用Xamarin.Forms中的DatePicker和TimePicker控件来设置会议日期和时间来完成。 以下XAML代码示例显示了安排会议的基本表单:

点击(此处)折叠或打开

  1. ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
  2.              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  3.              x:Class="Leaver.Views.MeetingRequest" Title="Meeting Request" Padding="20">
  4.     ContentPage.Content>
  5.         StackLayout Spacing="10">
  6.             Entry x:Name="Subject" Placeholder="Subject"/>
  7.             StackLayout Orientation="Horizontal">
  8.             DatePicker x:Name="StartDate"/>
  9.             TimePicker x:Name="StartTime"/>
  10.             /StackLayout>
  11.             StackLayout Orientation="Horizontal">
  12.             DatePicker x:Name="EndDate"/>
  13.             TimePicker x:Name="EndTime"/>
  14.             /StackLayout>
  15.             Entry x:Name="Location" Placeholder="Location"/>
  16.             Entry x:Name="Attendee" Placeholder="Attendee"/>
  17.         /StackLayout>
  18.     /ContentPage.Content>
  19.     ContentPage.ToolbarItems>
  20.         ToolbarItem Text="Add" Clicked="MenuItem_OnClicked">/ToolbarItem>
  21.     /ContentPage.ToolbarItems>
  22. /ContentPage>
当单击工具栏按钮时,将执行以下代码:

点击(此处)折叠或打开

  1. private async void MenuItem_OnClicked(object sender, EventArgs e)
  2.  {
  3.  var calEvent = new Event
  4.  {
  5.  Subject = Subject.Text,
  6.  Start = new DateTimeTimeZone
  7.  {
  8.  DateTime = StartDate.Date.Add(StartTime.Time).ToString("yyyy-MM-ddTHH:mm:ss"),
  9.  TimeZone = "Asia/Kolkata"
  10.  },
  11.  End = new DateTimeTimeZone()
  12.  {
  13.  DateTime = EndDate.Date.Add(EndTime.Time).ToString("yyyy-MM-ddTHH:mm:ss"),
  14.  TimeZone = "Asia/Kolkata"
  15.  },
  16.  Location = new Location() {DisplayName = Location.Text},
  17.  Attendees = new List<Attendee>
  18.  {
  19.  new Attendee() {EmailAddress = new EmailAddress() {Address = Attendee.Text}},
  20.  }
  21.  };
  22.  var client = new GraphServiceClient("https://graph.microsoft.com/v1.0",
  23.  new DelegateAuthenticationProvider(
  24.  async (requestMessage) =>
  25.  {
  26.  var tokenRequest = await App.IdentityClientApp.AcquireTokenSilentAsync(App.Scopes, App.IdentityClientApp.Users.FirstOrDefault());
  27.  requestMessage.Headers.Authorization = new AuthenticationHeaderValue("bearer", tokenRequest.AccessToken);
  28.  }));
  29.  await client.Me.Events.Request().AddAsync(calEvent);
  30.  await DisplayAlert("Event added", "Calendar invite added and sent to attendees", "Ok");
  31.  }


应用程序

一旦你的代码完成,你可以运行应用程序和安排会议!

【Xamarin.Forms】使用Xamarin.Forms和Microsoft Graph API安排计划会议

结束语

Microsoft Graph API允许您使用统一的应用程序注册等功能发送电子邮件和安排会议。 Xamarin.Forms可以使用这些API,从而可以构建跨平台的应用程序来安排会议。 你可以在GitHub上找到这个博客文章中使用的示例