Как создать сетку на кнопке в Xamarin Forms

Question

Так что мне нужно создать пользовательскую кнопку, на которой я должен создать сетку, и на этой сетке мне нужно создать несколько меток с определенной информацией.Это код, в который я добавляю дочерний элемент для кнопки

    private void HighlightTodayDay()
    {
        Label label1 = new Label()
        {
            BackgroundColor = Color.DarkRed,
            Text = "lbl1"
        };

        Label label2 = new Label()
        {
            BackgroundColor = Color.Gold,
            Text = "lbl2"
        };

        if ((DateTime.Today.Year == actualVisibleMonth.Year) && (DateTime.Today.Month == actualVisibleMonth.Month))
        {
            foreach (var child in Children.Reverse())
            {
                if (child.ClassId.ToString() == ("actualDayButtonID" + DateTime.Today.Day.ToString()) && child.IsEnabled == true)
                {
                    DayButton todayDayButton = dayButtonsList[DateTime.Today.Day + shiftOfFirstDay];
                    todayDayButton.TextColor = Color.FromHex("#0f0");
                    //upto this line everything is working as it should
                    todayDayButton.insideGrid.Children.Add(label1, 0, 0);  //do nothing
                    todayDayButton.insideGrid.Children.Add(label2, 0, 1); //do nothing
                    return;
                }
            }
        }
    }

, а вот код для "пользовательской" кнопки

    class DayButton : Button
{
    public string EventDate;
    public string EventStartTime;
    public string EventEndTime;
    public string EventShift;
    public string EventName;
    public string EventDescription;
    public Grid insideGrid;

    public DayButton()
    {
        insideGrid = new Grid();
        insideGrid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(1, GridUnitType.Star) });
        insideGrid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(3, GridUnitType.Star) });
        insideGrid.Parent = this;
    }
}

Это должно выглядеть следующим образом нажмите, чтобы увидеть изображение

Answer 1

Я решил отклонить кнопку и изменить ее на макет стека (надоело!), И в этот макет стека я добавляю новый ярлык с событиями! Так выглядит код:

public partial class Calendar : Grid
{...

    public delegate void OnDayClickedDelegate(DateTime dateOfClickedDay);
    public event OnDayClickedDelegate OnDayClicked;
...
        private void DayClick(DateTime clickedDate)
    {
        OnDayClicked(clickedDate);
    }
...
private void SomeVoid()
{...
 DayLayout eventInDay = dayLayoutList[dayID];
                var eventLabel = new Label
                {
                    BackgroundColor = color,
                    Text = name.ToUpper(),
                    FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                    FontAttributes = FontAttributes.Bold
                };
                eventInDay.Children.Add(eventLabel);
...}

}

и дневной обзор

        private class DayLayout : StackLayout
    {
        public delegate void OnClickedDelegate(DateTime dateOfClickedDay);
        public event OnClickedDelegate OnClicked;

        public Label DayNumber;

        public DayLayout(DateTime day)
        {
            GestureRecognizers.Add
            (
                new TapGestureRecognizer
                {
                    Command = new Command(() => OnClicked(day))
                }
            );

            var dayNumber = new Label
            {
                HorizontalTextAlignment = TextAlignment.End,
                VerticalTextAlignment = TextAlignment.Start,
                Text = day.ToString("dd"),
                FontSize = Device.GetNamedSize(NamedSize.Micro, typeof(Label)),
                FontAttributes = FontAttributes.Bold
            };

            DayNumber = dayNumber;
            this.Children.Add(DayNumber);
        }
    }

Answer 2

вы можете добавить GestureRecognizer в Grid и затем связать событие касания.

Ex кода кнопки (теперь ContentView):

            class DayButton : ContentView
        {
            public string EventDate;
            public string EventStartTime;
            public string EventEndTime;
            public string EventShift;
            public string EventName;
            public string EventDescription;
            public Grid insideGrid;

            public event EventHandler Clicked;

            private TapGestureRecognizer _buttonTap;
            private Lable _ButtonText;

            public DayButton()
            {
                _ButtonText = new Lable 
                { 
                      Text = EventName
                }

                insideGrid = new Grid
            {
                VerticalOptions = LayoutOptions.FillAndExpand,
                HorizontalOptions = LayoutOptions.FillAndExpand,
                RowSpacing = 0,

                RowDefinitions =
                {
                    new RowDefinition {Height = GridLength.Auto} //0
                },
                ColumnDefinitions =
                {
                    new ColumnDefinition {Width = GridLength.Star} //0
                }
            };

               //Add your elements to the grid
               insideGrid.Children.Add(_ButtonText, 0, 1, 0, 1)

               //Set the grid as the content of this view
               Content = insideGrid;



                _buttonTap = new TapGestureRecognizer();
                this.GestureRecognizers.Add(_buttonTap);
                _buttonTap.Tapped += ButtonClicked;
            }
        }

            private async void ButtonClicked(object sender, EventArgs e)
            {
                if (this.IsEnabled)
                {
                    Clicked?.Invoke(this, e);
                }

            }

Затем вы можете привязать событие «Clicked», где вы реализуете кнопку.

private DayButton _btn1 = new DayButton(){ EventName = "FooBaar"};

protected override void OnAppearing()
{
   _btn1.Clicked += OnDayBtnClicked;
   base.OnAppearing();
}

protected override void OnDisappearing()
{
   _btn1.Clicked -= OnDayBtnClicked;
   base.OnDisappearing();
}

private void OnDayBtnClicked(object sender, EventArgs e)
{
     //What to do when a button is clicked
}