Wednesday, 11 July 2018

Design Challenge 2

MainPage.Xaml:
<?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:local="clr-namespace:NewFlex2" x:Class="NewFlex2.MainPage"
xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
ios:Page.UseSafeArea="true">
<ContentPage.Resources>
<Style TargetType="Frame">
<Setter Property="BackgroundColor" Value="#fdfdfd" />
<Setter Property="BorderColor" Value="#e5e5e5" />
<Setter Property="Margin" Value="10" />
<Setter Property="CornerRadius" Value="15" />
</Style>
<Style TargetType="Label">
<Setter Property="Margin" Value="0, 5" />
</Style>
<Style x:Key="headerLabel" TargetType="Label">
<Setter Property="Margin" Value="0, 8" />
<Setter Property="FontSize" Value="Large" />
<Setter Property="TextColor" Value="Blue" />
</Style>
<Style TargetType="Image">
<Setter Property="FlexLayout.Order" Value="-1" />
<Setter Property="FlexLayout.AlignSelf" Value="Center" />
</Style>
<Style TargetType="Button">
<Setter Property="Text" Value="MoreInfo" />
<Setter Property="FontSize" Value="Small" />
<Setter Property="TextColor" Value="White" />
<Setter Property="BackgroundColor" Value="#4c90ee" />
<Setter Property="BorderRadius" Value="30" />
</Style>
</ContentPage.Resources>
<ScrollView Orientation="Both">
<FlexLayout>
<Frame WidthRequest="250"
HeightRequest="500">
<FlexLayout Direction="Column">
<StackLayout VerticalOptions="CenterAndExpand" Padding="5">
<StackLayout Orientation="Horizontal">
<Entry Placeholder="First Name"></Entry>
<Entry Placeholder="Last Name"></Entry>
</StackLayout>
<Entry Placeholder="Email"></Entry>
<Entry Placeholder="Password" IsPassword="True"></Entry>
<StackLayout Orientation="Horizontal">
<Entry Placeholder="Profession"></Entry>
<Entry Placeholder="Residence"></Entry>
</StackLayout>
<Entry Placeholder="Confirm Password" IsPassword="True"></Entry>
<Label Text="Date Of Birth"></Label>
<DatePicker></DatePicker>
<Label Text="Address"></Label>
<Editor></Editor>
<StackLayout Orientation="Horizontal">
<Label Text="Save Password"></Label>
<Switch IsToggled="False"></Switch>
</StackLayout>
<Button Text="Sign Up"></Button>
<Label Text="Already have account? Sign In" TextColor="Blue"></Label>
</StackLayout>
<Label FlexLayout.Grow="1" />
</FlexLayout>
</Frame>
</FlexLayout>
</ScrollView>
</ContentPage>
view raw MainPage.xaml hosted with ❤ by GitHub

No comments:

Post a Comment