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
}
};
}
