first commit, implement collectionView

CollectionViewChallenge/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,118 @@
     <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\banner1.jpg" />
+    <AndroidResource Include="Resources\drawable\banner2.jpg" />
+    <AndroidResource Include="Resources\drawable\banner3.jpg" />
+    <AndroidResource Include="Resources\drawable\banner4.jpg" />
+    <AndroidResource Include="Resources\drawable\banner5.jpg" />
+    <AndroidResource Include="Resources\drawable\banner6.jpg" />
+    <AndroidResource Include="Resources\drawable\banner7.jpg" />
+    <AndroidResource Include="Resources\drawable\banner8.jpg" />
+    <AndroidResource Include="Resources\drawable\circular1.jpg" />
+    <AndroidResource Include="Resources\drawable\circular2.jpg" />
+    <AndroidResource Include="Resources\drawable\circular3.jpg" />
+    <AndroidResource Include="Resources\drawable\circular4.jpg" />
+    <AndroidResource Include="Resources\drawable\circular5.jpg" />
+    <AndroidResource Include="Resources\drawable\circular6.jpg" />
+    <AndroidResource Include="Resources\drawable\circular7.jpg" />
+    <AndroidResource Include="Resources\drawable\icon_info.png" />
+    <AndroidResource Include="Resources\drawable\icon_play.png" />
+    <AndroidResource Include="Resources\drawable\icon_plus.png" />
+    <AndroidResource Include="Resources\drawable\logo.png" />
+    <AndroidResource Include="Resources\drawable\tituloimage.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner1.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner2.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner3.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner4.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner5.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner6.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner7.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\banner8.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular1.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular2.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular3.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular4.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular5.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular6.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\circular7.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\icon_info.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\icon_play.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\icon_plus.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\logo.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\tab_about.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable-hdpi\tituloimage.jpg" />
+    <AndroidResource Include="Resources\drawable-hdpi\xamarin_logo.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner1.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner2.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner3.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner4.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner5.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner6.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner7.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\banner8.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular1.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular2.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular3.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular4.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular5.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular6.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\circular7.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\icon_info.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\icon_play.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\icon_plus.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\logo.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\tab_about.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable-xhdpi\tituloimage.jpg" />
+    <AndroidResource Include="Resources\drawable-xhdpi\xamarin_logo.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner1.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner2.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner3.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner4.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner5.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner6.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner7.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\banner8.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular1.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular2.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular3.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular4.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular5.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular6.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\circular7.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\icon_info.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\icon_play.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\icon_plus.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\logo.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\tab_about.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\tituloimage.jpg" />
+    <AndroidResource Include="Resources\drawable-xxhdpi\xamarin_logo.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner1.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner2.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner3.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner4.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner5.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner6.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner7.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\banner8.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular1.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular2.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular3.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular4.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular5.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular6.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\circular7.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\icon_info.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\icon_play.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\icon_plus.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\logo.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\tab_about.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\tab_feed.png" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\tituloimage.jpg" />
+    <AndroidResource Include="Resources\drawable-xxxhdpi\xamarin_logo.png" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Resources\drawable-hdpi\" />
@@ -102,7 +213,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>

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>

CollectionViewChallenge/CollectionViewChallenge.Android/Resources/values/styles.xml

@@ -11,9 +11,9 @@
     <item name="windowActionBar">false</item>
     <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette -->
     <!-- colorPrimary is used for the default action bar background -->
-    <item name="colorPrimary">#2196F3</item>
+    <item name="colorPrimary">#000000</item>
     <!-- colorPrimaryDark is used for the status bar -->
-    <item name="colorPrimaryDark">#1976D2</item>
+    <item name="colorPrimaryDark">#000000</item>
     <!-- colorAccent is used as the default value for colorControlActivated
          which is used to tint widgets -->
     <item name="colorAccent">#FF4081</item>

CollectionViewChallenge/CollectionViewChallenge.iOS/CollectionViewChallenge.iOS.csproj

@@ -123,6 +123,31 @@
     <BundleResource Include="Resources\xamarin_logo%402x.png" />
     <BundleResource Include="Resources\xamarin_logo%403x.png" />
     <InterfaceDefinition Include="Resources\LaunchScreen.storyboard" />
