Simple Login With Visual Material

VisualChallenge/VisualChallenge.Android/Resources/drawable/launch_screen.axml

@@ -4,5 +4,5 @@
     <!-- The background color, preferably the same as your normal theme -->
     <item android:drawable="@color/launcher_background" />
     <!-- Your product logo - 144dp color version of your app icon -->
-    <item android:drawable="@drawable/xamagon_preview" android:gravity="center" />
+    <!--item android:drawable="@drawable/xamagon_preview" android:gravity="center" /-->
 </layer-list>

VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj

@@ -86,12 +86,29 @@
     <AndroidResource Include="Resources\drawable-xxhdpi\xamagon_preview.png" />
     <AndroidResource Include="Resources\drawable-xxxhdpi\xamagon_preview.png" />
   </ItemGroup>
-  <ItemGroup />
   <ItemGroup>
     <ProjectReference Include="..\VisualChallenge\VisualChallenge.csproj">
       <Project>{DF343C5B-66F1-4EF5-B721-6246D8F1DC39}</Project>
       <Name>VisualChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xxxhdpi\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-hdpi\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-ldpi\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-mdpi\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xhdpi\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xxhdpi\xamarinlogo.png" />
+  </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
 </Project>

VisualChallenge/VisualChallenge.iOS/AppDelegate.cs

@@ -25,6 +25,7 @@ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
             global::Xamarin.Forms.Forms.SetFlags("Shell_Experimental", "Visual_Experimental", "CollectionView_Experimental", "FastRenderers_Experimental");
             global::Xamarin.Forms.Forms.Init();
             global::Xamarin.Forms.FormsMaterial.Init();
+
             LoadApplication(new App());
 
             return base.FinishedLaunching(app, options);

VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj

@@ -144,4 +144,13 @@
       <Name>VisualChallenge</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\xamarinlogo%403x.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\xamarinlogo.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\xamarinlogo%402x.png" />
+  </ItemGroup>
 </Project>

VisualChallenge/VisualChallenge/App.xaml.cs

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

VisualChallenge/VisualChallenge/HomePage.xaml

@@ -0,0 +1,36 @@
+<?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="VisualChallenge.HomePage"
+             BackgroundColor="#White"
+             Title="Visual Challenge">
+    <ContentPage.Content>
+        <StackLayout HorizontalOptions="Center" Padding="20,100,20,0" >
+            <Image Source="xamarinlogo.png" 
+                   HorizontalOptions="Center" 
+                   VerticalOptions="Start"/>
+            <Label Text="Log In" FontSize="25" TextColor="Black" HorizontalOptions="Center"/>
+            <Entry Placeholder="E-Mail" BackgroundColor="#476CBF" Keyboard="Email" TextColor="White"  Visual="Material"/>
+            <Entry Placeholder="Password" BackgroundColor="#476CBF" IsPassword="true" TextColor="White"  Visual="Material" />
+            <Button Text="Login" 
+                    TextColor="White"
+                    BackgroundColor="#2F237F"
+                    BorderRadius="15"
+                    BorderColor="White"
+                    BorderWidth="6"
+                    WidthRequest="200"                 
+                    Visual="Material" />
+            <ActivityIndicator IsRunning="true" 
+                               IsVisible="true"  
+                               Visual="Material"/>
+            <Button Text="Sing up" 
+                    TextColor="White"
+                    BackgroundColor="#FFA733" 
+                    BorderRadius="15"
+                    BorderColor="White"
+                    BorderWidth="6"
+                    WidthRequest="200"
+                    Visual="Material"/>
+        </StackLayout>
+    </ContentPage.Content>
+</ContentPage>

VisualChallenge/VisualChallenge/HomePage.xaml.cs

@@ -0,0 +1,21 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace VisualChallenge
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class HomePage : ContentPage
+    {
+        public HomePage()
+        {
+            InitializeComponent();
+
+        }
+    }
+}

VisualChallenge/VisualChallenge/VisualChallenge.csproj

@@ -20,4 +20,10 @@
       <DependentUpon>VisualChallengePage.xaml</DependentUpon>
     </Compile>
   </ItemGroup>
+
+  <ItemGroup>
+    <EmbeddedResource Update="HomePage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
+  </ItemGroup>
 </Project>