public ImageCirclePage() { InitializeComponent(); CircleImage pink = null; var button = new Button { Text = "Change Colors" }; button.Clicked += (sender, args) => { if (pink.BorderColor == Color.Pink) pink.BorderColor = Color.Maroon; else pink.BorderColor = Color.Pink; }; Content = new StackLayout { VerticalOptions = LayoutOptions.Center, Spacing = 10, Padding = 10, Children = { button, (pink = new CircleImage { BorderColor = Color.Pink, BorderThickness = 3, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/5/55/Tamarin_portrait.JPG")) }), new CircleImage { BorderColor = Color.Purple, BorderThickness = 6, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/e/ed/Saguinus_tripartitus_-_Golden-mantled_Tamarin.jpg")) }, new CircleImage { BorderColor = Color.Yellow, BorderThickness = 9, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/5/53/Golden_Lion_Tamarin_Leontopithecus_rosalia.jpg")) }, } }; }
private void SetupUserInterface () { BackgroundColor = Colors.BackgroundColor; NavigationPage.SetHasNavigationBar (this, false); profileImage = new CircleImage { Aspect = Aspect.AspectFill, BorderColor = Color.White, BorderThickness = 3, Source = GetProfileImageUrl (), HeightRequest = 125, HorizontalOptions = LayoutOptions.Center, WidthRequest = 125 }; nameLabel = new Label { Style = Application.Current.Resources["MainLabelStyle"] as Style, Text = GetProfileName () }; signOutButton = new Button { Text = Strings.SignOut }; separator = new Image { BackgroundColor = Colors.SeparatorColor, HeightRequest = 1, WidthRequest = this.Width }; deleteAccountButton = new Button { Text = Strings.DeleteAccount }; aboutMomentsButton = new Button { Text = Strings.AboutMoments }; var buttonStack = new StackLayout { Children = { signOutButton, separator, deleteAccountButton }, Spacing = 0 }; var topStack = new StackLayout { Children = { profileImage, nameLabel, buttonStack }, Spacing = 30, Padding = new Thickness (0, 50, 0, 0) }; var mainLayout = new StackLayout { Children = { topStack, aboutMomentsButton }, Spacing = 50 }; Content = mainLayout; }
public SettingsUserView() { BindingContext = profileViewModel = new ProfileViewModel(); profileViewModel.GetCPFeedCommand.Execute(null); var activityIndicator = new ActivityIndicator { Color = Color.Black, }; activityIndicator.SetBinding(IsVisibleProperty, "IsBusy"); activityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy"); var circleImage = new CircleImage { BorderColor = Color.White, BorderThickness = 2, HeightRequest = 80, WidthRequest = 80, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, Source = new UriImageSource { Uri = new Uri("http://bit.ly/1s07h2W"), CacheValidity = TimeSpan.FromDays(30) }, }; var label = new Label() { Text = "User", TextColor = Color.White, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; Content = new StackLayout() { Padding = new Thickness(0, 10, 0, 0), Spacing = 15, Orientation = StackOrientation.Vertical, Children = {circleImage, label, activityIndicator, } }; circleImage.SetBinding(CircleImage.SourceProperty, "Avatar"); label.SetBinding(Label.TextProperty, "DisplayName"); //var tapGestureRecognizer = new TapGestureRecognizer(); //tapGestureRecognizer.Tapped += // (sender, e) => // Navigation.PushModalAsync(new NavigationPage(new Profile(profileViewModel.myProfile)) { BarBackgroundColor = App.BrandColor }); //circleImage.GestureRecognizers.Add(tapGestureRecognizer); }
public Home() { Label title = new Label { Text = "Star Wars Images", HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.StartAndExpand, FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)) }; imageLabel = new Label { Text = "C-3PO", HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.StartAndExpand, FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)) }; //Added Aspect property, otherwise the same as Image control image = new CircleImage { VerticalOptions = LayoutOptions.StartAndExpand, Aspect = Aspect.AspectFit }; image.Source = ImageSource.FromFile(imageFileNames[0]); Button previousButton = new Button { Text = "Prev", HorizontalOptions = LayoutOptions.StartAndExpand }; previousButton.Clicked += PreviousButton_Clicked; Button nextButton = new Button { Text = "Next", HorizontalOptions = LayoutOptions.EndAndExpand }; nextButton.Clicked += NextButton_Clicked; StackLayout navigationStack = new StackLayout { Orientation = StackOrientation.Horizontal, Children = {previousButton, nextButton} }; StackLayout stack = new StackLayout { Children = { title, imageLabel, image, navigationStack} }; //Adding background color to display image boundary on IOS this.BackgroundColor = Device.OnPlatform (Color.Pink,Color.Black,Color.Black); this.Padding = new Thickness(10, Device.OnPlatform(20, 10, 10), 10, 10); this.Content = stack; }
public EmployeeNameCell() { var EmpImage = new CircleImage() { HorizontalOptions = LayoutOptions.Start, //BorderThickness=5, //Source = "Pics/ 5b571de8-5e8c-4991-9bcb-113348e66d69.jpeg", //BorderColor=Color.White, Aspect = Aspect.Fill, }; EmpImage.SetBinding(Image.SourceProperty, new Binding("EmpProfileImage")); EmpImage.WidthRequest = EmpImage.HeightRequest = 70; var nameLabel = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Color.White }; nameLabel.FontSize = 15; nameLabel.SetBinding(Label.TextProperty, "FullName"); var Designation = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Color.White }; Designation.FontSize = 15; Designation.SetBinding(Label.TextProperty, "EmailAddress"); View = new StackLayout { Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.Start, Padding = new Thickness(0, 2.5, 0, 1.5), HeightRequest = 10, Spacing = 0, Children = { EmpImage, //new Image{Source="index.jpg",HeightRequest=50,WidthRequest=50}, new StackLayout { Spacing=0, Orientation = StackOrientation.Vertical, VerticalOptions=LayoutOptions.Start, Padding=0, Children = { nameLabel, Designation } }, } }; }
public MainPage() { Icon = "settings.png"; Title = "menu"; // The Title property must be set. BackgroundColor = Color.FromHex("333333"); Menu = new MenuListView(); menuImage = new CircleImage { BorderColor = Color.White, BorderThickness = 3, HeightRequest = 75, WidthRequest = 75, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Start, Source = UriImageSource.FromFile("fotoperfil.png") }; menuLabel = new Label { FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)), FontAttributes = FontAttributes.Bold, Text = "Pablo Gil", }; StackLayout stContendorGral = new StackLayout { Spacing = 0, Orientation = StackOrientation.Vertical, }; stContendorGral.Children.Add(CreateMenuBlock()); stContendorGral.Children.Add(Menu); Content = stContendorGral; }
public PessoaViewCell() { var pessoaProfileImage = new CircleImage { BorderColor = AppColors.BrandColor(), BorderThickness = 2, HeightRequest = 50, WidthRequest = 50, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; pessoaProfileImage.SetBinding(Image.SourceProperty, "ImagemSource"); var distanciaLabel = new Label() { FontAttributes = FontAttributes.Bold, FontSize = 12, TextColor = Color.FromHex("#666") }; distanciaLabel.SetBinding( Label.TextProperty, new Binding( "Distancia", stringFormat: "{0} Kilometros ") ); var nomeLabel = new Label() { FontFamily = Device.OnPlatform("HelveticaNeue-Bold", "sans-serif-black", null), FontSize = 18, TextColor = Color.Black }; nomeLabel.SetBinding(Label.TextProperty, "Nome"); var onlineImage = new Image() { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("online.png")), HeightRequest = 8, WidthRequest = 8 }; onlineImage.SetBinding(Image.IsVisibleProperty, "Online"); var onLineLabel = new Label() { FontFamily = Device.OnPlatform("HelveticaNeue-Bold", "sans-serif-black", null), Text = "Online", TextColor = AppColors.BrandColor(), FontSize = 12, }; onLineLabel.SetBinding(Label.IsVisibleProperty, "Online"); var offlineImage = new Image() { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("offline.png")), HeightRequest = 8, WidthRequest = 8 }; offlineImage.SetBinding(Image.IsVisibleProperty, "Offline"); var offLineLabel = new Label() { FontFamily = Device.OnPlatform("HelveticaNeue-Bold", "sans-serif-black", null), Text = "5 horas atrás", TextColor = Color.FromHex("#ddd"), FontSize = 12, }; offLineLabel.SetBinding(Label.IsVisibleProperty, "Offline"); var starLabel = new Label() { FontFamily = Device.OnPlatform("HelveticaNeue-Bold", "sans-serif-black", null), FontSize = 12, TextColor = Color.Gray }; starLabel.SetBinding(Label.TextProperty, "Rating"); var starImage = new Image() { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("star.png")), HeightRequest = 12, WidthRequest = 12 }; var ratingStack = new StackLayout() { Spacing = 3, Orientation = StackOrientation.Horizontal, Children = { starImage, starLabel } }; var statusLayout = new StackLayout { Orientation = StackOrientation.Horizontal, Children = { distanciaLabel, onlineImage, onLineLabel, offlineImage, offLineLabel } }; var vetDetailsLayout = new StackLayout { Padding = new Thickness(10, 0, 0, 0), Spacing = 0, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { nomeLabel, statusLayout, ratingStack } }; var tapImage = new Image() { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("tap.png")), HorizontalOptions = LayoutOptions.End, HeightRequest = 12, }; var cellLayout = new StackLayout { Spacing = 0, Padding = new Thickness(10, 5, 10, 5), Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { pessoaProfileImage, vetDetailsLayout, tapImage } }; this.View = cellLayout; }
public StackLayout CreateRealtiveLayoutFor() { RelativeLayout MainView = new RelativeLayout { HorizontalOptions = LayoutOptions.Start, BackgroundColor = Xamarin.Forms.Color.Blue, Padding = new Thickness(1, 1, 1, 1), HeightRequest = 10, }; var CoverPage = new iiImage { HorizontalOptions = LayoutOptions.CenterAndExpand }; var CircleImage = new CircleImage { // BorderColor = Color.White.ToFormsColor(), // BorderThickness = 2, HorizontalOptions = LayoutOptions.Fill, }; CircleImage.SetBinding(Image.SourceProperty, "EmpProfileImage"); var tapGestureRecognizer = new TapGestureRecognizer(); tapGestureRecognizer.Tapped += (s, e) => { Console.WriteLine("Yes Clicked"); }; CircleImage.GestureRecognizers.Add(tapGestureRecognizer); MainView.Children.Add(CoverPage, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent(parent => { return parent.Width; }), Constraint.RelativeToParent(parent => { return parent.Height; })); MainView.Children.Add(CircleImage, Constraint.Constant(0), Constraint.RelativeToView(CoverPage, (parent, sibling) => { return sibling.Height -50; }), Constraint.Constant(100), Constraint.Constant(100)); var st = new StackLayout { HeightRequest=150, Children = { MainView } }; return st; }
public PessoaDetalhePage(Pessoa pessoa) { this.BackgroundColor = Color.White; this.pessoa = pessoa; this.backgroundImage = new Image { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("backgroudColors.jpg")), Aspect = Aspect.AspectFill, IsOpaque = true, Opacity = 0.8 }; if (Device.OS == TargetPlatform.Android) { this.backgroundCurveEffect = new Image { Aspect = Aspect.AspectFill, Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("dome_Android.png")) }; } else if (Device.OS == TargetPlatform.iOS) { this.backgroundCurveEffect = new Image { Aspect = Aspect.Fill, Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("dome.png")) }; } this.fotoPessoa = new CircleImage { Source = this.pessoa.ImagemSource, BorderColor = AppColors.BrandColor(), BorderThickness = 2, HeightRequest = 50, WidthRequest = 50, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; this.messageImage = new Image { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("SMS-32.png")) }; var messageClick = new TapGestureRecognizer(); messageClick.Tapped += async (sender, e) => { App.nroParaEnviarSMS = this.pessoa.Telefone; App.textoParaEnviarSMS = String.Format("Olá {0}", this.pessoa.Nome); var _pagina = Activator.CreateInstance<SMSPage>(); await this.Navigation.PushModalAsync(_pagina); }; this.messageImage.GestureRecognizers.Add(messageClick); this.callImage = new Image { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("Phone-32.png")) }; var callClick = new TapGestureRecognizer(); callClick.Tapped += async (sender, e) => { App.nroTelefoneParaLigar = this.pessoa.Telefone; var _pagina = Activator.CreateInstance<CallPage>(); await this.Navigation.PushModalAsync(_pagina); }; this.callImage.GestureRecognizers.Add(callClick); this.detailContent = new PessoaDetailsContent(this.pessoa.Nome, this.pessoa.Email, this.pessoa.Descricao); this.btnVoltar = new Button { BorderColor = AppColors.BrandColor(), BorderRadius = 6, BorderWidth = 0.5, Text = "Voltar", TextColor = Color.White, BackgroundColor = AppColors.BrandColor(), VerticalOptions = LayoutOptions.FillAndExpand, WidthRequest = 110 }; btnVoltar.Clicked += async (sender, e) => { if (App.Navigation != null) { var pagina = Activator.CreateInstance<ListaPessoasPage>(); await this.Navigation.PushModalAsync(pagina); } else await this.Navigation.PopModalAsync(); }; var absLayout = new AbsoluteLayout{ HeightRequest = 100 }; AbsoluteLayout.SetLayoutFlags(backgroundImage, AbsoluteLayoutFlags.All); AbsoluteLayout.SetLayoutBounds(backgroundImage, new Rectangle(0, 0, 1, 0.5)); AbsoluteLayout.SetLayoutFlags(backgroundCurveEffect, AbsoluteLayoutFlags.YProportional); AbsoluteLayout.SetLayoutBounds(backgroundCurveEffect, new Rectangle(0, 0.46, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize)); AbsoluteLayout.SetLayoutFlags(messageImage, AbsoluteLayoutFlags.PositionProportional); AbsoluteLayout.SetLayoutBounds(messageImage, new Rectangle(0.15, 0.55, 35, 35)); AbsoluteLayout.SetLayoutFlags(callImage, AbsoluteLayoutFlags.PositionProportional); AbsoluteLayout.SetLayoutBounds(callImage, new Rectangle(0.85, 0.55, 30, 30)); AbsoluteLayout.SetLayoutFlags(fotoPessoa, AbsoluteLayoutFlags.PositionProportional); AbsoluteLayout.SetLayoutBounds(fotoPessoa, new Rectangle(0.53, 0.40, 160, 160)); AbsoluteLayout.SetLayoutFlags(detailContent.Content, AbsoluteLayoutFlags.PositionProportional); AbsoluteLayout.SetLayoutBounds(detailContent.Content, new Rectangle(0.55, 0.80, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize)); AbsoluteLayout.SetLayoutFlags(btnVoltar, AbsoluteLayoutFlags.PositionProportional); AbsoluteLayout.SetLayoutBounds(btnVoltar, new Rectangle(0.53, 0.95, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize)); absLayout.Children.Add(backgroundImage); absLayout.Children.Add(backgroundCurveEffect); absLayout.Children.Add(messageImage); absLayout.Children.Add(callImage); absLayout.Children.Add(fotoPessoa); absLayout.Children.Add(detailContent.Content); absLayout.Children.Add(btnVoltar); this.Content = absLayout; }
public EventCategoryButton(EventType category, int selectedState, int dims, List<EventType> list, bool lim) { eventCategoriesList = list; limit = lim; this.BackgroundColor = Color.FromHex("#30ffffff"); Padding = 0; RowSpacing = 0; RowDefinitions.Add(new RowDefinition { Height = dims }); RowDefinitions.Add(new RowDefinition { Height = dims*0.3 }); CircleImage i = new CircleImage() { Source = "category_" + category.ToString().ToLower() + "_ic.jpg", Aspect = Aspect.AspectFill, HeightRequest = dims, WidthRequest = dims }; Children.Add(i, 0, 0); button = new Button() { BorderRadius = dims / 2, BorderWidth = 0, HeightRequest = dims, WidthRequest = dims, FontSize = 35, TextColor = App.NormalTextColor, //BackgroundColor = Color.Transparent, }; select(button, selectedState); button.Clicked += (sender, e) => { selectedState++; if (limit) { if (selectedState > 1) selectedState = 0; if (eventCategoriesList.Count == 3 && selectedState == 1) { selectedState = 0; } } else { if (selectedState > 1) selectedState = 0; } select(button, selectedState); }; Children.Add(button, 0, 0); Label l = new Label() { FontSize = 12, Text = category.ToString(), HorizontalTextAlignment = TextAlignment.Center, }; Children.Add(l, 0, 1); }
public NovaPessoaPage() { txtNome = new Entry { Placeholder = "Nome", HeightRequest = 60, WidthRequest = 80 }; txtEmail = new Entry { Placeholder = "Email", HeightRequest = 60, WidthRequest = 80 }; txtTelefone = new Entry { Placeholder = "Telefone", HeightRequest = 60, WidthRequest = 80 }; txtBio = new BioEntry { HeightRequest = 150, WidthRequest = 150, }; unknownImage = new CircleImage { Source = ImageSource.FromResource(Constants.RetornarCaminhoParaImagens("Unknown.gif")) }; var unknownImage_Click = new TapGestureRecognizer(); unknownImage_Click.Tapped += async (sender, e) => await TrataCliqueNaFoto(); this.unknownImage.GestureRecognizers.Add(unknownImage_Click); btnAdicionarPessoa = new Button { BorderColor = AppColors.BrandColor(), BorderRadius = 6, BorderWidth = 0.5, Text = "Adicionar", TextColor = Color.White, BackgroundColor = AppColors.BrandColor(), HorizontalOptions = LayoutOptions.StartAndExpand, WidthRequest = 110, HeightRequest = 40 }; this.btnAdicionarPessoa.Clicked += (sender, e) => TrataClique(); this.btnVoltar = new Button { BorderColor = AppColors.BrandColor(), BorderRadius = 6, BorderWidth = 0.5, Text = "Voltar", TextColor = Color.White, BackgroundColor = AppColors.BrandColor(), HorizontalOptions = LayoutOptions.EndAndExpand, WidthRequest = 110, HeightRequest = 40 }; var buttonsLayout = new StackLayout { Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { btnAdicionarPessoa, btnVoltar } }; mainlayout = new StackLayout { Padding = new Thickness(0, Device.OnPlatform(10, 5, 0), 5, 0), Children = { unknownImage, txtNome, txtEmail, txtTelefone, txtBio, buttonsLayout } }; MessagingCenter.Subscribe<SelecionaFotoPage,Image>(this, "SalvouFoto", (sender, arg) => { if (arg != null && arg.Source != null) { this.imgFoto = new Image(); this.imgFoto = arg; Acr.UserDialogs.UserDialogs.Instance.Alert("Imagem salva com sucesso"); } }); this.Content = mainlayout; }
public EmployeeViewCell() { var EmpImage = new CircleImage() { HorizontalOptions = LayoutOptions.Start, BorderThickness=5, //Source = "Dummy.jpg", BorderColor=Color.White.ToFormsColor(), Aspect=Aspect.Fill, }; EmpImage.SetBinding(Image.SourceProperty, new Binding("EmpProfileImage")); EmpImage.WidthRequest = EmpImage.HeightRequest = 40; var nameLabel = new Label { HorizontalOptions = LayoutOptions.Center, XAlign=TextAlignment.Center, TranslationX=5, TextColor=Xamarin.Forms.Color.White }; nameLabel.FontSize = 18; nameLabel.SetBinding(Label.TextProperty, "FullName"); View = new StackLayout { Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.Start, Padding = new Thickness(5, 1.5, 0, 1.5), HeightRequest = 10, Spacing = 0, Children = { EmpImage, //new Image{Source="index.jpg",HeightRequest=50,WidthRequest=50}, new StackLayout { Spacing=0, Orientation = StackOrientation.Vertical, VerticalOptions=LayoutOptions.Center, Padding = new Thickness(5, 1.5, 0, 1.5), Children = { nameLabel } }, } }; }
public RelativeLayout CreateRealtiveLayoutFor() { RelativeLayout MainView = new RelativeLayout { HorizontalOptions = LayoutOptions.Start, BackgroundColor = Xamarin.Forms.Color.Transparent, Padding = new Thickness(1, 1, 1, 1), HeightRequest = 10, }; var CoverPage = new iiImage { VerticalOptions = LayoutOptions.FillAndExpand}; var CircleImage = new CircleImage { Source = ViewModel.ImageSource, BorderColor = Color.White.ToFormsColor(), BorderThickness = 2, HorizontalOptions = LayoutOptions.CenterAndExpand, }; var tapGestureRecognizer = new TapGestureRecognizer(); tapGestureRecognizer.Tapped += (s, e) => { ViewModel.SelectPictureCommand.Execute(null); }; CircleImage.GestureRecognizers.Add(tapGestureRecognizer); //CircleImage.SetBinding(Image.SourceProperty, "ImageSource"); MainView.Children.Add(CoverPage, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent(parent => { return parent.Width; }), Constraint.RelativeToParent(parent => { return parent.Height; })); MainView.Children.Add(CircleImage, Constraint.Constant(0), Constraint.RelativeToView(CoverPage, (parent, sibling) => { return sibling.Height -50; }), Constraint.Constant(100), Constraint.Constant(100)); return MainView; }
public Profile(MyProfile myProfile = null) { Title = "Profile"; NavigationPage.SetHasNavigationBar(this, true); BackgroundColor = Color.White; var backgroundImage = new Image() { BackgroundColor = Color.FromHex("#F57C00"), Aspect = Aspect.AspectFill, //IsOpaque = false, //Opacity = 0.8, }; var shader = new BoxView() { Color = Color.FromHex("#F57C00").MultiplyAlpha(.5) }; var face = new CircleImage { BorderColor = Color.White, BorderThickness = 2, HeightRequest = 100, WidthRequest = 100, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, Source = new UriImageSource { Uri = new Uri(myProfile.avatar), CacheValidity = TimeSpan.FromDays(15) }, }; var dome = new Image() { Aspect = Aspect.AspectFill, Source = new FileImageSource() { File = "dome.png" } }; var twitterimage = new Image() { Source = new FileImageSource() { File = "twitter.png" } }; var tapGestureTwitterRecognizer = new TapGestureRecognizer(); tapGestureTwitterRecognizer.Tapped += (sender, e) => { var profile = new WebViewPage("Twitter", myProfile.twitterName.TwitterUrl()); Navigation.PushAsync(profile); }; twitterimage.GestureRecognizers.Add(tapGestureTwitterRecognizer); var linkedinimage = new Image() { Source = new FileImageSource() { File = "linkedin.png" } }; var tapGestureLinkedInRecognizer = new TapGestureRecognizer(); tapGestureLinkedInRecognizer.Tapped += (sender, e) => { var profile = new WebViewPage("LinkedIn", myProfile.linkedInProfile); Navigation.PushAsync(profile); }; linkedinimage.GestureRecognizers.Add(tapGestureLinkedInRecognizer); var details = new DetailsView(myProfile); var slideshow = new ShowProfileDetailsView(); RelativeLayout relativeLayout = new RelativeLayout() { HeightRequest = 100, }; relativeLayout.Children.Add( backgroundImage, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .35; }) ); relativeLayout.Children.Add( shader, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .35; }) ); relativeLayout.Children.Add( dome, Constraint.Constant(-10), Constraint.RelativeToParent((parent) => { return (parent.Height * .35) - 50; }), Constraint.RelativeToParent((parent) => { return parent.Width + 10; }), Constraint.Constant(75) ); relativeLayout.Children.Add( twitterimage, Constraint.RelativeToParent((parent) => { return parent.Width * .05; }), Constraint.RelativeToParent((parent) => { return (parent.Height * .35); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( linkedinimage, Constraint.RelativeToParent((parent) => { return parent.Width * .95 - (parent.Width * .15); }), Constraint.RelativeToParent((parent) => { return (parent.Height * .35); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( face, Constraint.RelativeToParent((parent) => { return ((parent.Width / 2) - (face.Width / 2)); }), Constraint.RelativeToParent((parent) => { return parent.Height * .1; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }) ); relativeLayout.Children.Add( details, Constraint.Constant(0), Constraint.RelativeToView(dome, (parent, view) => { return view.Y + view.Height + 10; }), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.Constant(200) ); relativeLayout.Children.Add( slideshow, Constraint.Constant(0), Constraint.RelativeToView(details, (parent, view) => { return view.Y + view.Height; }), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToView(details, (parent, view) => { var detailsbottomY = view.Y + view.Height; return parent.Height - detailsbottomY; }) ); face.SizeChanged += (sender, e) => { relativeLayout.ForceLayout(); }; this.Content = relativeLayout; }
public VetCell() { var vetProfileImage = new CircleImage { BorderColor = Color.FromHex ("#F2995D"), BorderThickness = 2, HeightRequest = 50, WidthRequest = 50, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; vetProfileImage.SetBinding (Image.SourceProperty, "ImageSource"); var nameLabel = new Label () { FontFamily = "HelveticaNeue-Medium", FontSize = 18, TextColor = Color.Black }; nameLabel.SetBinding (Label.TextProperty, "Name"); var distanceLabel = new Label () { FontAttributes = FontAttributes.Bold, FontSize = 12, TextColor = Color.FromHex ("#666") }; distanceLabel.SetBinding (Label.TextProperty, new Binding ("Distance", stringFormat: "{0} Miles Away")); // Online image and label var onlineImage = new Image () { Source = "online.png", HeightRequest = 8, WidthRequest = 8 }; onlineImage.SetBinding (Image.IsVisibleProperty, "ShouldShowAsOnline"); var onLineLabel = new Label () { Text = "Online", TextColor = Color.FromHex ("#F2995D"), FontSize = 12, }; onLineLabel.SetBinding (Label.IsVisibleProperty, "ShouldShowAsOnline"); // Offline image and label var offlineImage = new Image () { Source = "offline.png", HeightRequest = 8, WidthRequest = 8 }; offlineImage.SetBinding (Image.IsVisibleProperty, "ShouldShowAsOffline"); var offLineLabel = new Label () { Text = "5 hours ago", TextColor = Color.FromHex ("#ddd"), FontSize = 12, }; offLineLabel.SetBinding (Label.IsVisibleProperty, "ShouldShowAsOffline"); // Vet rating label and star image var starLabel = new Label () { FontSize = 12, TextColor = Color.Gray }; starLabel.SetBinding (Label.TextProperty, "Stars"); var starImage = new Image () { Source = "star.png", HeightRequest = 12, WidthRequest = 12 }; var ratingStack = new StackLayout () { Spacing = 3, Orientation = StackOrientation.Horizontal, Children = { starImage, starLabel } }; var statusLayout = new StackLayout { Orientation = StackOrientation.Horizontal, Children = { distanceLabel, onlineImage, onLineLabel, offlineImage, offLineLabel } }; var vetDetailsLayout = new StackLayout { Padding = new Thickness (10, 0, 0, 0), Spacing = 0, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { nameLabel, statusLayout, ratingStack } }; var tapImage = new Image () { Source = "tap.png", HorizontalOptions = LayoutOptions.End, HeightRequest = 12, }; var cellLayout = new StackLayout { Spacing = 0, Padding = new Thickness (10, 5, 10, 5), Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { vetProfileImage, vetDetailsLayout, tapImage } }; this.View = cellLayout; }
public ContactCell() { var contactProfileImage = new CircleImage { BorderColor = Color.FromHex("#BDC3C7"), BorderThickness = 3, HeightRequest = 50, WidthRequest = 50, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, }; contactProfileImage.SetBinding(Image.SourceProperty, "ImageSource"); var nameLabel = new Label() { FontFamily = "HelveticaNeue-Medium", FontSize = 18, TextColor = Color.Black }; nameLabel.SetBinding(Label.TextProperty, "Name"); var companyLabel = new Label() { FontAttributes = FontAttributes.Bold, FontSize = 12, TextColor = Color.FromHex("#666") }; companyLabel.SetBinding(Label.TextProperty, new Binding("Company", stringFormat: "{0}")); var emailLabel = new Label() { FontSize = 12 }; emailLabel.SetBinding(Label.TextProperty, "Email"); var phoneLabel = new Label() { FontSize = 12, TextColor = Color.Gray }; phoneLabel.SetBinding(Label.TextProperty, "Phone"); var phoneStack = new StackLayout() { Spacing = 3, Orientation = StackOrientation.Horizontal, Children = { phoneLabel } }; var statusLayout = new StackLayout { Orientation = StackOrientation.Horizontal, Children = { companyLabel, emailLabel } }; var detailLayout = new StackLayout { Padding = new Thickness(10, 0, 0, 0), Spacing = 0, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { nameLabel, statusLayout, phoneStack } }; var tapImage = new Image() { Source = "tap.png", HorizontalOptions = LayoutOptions.End, HeightRequest = 12, }; var cellLayout = new StackLayout { Spacing = 0, Padding = new Thickness(10, 5, 10, 5), Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.FillAndExpand, Children = { contactProfileImage, detailLayout, tapImage }, }; this.View = cellLayout; }
public Profile(MyProfile myProfile = null) { Title = "Profile"; NavigationPage.SetHasNavigationBar(this, true); BackgroundColor = Color.White; var backgroundImage = new Image() { BackgroundColor = Color.Red, Aspect = Aspect.AspectFill, IsOpaque = true, Opacity = 0.8, }; var shader = new BoxView() { Color = Color.Black.MultiplyAlpha(.5) }; var face = new CircleImage { BorderColor = Color.White, BorderThickness = 2, HeightRequest = 100, WidthRequest = 100, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, Source = new UriImageSource { Uri = new Uri(myProfile.avatar), CacheValidity = TimeSpan.FromDays(30) }, }; var dome = new Image() { Aspect = Aspect.AspectFill, Source = new FileImageSource() { File = "dome.png" } }; var chatimage = new Image() { Source = new FileImageSource() { File = "chat.png" } }; var pindropimage = new Image() { Source = new FileImageSource() { File = "pindrop.png" } }; var details = new DetailsView(myProfile); var slideshow = new ShowProfileDetailsView(myProfile); RelativeLayout relativeLayout = new RelativeLayout() { HeightRequest = 100, }; relativeLayout.Children.Add( backgroundImage, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .35; }) ); relativeLayout.Children.Add( shader, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .35; }) ); relativeLayout.Children.Add( dome, Constraint.Constant(-10), Constraint.RelativeToParent((parent) => { return (parent.Height * .35) - 50; }), Constraint.RelativeToParent((parent) => { return parent.Width + 10; }), Constraint.Constant(75) ); relativeLayout.Children.Add( chatimage, Constraint.RelativeToParent((parent) => { return parent.Width * .05; }), Constraint.RelativeToParent((parent) => { return (parent.Height * .35); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( pindropimage, Constraint.RelativeToParent((parent) => { return parent.Width * .95 - (parent.Width * .15); }), Constraint.RelativeToParent((parent) => { return (parent.Height * .35); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( face, Constraint.RelativeToParent((parent) => { return ((parent.Width / 2) - (face.Width / 2)); }), Constraint.RelativeToParent((parent) => { return parent.Height * .1; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }) ); relativeLayout.Children.Add( details, Constraint.Constant(0), Constraint.RelativeToView(dome, (parent, view) => { return view.Y + view.Height + 10; }), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.Constant(200) ); relativeLayout.Children.Add( slideshow, Constraint.Constant(0), Constraint.RelativeToView(details, (parent, view) => { return view.Y + view.Height; }), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToView(details, (parent, view) => { var detailsbottomY = view.Y + view.Height; return parent.Height - detailsbottomY; }) ); face.SizeChanged += (sender, e) => { relativeLayout.ForceLayout(); }; this.Content = relativeLayout; }
public WooferPage2() { BackgroundColor = Color.White; var backgroundImage = new Image() { Source = new FileImageSource() { File = "Chipotle.jpg" }, Aspect = Aspect.AspectFill, //IsOpaque = true, //Opacity = 0.8, }; var shader = new BoxView() { Color = Color.Black.MultiplyAlpha(.5), }; var face = new CircleImage() { Aspect = Aspect.AspectFill, BorderColor = Color.Green, BorderThickness = 10, Source = new FileImageSource() { File = "fashionbg.png" } }; var dome = new Image() { Aspect = Aspect.AspectFill, Source = new FileImageSource() { File = "dome.png" } }; var chatimage = new Image() { Source = new FileImageSource() { File = "chat.png" } }; var pindropimage = new Image() { Source = new FileImageSource() { File = "pindrop.png" } }; var details = new DetailsView(); // var slideshow = new SlideShowView(); RelativeLayout relativeLayout = new RelativeLayout() { HeightRequest = 100, }; relativeLayout.Children.Add( backgroundImage, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .5; }) ); relativeLayout.Children.Add( shader, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent((parent) => { return parent.Width; }), Constraint.RelativeToParent((parent) => { return parent.Height * .5; }) ); relativeLayout.Children.Add( dome, Constraint.Constant(-10), Constraint.RelativeToParent((parent) => { return (parent.Height * .5) - 50; }), Constraint.RelativeToParent((parent) => { return parent.Width + 10; }), Constraint.Constant(75) ); relativeLayout.Children.Add( chatimage, Constraint.RelativeToParent((parent) => { return parent.Width * .05; }), Constraint.RelativeToParent((parent) => { return (parent.Height * .5); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( pindropimage, Constraint.RelativeToParent((parent) => { return parent.Width * .95 - (parent.Width * .15); }), Constraint.RelativeToParent((parent) => { return (parent.Height * .5); }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }), Constraint.RelativeToParent((parent) => { return parent.Width * .15; }) ); relativeLayout.Children.Add( face, Constraint.RelativeToParent((parent) => { return ((parent.Width / 2) - (face.Width / 2)); }), Constraint.RelativeToParent((parent) => { return parent.Height * .25; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }), Constraint.RelativeToParent((parent) => { return parent.Width * .5; }) ); //relativeLayout.Children.Add( // details, // Constraint.Constant(0), // Constraint.RelativeToView(dome, (parent, view) => // { // return view.Y + view.Height + 10; // }), // Constraint.RelativeToParent((parent) => // { // return parent.Width; // }), // Constraint.Constant(120) //); //relativeLayout.Children.Add( // slideshow, // Constraint.Constant(0), // Constraint.RelativeToView(details, (parent, view) => // { // return view.Y + view.Height; // }), // Constraint.RelativeToParent((parent) => // { // return parent.Width; // }), // Constraint.RelativeToView(details, (parent, view) => // { // var detailsbottomY = view.Y + view.Height; // return parent.Height - detailsbottomY; // }) //); //face.SizeChanged += (sender, e) => //{ // relativeLayout.ForceLayout(); //}; this.Content = relativeLayout; }
public App() { CircleImage pink = null; var button = new Button { Text = "Change Colors" }; button.Clicked += (sender, args) => { if (pink.BorderColor == Color.Pink) { pink.BorderThickness = 20; pink.BorderColor = Color.Maroon; pink.FillColor = Color.Pink; } else { pink.BorderThickness = 3; pink.BorderColor = Color.Pink; pink.FillColor = Color.Olive; } }; var stack = new StackLayout { VerticalOptions = LayoutOptions.Center, Spacing = 10, Padding = 20, Children = { button, (pink = new CircleImage { BorderColor = Color.Pink, FillColor = Color.Olive, BorderThickness = 3, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, //Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/5/55/Tamarin_portrait.JPG")) }), new CircleImage { BorderColor = Color.Purple, FillColor = Color.Transparent, BorderThickness = 6, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, //Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/e/ed/Saguinus_tripartitus_-_Golden-mantled_Tamarin.jpg")) }, new CircleImage { BorderColor = Color.Yellow, FillColor = Color.Yellow, BorderThickness = 9, HeightRequest = 150, WidthRequest = 150, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, Source = UriImageSource.FromUri(new Uri("http://upload.wikimedia.org/wikipedia/commons/5/53/Golden_Lion_Tamarin_Leontopithecus_rosalia.jpg")) }, } }; // The root page of your application MainPage = new ContentPage { Content = stack }; }
public NotificationViewCell() { var EmpImage = new CircleImage() { HorizontalOptions = LayoutOptions.Start, BorderThickness = 5, Source = "NainaSharma.png", BorderColor = Color.White, Aspect = Aspect.Fill, }; // EmpImage.SetBinding(Image.SourceProperty, new Binding("ImageUri")); var nameLabel = new Label { HorizontalOptions = LayoutOptions.Start, FontSize=15, TextColor=Xamarin.Forms.Color.White }; nameLabel.SetBinding(Label.TextProperty, "FullName"); var daysLabel = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Xamarin.Forms.Color.White }; daysLabel.SetBinding(Label.TextProperty, "ApprovedDays"); var subjectLabel = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Xamarin.Forms.Color.White }; subjectLabel.SetBinding(Label.TextProperty, "Notes"); EmpImage.WidthRequest = EmpImage.HeightRequest = 70; var toDate = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Xamarin.Forms.Color.White }; toDate.SetBinding(Label.TextProperty, "LeaveDate"); var fromDate = new Label { HorizontalOptions = LayoutOptions.Start, TextColor = Xamarin.Forms.Color.White }; fromDate.SetBinding(Label.TextProperty, new Binding("FromDate") { StringFormat = "{0:dd-MMM-yyyy}" }); Button btnApproved = new Button { Text="Approved", BackgroundColor=Color.Green, FontSize = 10, }; Button btnRejected = new Button { Text = "Reject", BackgroundColor = Color.Red, FontSize=10, }; View flagView = new StackLayout { }; //TODO: Have to add pending color flagView.SetBinding(View.BackgroundColorProperty, new Binding("IsApproved", BindingMode.Default, LeaveFlagColorConverter.OneWay<bool, Color>((status) => status ? InsideInning.Helper.Color.LightGreen.ToFormsColor() : InsideInning.Helper.Color.LightRed.ToFormsColor()))); #region Adding Context Actions To List view Cell var actionApproved = new MenuItem { Text = "Approved" }; actionApproved.Clicked += async (sender, e) => { flagView.BackgroundColor = Color.Green; }; var actionReject = new MenuItem { Text = "Reject",IsDestructive=true }; actionReject.Clicked += async (sender, e) => { flagView.BackgroundColor = Color.Red; }; ContextActions.Add(actionApproved); ContextActions.Add(actionReject); #endregion RelativeLayout MainView = new RelativeLayout { HorizontalOptions = LayoutOptions.Start, Padding = new Thickness(20, 10, 5, 5), }; MainView.Children.Add(EmpImage, Constraint.Constant(5), Constraint.Constant(10), Constraint.Constant(60), Constraint.Constant(60)); MainView.Children.Add(subjectLabel, Constraint.Constant(80), Constraint.Constant(50), Constraint.RelativeToParent(parent => { return parent.Width; }), Constraint.Constant(40)); MainView.Children.Add(nameLabel, Constraint.Constant(80), Constraint.Constant(5), Constraint.RelativeToParent(parent => { return parent.Width; }), Constraint.Constant(20)); MainView.Children.Add(toDate, Constraint.Constant(80), Constraint.Constant(27), Constraint.RelativeToParent(parent => { return parent.Width- daysLabel.Width; }), Constraint.Constant(40)); //MainView.Children.Add(fromDate, Constraint.Constant(180), Constraint.Constant(27), Constraint.Constant(100), Constraint.Constant(40)); MainView.Children.Add(daysLabel, Constraint.Constant(290), Constraint.Constant(27), Constraint.Constant(50), Constraint.Constant(20)); //MainView.Children.Add(btnApproved, Constraint.Constant(290), Constraint.Constant(5), Constraint.Constant(60), Constraint.Constant(30)); //MainView.Children.Add(btnRejected, Constraint.Constant(290), Constraint.Constant(40), Constraint.Constant(60), Constraint.Constant(30)); MainView.Children.Add(flagView, Constraint.RelativeToParent(parent => { return parent.Width-7; }), Constraint.Constant(2), Constraint.Constant(7), Constraint.Constant(76)); View = MainView; }
public PurposeColorTitleBar(Color backGroundColor, string titleValue, Color titleColor, string backButtonTitle, bool imageRequired = false) { Cross.IDeviceSpec spec = DependencyService.Get<Cross.IDeviceSpec>(); int titlebarHeight = (int)spec.ScreenHeight * 10 / 100; int titlebarWidth = (int)spec.ScreenWidth; this.BackgroundColor = backGroundColor; masterLayout = new CustomLayout(); masterLayout.HeightRequest = titlebarHeight; masterLayout.WidthRequest = titlebarWidth; masterLayout.BackgroundColor = backGroundColor; Image menuButton = new Image(); menuButton.Source = Device.OnPlatform("menu.png", "menu.png", "//Assets//menu.png"); menuButton.HeightRequest = 30; menuButton.WidthRequest = 25; imageAreaTapGestureRecognizer = new TapGestureRecognizer(); menuButton.GestureRecognizers.Add(imageAreaTapGestureRecognizer); title = new Label(); title.Text = titleValue; title.FontSize = 20; title.TextColor = Color.Black; Image logo = new Image(); logo.Source = Device.OnPlatform("logo.png", "logo.png", "//Assets//logo.png"); logo.WidthRequest = spec.ScreenWidth; logo.HeightRequest = titlebarHeight; logo.WidthRequest = spec.ScreenWidth * 70 / 100; logo.HeightRequest = spec.ScreenHeight * 8 / 100; User curUser = App.Settings.GetUser (); if (curUser != null) { CircleImage userImg = new CircleImage { Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, Source = Constants.SERVICE_BASE_URL + curUser.ProfileImageUrl }; userImg.WidthRequest = 30; userImg.HeightRequest = 30; if (imageRequired) { masterLayout.AddChildToLayout(userImg, 88, Device.OnPlatform( 17, 25, 17 ), (int)masterLayout.WidthRequest, (int)masterLayout.HeightRequest); } TapGestureRecognizer profileImgTap = new TapGestureRecognizer (); profileImgTap.Tapped += ProfileImgTap_Tapped; userImg.GestureRecognizers.Add (profileImgTap); } masterLayout.AddChildToLayout(logo, 5, 5, (int)masterLayout.WidthRequest, (int)masterLayout.HeightRequest); masterLayout.AddChildToLayout(menuButton, 2, 25, (int)masterLayout.WidthRequest, (int)masterLayout.HeightRequest); Content = masterLayout; }
public MenuPage() { Icon = "settings.png"; Title = "menu"; // The Title property must be set. BackgroundColor = Color.FromHex ("333333"); Button syncButton = new Button () { VerticalOptions = LayoutOptions.EndAndExpand, HorizontalOptions = LayoutOptions.Center, Text = "Synchroniseer", }; syncButton.Clicked += syncButton_OnClicked; CircleImage imgUser = new CircleImage { BorderColor = Color.FromHex("#BDC3C7"), BorderThickness = 3, HeightRequest = 50, WidthRequest = 50, Aspect = Aspect.AspectFill, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, Source = "face.png", }; Label lblUserName = new Label() { Text = LoginController.Instance.GetCurrentUser.Voornaam + " " + LoginController.Instance.GetCurrentUser.Naam, TextColor = Color.White }; Label lblUserFunctie = new Label() { Text = LoginController.Instance.GetCurrentUser.Functie == 2 ? "Verkoper" : "Technieker", FontSize = 10 }; Label lblLogout = new Label() { Text = "Uitloggen", TextColor = Color.White, FontSize = 12 }; lblLogout.GestureRecognizers.Add(new TapGestureRecognizer((sender) => { LoginController.Instance.Logout(); ((CorflowMobile.App)Xamarin.Forms.Application.Current).ShowLoginPage(); })); ContentView currentUserView = new ContentView () { Content = new StackLayout () { Padding = new Thickness(0,10,0,25), Spacing = 15, Orientation = StackOrientation.Horizontal, Children = { imgUser, new StackLayout () { Children = { lblUserName, new ContentView () { Padding = new Thickness(0,-10,0,2), Content = lblUserFunctie }, lblLogout } } } } }; Menu = new MenuListView (); Content = new StackLayout { VerticalOptions = LayoutOptions.FillAndExpand, Padding = new Thickness (20), Children = { currentUserView, new BoxView() { HeightRequest = 1, BackgroundColor = Color.FromHex ("#747474"), }, Menu, syncButton } }; }