public FixtureCardDetailsView (FixtureTeam team) { _teamName = new Label () { LineBreakMode = LineBreakMode.TailTruncation, Text = team?.TeamName, FontSize = 18, TextColor = Color.Black, VerticalOptions = LayoutOptions.CenterAndExpand }; TeamGoals = new Label () { Text = team?.TeamGoals.ToString(), FontSize = 15, FontFamily = "AvenirNext-DemiBold", TextColor = ScoresAppStyleKit.NavigationBarTextColor, BackgroundColor = ScoresAppStyleKit.NavigationBarBackgroundColor, VerticalOptions = LayoutOptions.CenterAndExpand, HeightRequest = 20, WidthRequest = 20, HorizontalTextAlignment = TextAlignment.Center, VerticalTextAlignment = TextAlignment.Center, HorizontalOptions = LayoutOptions.EndAndExpand }; _teamImage = new SvgImage { SvgPath = team?.TeamImage, HeightRequest = 40, WidthRequest = 40, HorizontalOptions = LayoutOptions.Start, VerticalOptions = LayoutOptions.CenterAndExpand }; var stack = new StackLayout () { BackgroundColor = ScoresAppStyleKit.MenuBackgroundColor, Spacing = 10, Padding = new Thickness (5, 0, 5, 0), Orientation = StackOrientation.Horizontal, Children = { _teamImage, _teamName, TeamGoals } }; Content = stack; }
void CreateLayout() { _homeTeamImage = new SvgImage { SvgPath = ViewModel.HomeTeamImage }; _homeTeamPlayers = new ListView{ BackgroundColor = Color.White, ItemTemplate = new DataTemplate(typeof(TextCell)), //SeparatorVisibility = SeparatorVisibility.None, SeparatorColor = ScoresAppStyleKit.MenuBackgroundColor, Header = GetHeader(), VerticalOptions = LayoutOptions.FillAndExpand }; //_homeTeamPlayers.ItemTemplate.SetBinding (TextCell.ImageSourceProperty, nameof (TeamPlayer.DummyPlayer.Icon)); _homeTeamPlayers.ItemTemplate.SetBinding (TextCell.TextProperty, nameof (TeamPlayer.DummyPlayer.Title)); _homeTeamPlayers.ItemTemplate.SetBinding (TextCell.TextColorProperty, nameof (TeamPlayer.DummyPlayer.TextColor)); _homeTeamPlayers.ItemTemplate.SetBinding (TextCell.DetailProperty, nameof (TeamPlayer.DummyPlayer.Detail)); _homeTeamPlayers.ItemTemplate.SetBinding (TextCell.DetailColorProperty, nameof (TeamPlayer.DummyPlayer.DescriptionColor)); _awayTeamPlayers = new ListView { BackgroundColor = Color.White, ItemTemplate = new DataTemplate(typeof(TextCell)), //SeparatorVisibility = SeparatorVisibility.None, SeparatorColor = ScoresAppStyleKit.MenuBackgroundColor, Header = GetHeader(), VerticalOptions = LayoutOptions.FillAndExpand }; //_awayTeamPlayers.ItemTemplate.SetBinding (TextCell.ImageSourceProperty, nameof (TeamPlayer.DummyPlayer.Icon)); _awayTeamPlayers.ItemTemplate.SetBinding (TextCell.TextProperty, nameof (TeamPlayer.DummyPlayer.Title)); _awayTeamPlayers.ItemTemplate.SetBinding (TextCell.TextColorProperty, nameof (TeamPlayer.DummyPlayer.TextColor)); _awayTeamPlayers.ItemTemplate.SetBinding (TextCell.DetailProperty, nameof (TeamPlayer.DummyPlayer.Detail)); _awayTeamPlayers.ItemTemplate.SetBinding (TextCell.DetailColorProperty, nameof (TeamPlayer.DummyPlayer.DescriptionColor)); if(Device.OS == TargetPlatform.iOS){ _homeTeamPlayers.RowHeight = 50; _awayTeamPlayers.RowHeight = 50; } _goalsLabel = new Label { Text = ViewModel.HomeTeamGoals +" - "+ViewModel.AwayTeamGoals, FontSize = 50, FontFamily = "AvenirNext-DemiBold", TextColor = Color.Black, HorizontalTextAlignment = TextAlignment.Center, VerticalTextAlignment = TextAlignment.Center, HorizontalOptions = LayoutOptions.FillAndExpand }; _awayTeamImage = new SvgImage { SvgPath = ViewModel.AwayTeamImage }; var headerBackgroundLayout = new StackLayout { HeightRequest = 100, Spacing = 0, Children = { new BoxView{ HeightRequest = 50, Color = ScoresAppStyleKit.NavigationBarBackgroundColor }, new BoxView{ HeightRequest = 50, Color = ScoresAppStyleKit.MenuBackgroundColor } } }; var realtiveHeaderLayout = new RelativeLayout (){ HeightRequest = 100, VerticalOptions = LayoutOptions.Start }; realtiveHeaderLayout.Children.Add (headerBackgroundLayout, Constraint.Constant(0), Constraint.Constant(0), Constraint.RelativeToParent ((parent) => { return parent.Width; }), Constraint.RelativeToParent ((parent) => { return parent.Height; }) ); realtiveHeaderLayout.Children.Add (_homeTeamImage, Constraint.Constant(10), Constraint.RelativeToParent ((parent) => { return (100 / 2) - 40; }), Constraint.RelativeToParent ((parent) => { return 80; }), Constraint.RelativeToParent ((parent) => { return 80; }) ); realtiveHeaderLayout.Children.Add (_goalsLabel, Constraint.Constant (0), Constraint.Constant (0), Constraint.RelativeToParent ((parent) => { return parent.Width; }), Constraint.RelativeToParent ((parent) => { return 100; }) ); realtiveHeaderLayout.Children.Add (_awayTeamImage, Constraint.RelativeToParent ((parent) => { return parent.Width - 10 - 80; }), Constraint.RelativeToParent ((parent) => { return (100 / 2) - 40; }), Constraint.RelativeToParent ((parent) => { return 80; }), Constraint.RelativeToParent ((parent) => { return 80; }) ); Content = new StackLayout { Spacing = 0, BackgroundColor = Color.White, Children = { realtiveHeaderLayout, new StackLayout { VerticalOptions = LayoutOptions.FillAndExpand, BackgroundColor = ScoresAppStyleKit.MenuBackgroundColor, Spacing = 2, Orientation = StackOrientation.Horizontal, Children = { _homeTeamPlayers, _awayTeamPlayers } } } }; }