public UserRegistrationView () { BindingContext = new UserViewModel(this.Navigation); indicator = new ActivityIndicator { Color = Colors.DarkGray.ToFormsColor(), HorizontalOptions=LayoutOptions.Center, VerticalOptions=LayoutOptions.Center, }; //indicator.SetBinding (ActivityIndicator.IsRunningProperty, "IsLoading"); //indicator.SetBinding (ActivityIndicator.IsVisibleProperty, "IsLoading"); stack_CoverPage = new StackLayout { WidthRequest=Width, HeightRequest = Width/4, //BackgroundColor=Color.Red, BackgroundColor=Colors.DarkGray.ToFormsColor(), }; img_User = new CircleImage { WidthRequest = Width/4, HeightRequest = Width/4, HorizontalOptions = LayoutOptions.Center, //BackgroundColor=Color.Yellow, TranslationY=-((Width/4)/2+10), Aspect=Aspect.Fill, Source="CircleImage.png", }; img_User.SetBinding(CircleImage.SourceProperty, "ImageSource", BindingMode.Default); ViewModel.ProfilePicture = img_User; btn_camera = new Image { Source="camera.png", WidthRequest=Width/8, HeightRequest=Height/8, HorizontalOptions=LayoutOptions.Start, VerticalOptions = LayoutOptions.Center, BackgroundColor=Xamarin.Forms.Color.Red, }; var Cameratap = new TapGestureRecognizer(OnCameraTapped); btn_camera.IsEnabled = true; btn_camera.GestureRecognizers.Clear(); btn_camera.GestureRecognizers.Add(Cameratap); btn_gallery = new Image { Source="gallery.png", WidthRequest=Width/8, HeightRequest=Height/8, HorizontalOptions=LayoutOptions.End, VerticalOptions = LayoutOptions.Center, BackgroundColor=Xamarin.Forms.Color.Green, }; var Gallerytap = new TapGestureRecognizer(OnGalleryTapped); btn_gallery.IsEnabled = true; btn_gallery.GestureRecognizers.Clear(); btn_gallery.GestureRecognizers.Add(Gallerytap); stack_pop = new StackLayout { HeightRequest = Width / 2, WidthRequest = Width / 2, VerticalOptions = LayoutOptions.Center, HorizontalOptions = LayoutOptions.Center, BackgroundColor = Xamarin.Forms.Color.White, TranslationY=Width / 2, Opacity = 1, Children = { new StackLayout { VerticalOptions = LayoutOptions.Center, HorizontalOptions = LayoutOptions.Center, Orientation = StackOrientation.Horizontal, TranslationY=Width/6, Children= { btn_camera, btn_gallery } } } }; stack_popup = new StackLayout { WidthRequest = Width, HeightRequest = Height, BackgroundColor=Xamarin.Forms.Color.Transparent, Children= { stack_pop } }; image_bg = new Image { WidthRequest = Width, HeightRequest = Height, HorizontalOptions=LayoutOptions.FillAndExpand, VerticalOptions=LayoutOptions.FillAndExpand, Source="bg.png", IsVisible=false }; var PopUpGestureRecognizer = new TapGestureRecognizer { //ViewModel.SelectPictureCommand.Execute(null); Command = new Command (() => { //ViewModel.SelectPictureCommand.Execute(null); var eAndN = new Tuple<Easing, string>[] { new Tuple<Easing, string> (Easing.Linear, "Linear") }; double w = Width; double h = Height; var newPos = new Rectangle(0, h, w, h); var eAndName = eAndN[iClicks]; var easing = eAndName.Item1; stack_popup.LayoutTo(newPos, 80, easing); iClicks %= eAndN.Length; image_bg.IsVisible=false; }), NumberOfTapsRequired = 1 }; stack_popup.GestureRecognizers.Add(PopUpGestureRecognizer); var ProfilePictureGestureRecognizer = new TapGestureRecognizer { //ViewModel.SelectPictureCommand.Execute(null); Command = new Command (() => { var eAndN = new Tuple<Easing, string>[] { new Tuple<Easing, string> (Easing.Linear, "Linear") }; double w = Width; double h = Height; var newPos = new Rectangle(0, 0, w, h); var eAndName = eAndN[iClicks]; var easing = eAndName.Item1; stack_popup.LayoutTo(newPos, 80, easing); iClicks %= eAndN.Length; image_bg.IsVisible=true; }), NumberOfTapsRequired = 1 }; img_User.GestureRecognizers.Add(ProfilePictureGestureRecognizer); txt_Name = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Placeholder="FullName", TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Xamarin.Forms.Color.Transparent, HeightRequest=Width/10, }; txt_Name.SetBinding(Entry.TextProperty, "UserRegInfo.name"); txt_Email = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Keyboard=Keyboard.Email, Placeholder="Email", TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Xamarin.Forms.Color.Transparent, HeightRequest=Width/10 }; txt_Email.SetBinding(Entry.TextProperty, "UserRegInfo.email"); txt_Password = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, IsPassword=true, Placeholder="Password", TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Xamarin.Forms.Color.Transparent, HeightRequest=Width/10 }; txt_Password.SetBinding(Entry.TextProperty, "UserRegInfo.password"); picker_Country = new CustomPicker { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Title="Location", HeightRequest=Width/10, BackgroundColor=Xamarin.Forms.Color.Transparent, }; picker_Country.SelectedIndexChanged+=((sender, e) => { ViewModel.SelectedIndex=picker_Country.SelectedIndex; }); btn_Submit= new Button { WidthRequest = Width/2, HorizontalOptions = LayoutOptions.Center, HeightRequest=Width/8, Text="Submit", FontSize=17, TextColor=Xamarin.Forms.Color.White, BackgroundColor=Colors.DarkGray.ToFormsColor(), //CommandParameter = 1, Command= ViewModel.RegisterUser, }; stack_TopView = new StackLayout { HorizontalOptions = LayoutOptions.Fill, HeightRequest=Width/3, Padding= new Thickness(0,0,0,Height/45), //BackgroundColor=Color.Blue, Children= { stack_CoverPage,img_User } }; lbl_Expert = new Label { Text="Experts", FontSize=18, TextColor=Colors.DarkGray.ToFormsColor(), FontAttributes=FontAttributes.Bold }; stack_MiddleView = new StackLayout { HorizontalOptions = LayoutOptions.Center, VerticalOptions=LayoutOptions.StartAndExpand, Padding= new Thickness(Width/8,Height/40,Width/8,0), //BackgroundColor=Color.Pink, Spacing=Height/45, Children= { txt_Name,txt_Email,txt_Password,picker_Country,lbl_Expert } }; img_iOS = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.Start, Source="iOS.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var iOStap = new TapGestureRecognizer(OniOSTapped); iOStap.NumberOfTapsRequired = 1; img_iOS.IsEnabled = true; img_iOS.GestureRecognizers.Clear(); img_iOS.GestureRecognizers.Add(iOStap); img_Certified = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.Center, Source="Certified.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var Certifiedtap = new TapGestureRecognizer(OnCertifiedTapped); img_Certified.IsEnabled = true; img_Certified.GestureRecognizers.Clear(); img_Certified.GestureRecognizers.Add(Certifiedtap); img_Android = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.End, Source="Android.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var Androidtap = new TapGestureRecognizer(OnAndroidTapped); Androidtap.NumberOfTapsRequired = 1; img_Android.IsEnabled = true; img_Android.GestureRecognizers.Clear(); img_Android.GestureRecognizers.Add(Androidtap); img_Forms = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.Start, Source="Forms.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var Formstap = new TapGestureRecognizer(OnFormsTapped); img_Forms.IsEnabled = true; img_Forms.GestureRecognizers.Clear(); img_Forms.GestureRecognizers.Add(Formstap); img_Insights = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.Center, Source="Insight.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var Insightstap = new TapGestureRecognizer(OnInsightTapped); img_Insights.IsEnabled = true; img_Insights.GestureRecognizers.Clear(); img_Insights.GestureRecognizers.Add(Insightstap); img_Testcloud = new Image { WidthRequest=Width/7, HeightRequest=Width/7, HorizontalOptions=LayoutOptions.End, Source="TestCloud.png", BackgroundColor=Colors.DarkGray.ToFormsColor(), IsEnabled=false }; var Testcloudtap = new TapGestureRecognizer(OnTestCloudTapped); img_Testcloud.IsEnabled = true; img_Testcloud.GestureRecognizers.Clear(); img_Testcloud.GestureRecognizers.Add(Testcloudtap); stack_FirstExpert = new StackLayout { HorizontalOptions=LayoutOptions.Center, VerticalOptions=LayoutOptions.StartAndExpand, Orientation=StackOrientation.Horizontal, //BackgroundColor=Color.Yellow, Spacing=Height/40, Children= { img_iOS,img_Certified,img_Android } }; stack_SecondExpert = new StackLayout { HorizontalOptions=LayoutOptions.Center, VerticalOptions=LayoutOptions.StartAndExpand, Orientation=StackOrientation.Horizontal, //BackgroundColor=Color.Red, Spacing=Height/40, Children= { img_Forms,img_Insights,img_Testcloud } }; StackLayout stack_MainLayout = new StackLayout { HorizontalOptions = LayoutOptions.StartAndExpand, VerticalOptions=LayoutOptions.Fill, //BackgroundColor=Color.Aqua, Spacing=Width/25, Children= { stack_MiddleView,stack_FirstExpert,stack_SecondExpert,btn_Submit } }; scroll_Main = new ScrollView { HorizontalOptions = LayoutOptions.FillAndExpand, VerticalOptions=LayoutOptions.Start, }; scroll_Main.Content=stack_MainLayout; mainLayout = new StackLayout { HorizontalOptions = LayoutOptions.Fill, VerticalOptions=LayoutOptions.End, BackgroundColor=Xamarin.Forms.Color.White, WidthRequest=Width, HeightRequest=Height, Children = { stack_TopView,scroll_Main } }; rltv_main = new RelativeLayout { WidthRequest = Width, HeightRequest = Height }; rltv_main.Children.Add(mainLayout, Constraint.Constant(0), Constraint.Constant(0),Constraint.Constant(Width),Constraint.Constant(Height)); rltv_main.Children.Add(image_bg, Constraint.Constant(0), Constraint.Constant(0),Constraint.Constant(Width),Constraint.Constant(Height)); rltv_main.Children.Add(stack_popup, Constraint.Constant(0), Constraint.Constant(Height),Constraint.Constant(Width),Constraint.Constant(Height)); this.Content = rltv_main; }
public UserLoginView () { BindingContext = new UserViewModel(this.Navigation); var indicator = new ActivityIndicator { Color = Colors.DarkGray.ToFormsColor(), }; indicator.SetBinding (ActivityIndicator.IsRunningProperty, "IsLoading"); indicator.SetBinding (ActivityIndicator.IsVisibleProperty, "IsLoading"); img_Logo = new Image { HeightRequest = Width/4, WidthRequest = Width/4, HorizontalOptions = LayoutOptions.Center, Source="AppLogo.png", }; txt_Email = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Keyboard=Keyboard.Email, Placeholder="Email", TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Color.Transparent, HeightRequest=Width/10, Text="*****@*****.**" }; txt_Email.SetBinding(Entry.TextProperty, "Username"); txt_Password = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, IsPassword=true, Placeholder="Password", TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Color.Transparent, HeightRequest=Width/10, Text="123" }; txt_Password.SetBinding(Entry.TextProperty, "Password"); btn_Login= new Button { WidthRequest = Width/2, HorizontalOptions = LayoutOptions.Center, HeightRequest=Width/8, Text="Login", FontSize=17, TextColor=Color.White, BackgroundColor=Colors.DarkGray.ToFormsColor(), CommandParameter=1, Command=ViewModel.LoginUser }; lbl_Registration = new ExtendedLabel { WidthRequest = Width, Text="Sing Up", HorizontalOptions = LayoutOptions.Start, TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Color.Transparent, FontSize=18, IsUnderline=true }; var Regtap = new TapGestureRecognizer(OnRegistrationTapped); Regtap.NumberOfTapsRequired = 1; lbl_Registration.IsEnabled = true; lbl_Registration.GestureRecognizers.Clear(); lbl_Registration.GestureRecognizers.Add(Regtap); lbl_Forgot = new ExtendedLabel { WidthRequest = Width, Text="Forgot Password ?", HorizontalOptions = LayoutOptions.End, TextColor=Colors.DarkGray.ToFormsColor(), BackgroundColor=Color.Transparent, FontSize=18, IsUnderline=true }; var Forgottap = new TapGestureRecognizer(OnForgotPasswordTapped); Forgottap.NumberOfTapsRequired = 1; lbl_Forgot.IsEnabled = true; lbl_Forgot.GestureRecognizers.Clear(); lbl_Forgot.GestureRecognizers.Add(Forgottap); stack_BottomView = new StackLayout { HorizontalOptions = LayoutOptions.StartAndExpand, VerticalOptions=LayoutOptions.Fill, //BackgroundColor=Color.Aqua, Orientation=StackOrientation.Horizontal, Children= { lbl_Registration,lbl_Forgot } }; stack_MainLayout = new StackLayout { HorizontalOptions = LayoutOptions.Fill, VerticalOptions=LayoutOptions.Fill, BackgroundColor=Color.White, WidthRequest=Width, Padding=new Thickness(Width/10,Width/10,Width/10,Width/10), Spacing=Width/10, HeightRequest=Height, Children = { indicator,img_Logo,txt_Email,txt_Password,btn_Login,stack_BottomView } }; this.Content = stack_MainLayout; }
public UserLoginView() { BindingContext = new UserViewModel(this.Navigation); var indicator = new ActivityIndicator { Color = Colors.DarkGray.ToFormsColor(), }; indicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsLoading"); indicator.SetBinding(ActivityIndicator.IsVisibleProperty, "IsLoading"); img_Logo = new Image { HeightRequest = Width / 4, WidthRequest = Width / 4, HorizontalOptions = LayoutOptions.Center, Source = "AppLogo.png", }; txt_Email = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Keyboard = Keyboard.Email, Placeholder = "Email", TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Color.Transparent, HeightRequest = Width / 10, Text = "*****@*****.**" }; txt_Email.SetBinding(Entry.TextProperty, "Username"); txt_Password = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, IsPassword = true, Placeholder = "Password", TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Color.Transparent, HeightRequest = Width / 10, Text = "123" }; txt_Password.SetBinding(Entry.TextProperty, "Password"); btn_Login = new Button { WidthRequest = Width / 2, HorizontalOptions = LayoutOptions.Center, HeightRequest = Width / 8, Text = "Login", FontSize = 17, TextColor = Color.White, BackgroundColor = Colors.DarkGray.ToFormsColor(), CommandParameter = 1, Command = ViewModel.LoginUser }; lbl_Registration = new ExtendedLabel { WidthRequest = Width, Text = "Sing Up", HorizontalOptions = LayoutOptions.Start, TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Color.Transparent, FontSize = 18, IsUnderline = true }; var Regtap = new TapGestureRecognizer(OnRegistrationTapped); Regtap.NumberOfTapsRequired = 1; lbl_Registration.IsEnabled = true; lbl_Registration.GestureRecognizers.Clear(); lbl_Registration.GestureRecognizers.Add(Regtap); lbl_Forgot = new ExtendedLabel { WidthRequest = Width, Text = "Forgot Password ?", HorizontalOptions = LayoutOptions.End, TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Color.Transparent, FontSize = 18, IsUnderline = true }; var Forgottap = new TapGestureRecognizer(OnForgotPasswordTapped); Forgottap.NumberOfTapsRequired = 1; lbl_Forgot.IsEnabled = true; lbl_Forgot.GestureRecognizers.Clear(); lbl_Forgot.GestureRecognizers.Add(Forgottap); stack_BottomView = new StackLayout { HorizontalOptions = LayoutOptions.StartAndExpand, VerticalOptions = LayoutOptions.Fill, //BackgroundColor=Color.Aqua, Orientation = StackOrientation.Horizontal, Children = { lbl_Registration, lbl_Forgot } }; stack_MainLayout = new StackLayout { HorizontalOptions = LayoutOptions.Fill, VerticalOptions = LayoutOptions.Fill, BackgroundColor = Color.White, WidthRequest = Width, Padding = new Thickness(Width / 10, Width / 10, Width / 10, Width / 10), Spacing = Width / 10, HeightRequest = Height, Children = { indicator, img_Logo, txt_Email, txt_Password, btn_Login, stack_BottomView } }; this.Content = stack_MainLayout; }
public UserRegistrationView() { BindingContext = new UserViewModel(this.Navigation); indicator = new ActivityIndicator { Color = Colors.DarkGray.ToFormsColor(), HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; //indicator.SetBinding (ActivityIndicator.IsRunningProperty, "IsLoading"); //indicator.SetBinding (ActivityIndicator.IsVisibleProperty, "IsLoading"); stack_CoverPage = new StackLayout { WidthRequest = Width, HeightRequest = Width / 4, //BackgroundColor=Color.Red, BackgroundColor = Colors.DarkGray.ToFormsColor(), }; img_User = new CircleImage { WidthRequest = Width / 4, HeightRequest = Width / 4, HorizontalOptions = LayoutOptions.Center, //BackgroundColor=Color.Yellow, TranslationY = -((Width / 4) / 2 + 10), Aspect = Aspect.Fill, Source = "CircleImage.png", }; img_User.SetBinding(CircleImage.SourceProperty, "ImageSource", BindingMode.Default); ViewModel.ProfilePicture = img_User; btn_camera = new Image { Source = "camera.png", WidthRequest = Width / 8, HeightRequest = Height / 8, HorizontalOptions = LayoutOptions.Start, VerticalOptions = LayoutOptions.Center, BackgroundColor = Xamarin.Forms.Color.Red, }; var Cameratap = new TapGestureRecognizer(OnCameraTapped); btn_camera.IsEnabled = true; btn_camera.GestureRecognizers.Clear(); btn_camera.GestureRecognizers.Add(Cameratap); btn_gallery = new Image { Source = "gallery.png", WidthRequest = Width / 8, HeightRequest = Height / 8, HorizontalOptions = LayoutOptions.End, VerticalOptions = LayoutOptions.Center, BackgroundColor = Xamarin.Forms.Color.Green, }; var Gallerytap = new TapGestureRecognizer(OnGalleryTapped); btn_gallery.IsEnabled = true; btn_gallery.GestureRecognizers.Clear(); btn_gallery.GestureRecognizers.Add(Gallerytap); stack_pop = new StackLayout { HeightRequest = Width / 2, WidthRequest = Width / 2, VerticalOptions = LayoutOptions.Center, HorizontalOptions = LayoutOptions.Center, BackgroundColor = Xamarin.Forms.Color.White, TranslationY = Width / 2, Opacity = 1, Children = { new StackLayout { VerticalOptions = LayoutOptions.Center, HorizontalOptions = LayoutOptions.Center, Orientation = StackOrientation.Horizontal, TranslationY = Width / 6, Children = { btn_camera, btn_gallery } } } }; stack_popup = new StackLayout { WidthRequest = Width, HeightRequest = Height, BackgroundColor = Xamarin.Forms.Color.Transparent, Children = { stack_pop } }; image_bg = new Image { WidthRequest = Width, HeightRequest = Height, HorizontalOptions = LayoutOptions.FillAndExpand, VerticalOptions = LayoutOptions.FillAndExpand, Source = "bg.png", IsVisible = false }; var PopUpGestureRecognizer = new TapGestureRecognizer { //ViewModel.SelectPictureCommand.Execute(null); Command = new Command(() => { //ViewModel.SelectPictureCommand.Execute(null); var eAndN = new Tuple <Easing, string>[] { new Tuple <Easing, string> (Easing.Linear, "Linear") }; double w = Width; double h = Height; var newPos = new Rectangle(0, h, w, h); var eAndName = eAndN[iClicks]; var easing = eAndName.Item1; stack_popup.LayoutTo(newPos, 80, easing); iClicks %= eAndN.Length; image_bg.IsVisible = false; }), NumberOfTapsRequired = 1 }; stack_popup.GestureRecognizers.Add(PopUpGestureRecognizer); var ProfilePictureGestureRecognizer = new TapGestureRecognizer { //ViewModel.SelectPictureCommand.Execute(null); Command = new Command(() => { var eAndN = new Tuple <Easing, string>[] { new Tuple <Easing, string> (Easing.Linear, "Linear") }; double w = Width; double h = Height; var newPos = new Rectangle(0, 0, w, h); var eAndName = eAndN[iClicks]; var easing = eAndName.Item1; stack_popup.LayoutTo(newPos, 80, easing); iClicks %= eAndN.Length; image_bg.IsVisible = true; }), NumberOfTapsRequired = 1 }; img_User.GestureRecognizers.Add(ProfilePictureGestureRecognizer); txt_Name = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Placeholder = "FullName", TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Xamarin.Forms.Color.Transparent, HeightRequest = Width / 10, }; txt_Name.SetBinding(Entry.TextProperty, "UserRegInfo.name"); txt_Email = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Keyboard = Keyboard.Email, Placeholder = "Email", TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Xamarin.Forms.Color.Transparent, HeightRequest = Width / 10 }; txt_Email.SetBinding(Entry.TextProperty, "UserRegInfo.email"); txt_Password = new EditText { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, IsPassword = true, Placeholder = "Password", TextColor = Colors.DarkGray.ToFormsColor(), BackgroundColor = Xamarin.Forms.Color.Transparent, HeightRequest = Width / 10 }; txt_Password.SetBinding(Entry.TextProperty, "UserRegInfo.password"); picker_Country = new CustomPicker { WidthRequest = Width, HorizontalOptions = LayoutOptions.Center, Title = "Location", HeightRequest = Width / 10, BackgroundColor = Xamarin.Forms.Color.Transparent, }; picker_Country.SelectedIndexChanged += ((sender, e) => { ViewModel.SelectedIndex = picker_Country.SelectedIndex; }); btn_Submit = new Button { WidthRequest = Width / 2, HorizontalOptions = LayoutOptions.Center, HeightRequest = Width / 8, Text = "Submit", FontSize = 17, TextColor = Xamarin.Forms.Color.White, BackgroundColor = Colors.DarkGray.ToFormsColor(), //CommandParameter = 1, Command = ViewModel.RegisterUser, }; stack_TopView = new StackLayout { HorizontalOptions = LayoutOptions.Fill, HeightRequest = Width / 3, Padding = new Thickness(0, 0, 0, Height / 45), //BackgroundColor=Color.Blue, Children = { stack_CoverPage, img_User } }; lbl_Expert = new Label { Text = "Experts", FontSize = 18, TextColor = Colors.DarkGray.ToFormsColor(), FontAttributes = FontAttributes.Bold }; stack_MiddleView = new StackLayout { HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.StartAndExpand, Padding = new Thickness(Width / 8, Height / 40, Width / 8, 0), //BackgroundColor=Color.Pink, Spacing = Height / 45, Children = { txt_Name, txt_Email, txt_Password, picker_Country, lbl_Expert } }; img_iOS = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.Start, Source = "iOS.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var iOStap = new TapGestureRecognizer(OniOSTapped); iOStap.NumberOfTapsRequired = 1; img_iOS.IsEnabled = true; img_iOS.GestureRecognizers.Clear(); img_iOS.GestureRecognizers.Add(iOStap); img_Certified = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.Center, Source = "Certified.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var Certifiedtap = new TapGestureRecognizer(OnCertifiedTapped); img_Certified.IsEnabled = true; img_Certified.GestureRecognizers.Clear(); img_Certified.GestureRecognizers.Add(Certifiedtap); img_Android = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.End, Source = "Android.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var Androidtap = new TapGestureRecognizer(OnAndroidTapped); Androidtap.NumberOfTapsRequired = 1; img_Android.IsEnabled = true; img_Android.GestureRecognizers.Clear(); img_Android.GestureRecognizers.Add(Androidtap); img_Forms = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.Start, Source = "Forms.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var Formstap = new TapGestureRecognizer(OnFormsTapped); img_Forms.IsEnabled = true; img_Forms.GestureRecognizers.Clear(); img_Forms.GestureRecognizers.Add(Formstap); img_Insights = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.Center, Source = "Insight.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var Insightstap = new TapGestureRecognizer(OnInsightTapped); img_Insights.IsEnabled = true; img_Insights.GestureRecognizers.Clear(); img_Insights.GestureRecognizers.Add(Insightstap); img_Testcloud = new Image { WidthRequest = Width / 7, HeightRequest = Width / 7, HorizontalOptions = LayoutOptions.End, Source = "TestCloud.png", BackgroundColor = Colors.DarkGray.ToFormsColor(), IsEnabled = false }; var Testcloudtap = new TapGestureRecognizer(OnTestCloudTapped); img_Testcloud.IsEnabled = true; img_Testcloud.GestureRecognizers.Clear(); img_Testcloud.GestureRecognizers.Add(Testcloudtap); stack_FirstExpert = new StackLayout { HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.StartAndExpand, Orientation = StackOrientation.Horizontal, //BackgroundColor=Color.Yellow, Spacing = Height / 40, Children = { img_iOS, img_Certified, img_Android } }; stack_SecondExpert = new StackLayout { HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.StartAndExpand, Orientation = StackOrientation.Horizontal, //BackgroundColor=Color.Red, Spacing = Height / 40, Children = { img_Forms, img_Insights, img_Testcloud } }; StackLayout stack_MainLayout = new StackLayout { HorizontalOptions = LayoutOptions.StartAndExpand, VerticalOptions = LayoutOptions.Fill, //BackgroundColor=Color.Aqua, Spacing = Width / 25, Children = { stack_MiddleView, stack_FirstExpert, stack_SecondExpert, btn_Submit } }; scroll_Main = new ScrollView { HorizontalOptions = LayoutOptions.FillAndExpand, VerticalOptions = LayoutOptions.Start, }; scroll_Main.Content = stack_MainLayout; mainLayout = new StackLayout { HorizontalOptions = LayoutOptions.Fill, VerticalOptions = LayoutOptions.End, BackgroundColor = Xamarin.Forms.Color.White, WidthRequest = Width, HeightRequest = Height, Children = { stack_TopView, scroll_Main } }; rltv_main = new RelativeLayout { WidthRequest = Width, HeightRequest = Height }; rltv_main.Children.Add(mainLayout, Constraint.Constant(0), Constraint.Constant(0), Constraint.Constant(Width), Constraint.Constant(Height)); rltv_main.Children.Add(image_bg, Constraint.Constant(0), Constraint.Constant(0), Constraint.Constant(Width), Constraint.Constant(Height)); rltv_main.Children.Add(stack_popup, Constraint.Constant(0), Constraint.Constant(Height), Constraint.Constant(Width), Constraint.Constant(Height)); this.Content = rltv_main; }