如何在 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

我决定关闭按钮并将其更改为堆栈布局（恶心！），并为此堆栈布局添加带有事件的新标签！soo 代码如下所示：

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

}