pauldipietro · imuller · Apr 26, 2019 · Apr 26, 2019
diff --git a/...ctionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj b/...ctionViewChallenge/CollectionViewChallenge.Android/CollectionViewChallenge.Android.csproj
@@ -15,7 +15,6 @@
     <AndroidManifest>Properties\AndroidManifest.xml</AndroidManifest>
     <MonoAndroidResourcePrefix>Resources</MonoAndroidResourcePrefix>
     <MonoAndroidAssetsPrefix>Assets</MonoAndroidAssetsPrefix>
-    <AndroidUseLatestPlatformSdk>false</AndroidUseLatestPlatformSdk>
     <TargetFrameworkVersion>v8.1</TargetFrameworkVersion>
     <AndroidEnableSGenConcurrent>true</AndroidEnableSGenConcurrent>
     <AndroidHttpClientHandlerType>Xamarin.Android.Net.AndroidClientHandler</AndroidHttpClientHandlerType>
@@ -93,6 +92,10 @@
     <AndroidResource Include="Resources\drawable\xamarin_logo.png" />
     <AndroidResource Include="Resources\drawable\tab_about.png" />
     <AndroidResource Include="Resources\drawable\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable\vault.png" />
+    <AndroidResource Include="Resources\drawable\pay.png" />
+    <AndroidResource Include="Resources\drawable\request.png" />
+    <AndroidResource Include="Resources\drawable\scan.png" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Resources\drawable-hdpi\" />
@@ -102,7 +105,7 @@
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\CollectionViewChallenge\CollectionViewChallenge.csproj">
-      <Project>{BA39825E-3CF8-4A31-B120-782B2A651542}</Project>
+      <Project>{9A9DDEE5-8C48-4274-82D7-22EB79C97206}</Project>
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>

diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml b/CollectionViewChallenge/CollectionViewChallenge.Android/Properties/AndroidManifest.xml
@@ -1,5 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.companyname.CollectionViewChallenge">
-    <uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
-    <application android:label="CollectionViewChallenge.Android"></application>
-</manifest>
+	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
+	<application android:label="CollectionViewChallenge.Android"></application>
+</manifest>
diff --git a/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/pay.png b/CollectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/pay.png
diff --git a/...ionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/request.png b/...ionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/request.png
diff --git a/...ectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/scan.png b/...ectionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/scan.png
diff --git a/...ctionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/vault.png b/...ctionViewChallenge/CollectionViewChallenge.Android/Resources/drawable/vault.png
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj b/CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj
@@ -123,6 +123,10 @@
     <BundleResource Include="Resources\xamarin_logo%402x.png" />
     <BundleResource Include="Resources\xamarin_logo%403x.png" />
     <InterfaceDefinition Include="Resources\LaunchScreen.storyboard" />
+    <BundleResource Include="Resources\vault.png" />
+    <BundleResource Include="Resources\pay.png" />
+    <BundleResource Include="Resources\request.png" />
+    <BundleResource Include="Resources\scan.png" />
   </ItemGroup>
   <ItemGroup>
     <Reference Include="System" />
@@ -139,7 +143,7 @@
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>
     <ProjectReference Include="..\CollectionViewChallenge\CollectionViewChallenge.csproj">
-      <Project>{BA39825E-3CF8-4A31-B120-782B2A651542}</Project>
+      <Project>{9A9DDEE5-8C48-4274-82D7-22EB79C97206}</Project>
       <Name>CollectionViewChallenge</Name>
     </ProjectReference>
   </ItemGroup>

diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/pay.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/pay.png
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/request.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/request.png
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/scan.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/scan.png
diff --git a/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/vault.png b/CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/vault.png
diff --git a/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml b/CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml
@@ -6,7 +6,7 @@
        RouteScheme="app"
        Route="CollectionViewChallenge"
        FlyoutBehavior="Disabled"
-       Title="CollectionViewChallenge"
+       Title="CollectionViewChallenge" 
        x:Class="CollectionViewChallenge.AppShell">
 
     <!--
@@ -52,7 +52,7 @@
     -->
     <Shell.Resources>
         <ResourceDictionary>
