如何使用 tapGesture (Xamarin.Forms) 从应用程序中的多个标签中删除选定的标签

Question

我有一个按钮，每次点击时都会创建一个标签，假设我点击了 10 次，所以现在我创建了 10 个标签。如何删除我点击的随机标签？

PS: my labels are added to a stackLayout

我的应用程序的想法是创建一个待办事项列表。我有一个输入框和一个按钮。我在输入框中输入我想要执行的操作，然后单击按钮并创建一个标签，我刚刚输入该标签。当我完成某件事后，我想点击特定标签并将其删除，这怎么可能。有什么帮助吗？

代码：

var entry = new Entry();
entry.Placeholder = "type here";
entry.BackgroundColor = Color.White;
entry.PlaceholderColor = Color.Gray;
var newButton = new Button { Text = "+", BackgroundColor = Color.Purple, FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Button)), };
StackLayout stackLayout = new StackLayout();
stackLayout.Children.Add(entry);
stackLayout.Children.Add(newButton);
this.Content = stackLayout;

var tapGestureRecognizer = new TapGestureRecognizer();
tapGestureRecognizer.Tapped += labelClick;
newButton.Clicked += (sender, args) => { label = new Label();
label.BackgroundColor = Color.White;
label.TextColor = Color.Black;
label.Text = entry.Text;
entry.Text = "";
stackLayout.Children.Add(label);
label.GestureRecognizers.Add(tapGestureRecognizer);    

Answer 1

嗯，我不知道你的代码是怎样的，这使得回答你的问题有点困难，但这里有一个想法：

如果您使用的是 MVVM 方法（我推荐），您可以使用此标签创建一个视图，将其绑定到具有待办事项数据（Id、名称、详细信息...）的 ViewModel，添加 TapGesture并在 ViewModel 中采取行动。

编辑：

不是最好的方法，也不是我会做的方法。但这是基于您的来源的解决方案：

    public MainPage()
    {
        var entry = new Entry();
        entry.Placeholder = "type here";
        entry.BackgroundColor = Color.White;
        entry.PlaceholderColor = Color.Gray;
        var newButton = new Button { Text = "+", BackgroundColor = Color.Purple, FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Button)), };
        StackLayout stackLayout = new StackLayout();
        stackLayout.Children.Add(entry);
        stackLayout.Children.Add(newButton);
        this.Content = stackLayout;

        newButton.Clicked += (sender, args) =>
        {
            var label = new Label();
            label.BackgroundColor = Color.White;
            label.TextColor = Color.Black;
            label.Text = entry.Text;
            entry.Text = "";
            stackLayout.Children.Add(label);

            var tapGestureRecognizer = new TapGestureRecognizer();
            tapGestureRecognizer.Tapped += (sensder, e) => DeleteLabel(stackLayout, label);

            label.GestureRecognizers.Add(tapGestureRecognizer);
        };
    }

    void DeleteLabel(StackLayout stackLayout, Label label)
    {
        stackLayout.Children.Remove(label);
    }