TodoList.xaml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  4. x:Class="DevDaysTasks.TodoList"
  5. Title="Azure Todo">
  6. <Grid RowSpacing="0">
  7. <Grid.RowDefinitions>
  8. <RowDefinition Height="Auto" />
  9. <RowDefinition Height="*" />
  10. </Grid.RowDefinitions>
  11. <ActivityIndicator Grid.RowSpan="2"
  12. HorizontalOptions="FillAndExpand"
  13. VerticalOptions="Center"
  14. IsVisible="{Binding IsBusy}"
  15. IsRunning="{Binding IsBusy}"/>
  16. <StackLayout Grid.Row="0" BackgroundColor="#5ABAFF" Padding="10,10,10,5">
  17. <Grid>
  18. <Grid.ColumnDefinitions>
  19. <ColumnDefinition/>
  20. <ColumnDefinition Width="Auto"/>
  21. </Grid.ColumnDefinitions>
  22. <Entry Text="{Binding Name}"
  23. Placeholder="Item name" />
  24. <StackLayout Grid.Column="1"
  25. Orientation="Horizontal"
  26. HorizontalOptions="StartAndExpand">
  27. <Button Text="Add"
  28. MinimumHeightRequest="30"
  29. Command="{Binding AddCommand}" />
  30. <Button Text="Sync"
  31. MinimumHeightRequest="30"
  32. Command="{Binding SyncCommand}" />
  33. </StackLayout>
  34. </Grid>
  35. </StackLayout>
  36. <ListView
  37. ItemsSource="{Binding Items}"
  38. ItemSelected="OnSelected"
  39. IsPullToRefreshEnabled="true"
  40. IsRefreshing="{Binding IsBusy, Mode=OneWay}"
  41. RefreshCommand="{Binding SyncCommand}"
  42. HasUnevenRows="true"
  43. Grid.Row="1">
  44. <ListView.ItemTemplate>
  45. <DataTemplate>
  46. <ViewCell>
  47. <ViewCell.ContextActions>
  48. <MenuItem Clicked="OnComplete" Text="Complete" CommandParameter="{Binding .}"/>
  49. </ViewCell.ContextActions>
  50. <StackLayout Padding="10">
  51. <Label Text="{Binding Name}" FontSize="24" />
  52. </StackLayout>
  53. </ViewCell>
  54. </DataTemplate>
  55. </ListView.ItemTemplate>
  56. </ListView>
  57. </Grid>
  58. </ContentPage>