-            <Color x:Key="NavigationPrimary">#2196F3</Color>
+            <Color x:Key="NavigationPrimary">#222224</Color>
             <Style x:Key="BaseStyle" TargetType="Element">
                 <Setter Property="Shell.ShellBackgroundColor" Value="{StaticResource NavigationPrimary}" />
                 <Setter Property="Shell.ShellForegroundColor" Value="White" />
@@ -69,10 +69,30 @@
     </Shell.Resources>
 
     <!-- Your Pages -->
-    <ShellItem>
-        <ShellSection Title="CollectionView" Icon="tab_feed.png">
-            <ShellContent Title="CollectionView">
-                <local:CollectionViewChallengePage Title="CollectionView"/>
+    <ShellItem Shell.SetPaddingInsets="true">
+        <ShellSection Title="Accounts" Icon="tab_feed.png">
+            <ShellContent Title="Accounts">
+                <local:CollectionViewChallengePage Title="Accounts"/>
+            </ShellContent>
+        </ShellSection>
+        <ShellSection Title="Events" Icon="tab_feed.png">
+            <ShellContent Title="Events">
+                <local:EventsPage Title="Events"/>
+            </ShellContent>
+        </ShellSection>
+        <ShellSection Title="Cards" Icon="tab_feed.png">
+            <ShellContent Title="Cards">
+                <local:CardsPage Title="Cards"/>
+            </ShellContent>
+        </ShellSection>
+        <ShellSection Title="Help" Icon="tab_about.png">
+            <ShellContent Title="Help">
+                <local:HelpPage Title="Help"/>
+            </ShellContent>
+        </ShellSection>
+        <ShellSection Title="Profile" Icon="tab_feed.png">
+            <ShellContent Title="Profile">
+                <local:ProfilePage Title="Profile"/>
             </ShellContent>
         </ShellSection>
     </ShellItem>

diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CardsPage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/CardsPage.xaml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="CollectionViewChallenge.Views.CardsPage">
+    <ContentPage.Content>
+    </ContentPage.Content>
+</ContentPage>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CardsPage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/CardsPage.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Views
+{
+    public partial class CardsPage : ContentPage
+    {
+        public CardsPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/CollectionViewChallengePage.xaml
@@ -1,32 +1,86 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="utf-8" ?>
 <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:d="http://xamarin.com/schemas/2014/forms/design"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              mc:Ignorable="d"
-             x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage">
+             x:Class="CollectionViewChallenge.Views.CollectionViewChallengePage"
+             BackgroundColor="#222224"
+             Title="Accounts">
     <ContentPage.Content>
         <StackLayout>
-            <!-- Use your own layout and functionality here! -->
-            <CollectionView>
-                <CollectionView.ItemsSource>
-                    <x:Array Type="{x:Type x:String}">
-                        <x:String>This is a CollectionView!</x:String>
-                        <x:String>Your feedback on the experience of converting a ListView to a CollectionView is incredibly appreciated.</x:String>
-                        <x:String>Here are three general questions:</x:String>
-                        <x:String>1. How was the experience of converting your existing ListView to a CollectionView?</x:String>
-                        <x:String>2. How is the performance compared to the ListView?</x:String>
-                        <x:String>3. Is there a specific piece of functionality that you'd like to see?</x:String>
-                    </x:Array>
-                </CollectionView.ItemsSource>
-                <CollectionView.ItemTemplate>
-                    <DataTemplate>
-                        <StackLayout Padding="5">
-                            <Label Text="{Binding .}" d:Text="Design Time Data" FontSize="10"/>
-                        </StackLayout>
-                    </DataTemplate>
-                </CollectionView.ItemTemplate>
-            </CollectionView>
+
+            <ScrollView VerticalOptions="FillAndExpand">
+                <StackLayout>
+
+                    <Grid Padding="15" HorizontalOptions="FillAndExpand">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+
+                        <Frame HeightRequest="50" Padding="5,0" CornerRadius="10" HasShadow="false" BackgroundColor="#6ddcc7" HorizontalOptions="FillAndExpand" Grid.Row="0" Grid.Column="0">
+                            <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
+                                <Image WidthRequest="26" Source="scan.png" VerticalOptions="Center" />
+                                <Label Text="Scan" TextColor="White" FontSize="16" FontAttributes="Bold" VerticalOptions="Center" />
+                            </StackLayout>
+                        </Frame>
+                        <Frame HeightRequest="50" Padding="5,0" CornerRadius="10" HasShadow="false" BackgroundColor="#377ef6" HorizontalOptions="FillAndExpand" Grid.Row="0" Grid.Column="1">
+                            <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
+                                <Image WidthRequest="26" Source="request.png" VerticalOptions="Center" />
+                                <Label Text="Request" TextColor="White" FontSize="16" FontAttributes="Bold" VerticalOptions="Center" />
+                            </StackLayout>
+                        </Frame>
+                        <Frame HeightRequest="50" Padding="5,0" CornerRadius="10" HasShadow="false" BackgroundColor="#ee7f38" HorizontalOptions="FillAndExpand" Grid.Row="0" Grid.Column="2">
+                            <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
+                                <Image WidthRequest="26" Source="pay.png" VerticalOptions="Center" />
+                                <Label Text="Pay" TextColor="White" FontSize="16" FontAttributes="Bold" VerticalOptions="Center" />
+                            </StackLayout>
+                        </Frame>
+                    </Grid>
+
+                    <CollectionView>
+                        <CollectionView.ItemsSource>
+                            <x:Array Type="{x:Type x:String}">
+                                <x:String>€1.000,10</x:String>
+                                <x:String>€502,40</x:String>
+                                <x:String>€200,02</x:String>
+                                <x:String>€1.000.000,00</x:String>
+                                <x:String>€1.032,00</x:String>
+                                <x:String>€2.392,93</x:String>
+                                <x:String>€1.000.000,00</x:String>
+                                <x:String>€1.032,00</x:String>
+                                <x:String>€2.392,93</x:String>
+                            </x:Array>
+                        </CollectionView.ItemsSource>
+                        <CollectionView.ItemTemplate>
+                            <DataTemplate>
+                                <Grid Padding="10">
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="Auto" />
+                                        <RowDefinition Height="Auto" />
+                                    </Grid.RowDefinitions>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="80" />
+                                        <ColumnDefinition Width="*" />
+                                    </Grid.ColumnDefinitions>
+
+                                    <Image Source="vault.png" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" />
+                                    <Label Text="Prive" d:Text="Prive" FontSize="14" TextColor="#bdbdbd" Grid.Row="0" Grid.Column="1" />
+                                    <Label Text="{Binding .}" d:Text="€1.000.000" FontSize="28" TextColor="#fefefe" Grid.Row="1" Grid.Column="1" />
+                                </Grid>
+                            </DataTemplate>
+                        </CollectionView.ItemTemplate>
+                    </CollectionView>
+
+                </StackLayout>
+
+            </ScrollView>
+
         </StackLayout>
     </ContentPage.Content>
 </ContentPage>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/EventsPage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/EventsPage.xaml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="CollectionViewChallenge.Views.EventsPage">
+    <ContentPage.Content>
+    </ContentPage.Content>
+</ContentPage>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/EventsPage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/EventsPage.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Views
+{
+    public partial class EventsPage : ContentPage
+    {
+        public EventsPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/HelpPage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/HelpPage.xaml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="CollectionViewChallenge.Views.HelpPage">
+    <ContentPage.Content>
+    </ContentPage.Content>
+</ContentPage>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/HelpPage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/HelpPage.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Views
+{
+    public partial class HelpPage : ContentPage
+    {
+        public HelpPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/ProfilePage.xaml b/CollectionViewChallenge/CollectionViewChallenge/Views/ProfilePage.xaml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="CollectionViewChallenge.Views.ProfilePage">
+    <ContentPage.Content>
+    </ContentPage.Content>
+</ContentPage>
diff --git a/CollectionViewChallenge/CollectionViewChallenge/Views/ProfilePage.xaml.cs b/CollectionViewChallenge/CollectionViewChallenge/Views/ProfilePage.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+
+using Xamarin.Forms;
+
+namespace CollectionViewChallenge.Views
+{
+    public partial class ProfilePage : ContentPage
+    {
+        public ProfilePage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/CollectionViewChallenge/bunq_after.mov b/CollectionViewChallenge/bunq_after.mov
diff --git a/CollectionViewChallenge/bunq_after.png b/CollectionViewChallenge/bunq_after.png
diff --git a/CollectionViewChallenge/bunq_before.png b/CollectionViewChallenge/bunq_before.png