+    <BundleResource Include="Resources\banner1%402x.jpg" />
+    <BundleResource Include="Resources\banner2%402x.jpg" />
+    <BundleResource Include="Resources\banner3%402x.jpg" />
+    <BundleResource Include="Resources\banner4%402x.jpg" />
+    <BundleResource Include="Resources\banner5%402x.jpg" />
+    <BundleResource Include="Resources\banner6%402x.jpg" />
+    <BundleResource Include="Resources\banner7%402x.jpg" />
+    <BundleResource Include="Resources\banner8%402x.jpg" />
+    <BundleResource Include="Resources\circular1%402x.jpg" />
+    <BundleResource Include="Resources\circular2%402x.jpg" />
+    <BundleResource Include="Resources\circular3%402x.jpg" />
+    <BundleResource Include="Resources\circular4%402x.jpg" />
+    <BundleResource Include="Resources\circular5%402x.jpg" />
+    <BundleResource Include="Resources\circular6%402x.jpg" />
+    <BundleResource Include="Resources\circular7%402x.jpg" />
+    <BundleResource Include="Resources\Default-568h%402x.png" />
+    <BundleResource Include="Resources\Default-Portrait.png" />
+    <BundleResource Include="Resources\Default-Portrait%402x.png" />
+    <BundleResource Include="Resources\Default.png" />
+    <BundleResource Include="Resources\Default%402x.png" />
+    <BundleResource Include="Resources\icon_info%402x.png" />
+    <BundleResource Include="Resources\icon_play%402x.png" />
+    <BundleResource Include="Resources\icon_plus%402x.png" />
+    <BundleResource Include="Resources\logo%402x.png" />
+    <BundleResource Include="Resources\tituloimage%402x.jpg" />
   </ItemGroup>
   <ItemGroup>
     <Reference Include="System" />
@@ -139,7 +164,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>

CollectionViewChallenge/CollectionViewChallenge.iOS/Resources/LaunchScreen.storyboard

@@ -1,39 +1,39 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6245" systemVersion="13F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="X5k-f2-b5h">
     <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6238"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6238" />
     </dependencies>
     <scenes>
         <!--View Controller-->
         <scene sceneID="gAE-YM-kbH">
             <objects>
                 <viewController id="X5k-f2-b5h" sceneMemberID="viewController">
                     <layoutGuides>
-                        <viewControllerLayoutGuide type="top" id="Y8P-hJ-Z43"/>
-                        <viewControllerLayoutGuide type="bottom" id="9ZL-r4-8FZ"/>
+                        <viewControllerLayoutGuide type="top" id="Y8P-hJ-Z43" />
+                        <viewControllerLayoutGuide type="bottom" id="9ZL-r4-8FZ" />
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="yd7-JS-zBw">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <rect key="frame" x="0.0" y="0.0" width="600" height="600" />
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES" />
                         <subviews>
                             <imageView userInteractionEnabled="NO" contentMode="scaleToFill" misplaced="YES" image="Icon-60.png" translatesAutoresizingMaskIntoConstraints="NO" id="23">
-                                <rect key="frame" x="270" y="270" width="60" height="60"/>
-                                <rect key="contentStretch" x="0.0" y="0.0" width="0.0" height="0.0"/>
+                                <rect key="frame" x="270" y="270" width="60" height="60" />
+                                <rect key="contentStretch" x="0.0" y="0.0" width="0.0" height="0.0" />
                             </imageView>
                         </subviews>
-                        <color key="backgroundColor" red="0.20392156862745098" green="0.59607843137254901" blue="0.85882352941176465" alpha="1" colorSpace="calibratedRGB"/>
+                        <color key="backgroundColor" red="0.20392156862745098" green="0.59607843137254901" blue="0.85882352941176465" alpha="1" colorSpace="calibratedRGB" />
                         <constraints>
-                            <constraint firstItem="23" firstAttribute="centerY" secondItem="yd7-JS-zBw" secondAttribute="centerY" priority="1" id="39"/>
-                            <constraint firstItem="23" firstAttribute="centerX" secondItem="yd7-JS-zBw" secondAttribute="centerX" priority="1" id="41"/>
+                            <constraint firstItem="23" firstAttribute="centerY" secondItem="yd7-JS-zBw" secondAttribute="centerY" priority="1" id="39" />
+                            <constraint firstItem="23" firstAttribute="centerX" secondItem="yd7-JS-zBw" secondAttribute="centerX" priority="1" id="41" />
                         </constraints>
                     </view>
                 </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="XAI-xm-WK6" userLabel="First Responder" sceneMemberID="firstResponder"/>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="XAI-xm-WK6" userLabel="First Responder" sceneMemberID="firstResponder" />
             </objects>
-            <point key="canvasLocation" x="349" y="339"/>
+            <point key="canvasLocation" x="349" y="339" />
         </scene>
     </scenes>
     <resources>
-        <image name="Icon-60.png" width="180" height="180"/>
+        <image name="Icon-60.png" width="180" height="180" />
     </resources>
-</document>
+</document>

CollectionViewChallenge/CollectionViewChallenge/App.xaml.cs

@@ -12,7 +12,7 @@ public App()
         {
             InitializeComponent();
 
-            MainPage = new AppShell();
+            MainPage = new CollectionViewChallengePage();
         }
 
         protected override void OnStart()

CollectionViewChallenge/CollectionViewChallenge/AppShell.xaml

@@ -52,7 +52,7 @@
     -->
     <Shell.Resources>
         <ResourceDictionary>
-            <Color x:Key="NavigationPrimary">#2196F3</Color>
+            <Color x:Key="NavigationPrimary"></Color>
             <Style x:Key="BaseStyle" TargetType="Element">
                 <Setter Property="Shell.ShellBackgroundColor" Value="{StaticResource NavigationPrimary}" />
                 <Setter Property="Shell.ShellForegroundColor" Value="White" />