Xamarin Forms iOS：如何处理CollectionViewCell内控件的点击事件

Hey Koushik, let's work through that button click issue in your custom FastGridCell for the CollectionView. I've got a couple of reliable approaches to fix this, especially addressing the iOS-specific quirks you're running into.

This is the cleanest approach for Xamarin Forms, since it aligns with MVVM patterns and avoids messy event subscription/unsubscription that can cause memory leaks or iOS-specific reuse issues.

Step 1: Add a Command to your data model #

First, update your news item model (let's assume it's called NewsItem) to include an ICommand for the share action. This lets you encapsulate the share logic directly with the data it relates to:

public class NewsItem : INotifyPropertyChanged
{
    // Your existing properties (Title, Content, etc.)
    public string Title { get; set; }
    public string Content { get; set; }

    public ICommand ShareCommand { get; private set; }

    public NewsItem()
    {
        ShareCommand = new Command(() =>
        {
            // Trigger your share dialog here
            Application.Current.MainPage.DisplayAlert("Share", $"Preparing to share: {Title}", "OK");
            
            // If you need native iOS sharing (like UIActivityViewController), skip to the extra tip below
        });
    }

    // Implement INotifyPropertyChanged as needed...
}

Step 2: Bind the Command to your cell's Button #

In your ItemCustomcell setup, bind the Button's Command property to the ShareCommand on the cell's binding context (which will be a single NewsItem):

public class ItemCustomcell : FastGridCell
{
    protected override void InitializeCell()
    {
        base.InitializeCell();

        // Create your share button
        var shareBtn = new Button
        {
            ImageSource = "share_icon.png", // Replace with your icon
            HorizontalOptions = LayoutOptions.End
        };

        // Bind the command to the NewsItem's ShareCommand
        shareBtn.SetBinding(Button.CommandProperty, nameof(NewsItem.ShareCommand));

        // Create your title label
        var titleLabel = new Label();
        titleLabel.SetBinding(Label.TextProperty, nameof(NewsItem.Title));

        // Build your RelativeLayout
        var layout = new RelativeLayout();
        layout.Children.Add(titleLabel, 
            Constraint.Constant(8),
            Constraint.Constant(8),
            Constraint.RelativeToParent(parent => parent.Width - 60)); // Leave space for the button
        layout.Children.Add(shareBtn,
            Constraint.RelativeToParent(parent => parent.Width - 52),
            Constraint.Constant(8),
            Constraint.Constant(44));

        View = layout;
    }
}

This method works seamlessly across iOS and Android, and avoids issues with cell reuse because the binding updates automatically when the cell's binding context changes.

If you'd rather use direct click events, you can wire up the Button's Clicked event, but you need to handle cell reuse carefully (critical for iOS):

public class ItemCustomcell : FastGridCell
{
    private Button _shareBtn;
    private NewsItem _currentNewsItem;

    protected override void InitializeCell()
    {
        base.InitializeCell();

        _shareBtn = new Button
        {
            ImageSource = "share_icon.png"
        };
        _shareBtn.Clicked += OnShareButtonClicked;

        var titleLabel = new Label();
        titleLabel.SetBinding(Label.TextProperty, nameof(NewsItem.Title));

        // Build your layout as before...
        var layout = new RelativeLayout();
        layout.Children.Add(titleLabel, ...);
        layout.Children.Add(_shareBtn, ...);

        View = layout;
    }

    protected override void PrepareCell(BindingContextChangedEventArgs e)
    {
        base.PrepareCell(e);
        // Update the current news item when the cell is reused
        _currentNewsItem = BindingContext as NewsItem;
    }

    private void OnShareButtonClicked(object sender, EventArgs e)
    {
        if (_currentNewsItem == null) return;
        
        // Handle share logic here
        Application.Current.MainPage.DisplayAlert("Share", $"Sharing: {_currentNewsItem.Title}", "OK");
    }

    // Clean up the event to avoid memory leaks
    protected override void Dispose(bool disposing)
    {
        if (disposing)
        {
            _shareBtn.Clicked -= OnShareButtonClicked;
        }
        base.Dispose(disposing);
    }
}

If you're still hitting issues on iOS, check these common pitfalls:

• Cell Reuse: Ensure you're updating the cell's state in PrepareCell (not just InitializeCell)—iOS reuses CollectionView cells aggressively, so old data/events can stick around.
• Button Interactivity: Verify your Button isn't covered by another control (set a temporary BackgroundColor to check its position) and that IsEnabled is true and InputTransparent is false.
• FastGridCell Overrides: Some FastGridCell implementations override touch handling—check if the cell has an OnTouch or similar method that's blocking the Button's click event. If so, adjust it to pass touch events through to child controls.

If you want to use the native iOS share sheet (UIActivityViewController), use Xamarin Forms' DependencyService to call native code from your command:

// Shared interface
public interface IShareService
{
    void ShareNews(string title, string content);
}

// iOS implementation (in your iOS project)
[assembly: Dependency(typeof(iOSShareService))]
namespace YourApp.iOS
{
    public class iOSShareService : IShareService
    {
        public void ShareNews(string title, string content)
        {
            var shareItems = new NSObject[] { new NSString($"Check out this news: {title}\n\n{content}") };
            var activityVC = new UIActivityViewController(shareItems, null);

            // Get the current view controller
            var currentVC = UIApplication.SharedApplication.KeyWindow.RootViewController;
            while (currentVC.PresentedViewController != null)
            {
                currentVC = currentVC.PresentedViewController;
            }

            currentVC.PresentViewController(activityVC, true, null);
        }
    }
}

// Call it from your NewsItem's command
ShareCommand = new Command(() =>
{
    DependencyService.Get<IShareService>().ShareNews(Title, Content);
});

内容的提问来源于stack exchange，提问作者Koushik