Xamarin：CollectionView列觸發不同的操作

我在 XAML 中有這個：

<CollectionView ItemsSource="{Binding Accepted}" 
                            SelectionMode="Single" SelectionChanged="OnAcceptedSelected">
         <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <StackLayout>
                            <Label Text="{Binding friendlyname}"/>
                        </StackLayout>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
         </CollectionView>

這是 OnClick 處理程式：

async void OnAcceptedSelected(object sender, SelectionChangedEventArgs e) {
            MyItem selectedMI = e.CurrentSelection.FirstOrDefault() as MyItem; 
            // do something
        }

我希望能夠根據用戶單擊的列對 selectedMI 執行不同的操作，如下所示：

<CollectionView ItemsSource="{Binding Accepted}" 
                            SelectionMode="Single" SelectionChanged="OnAcceptedSelected">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <StackLayout>
                            <Label Text="{Binding friendlyname}"/>
                            <Label x:Name="Action_A" />
                            <Label x:Name="Action_B" />
                        </StackLayout>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>

這樣我就可以做這樣的事情：

async void OnAcceptedSelected(object sender, SelectionChangedEventArgs e) {
            MyItem selectedMI = e.CurrentSelection.FirstOrDefault() as MyItem;
            // if clicked on Action_A do something and
            // if clicked on Action_B do something else
        }

Xamarin 似乎沒有提供一種明顯的方法來做到這一點。任何想法如何實作此功能？謝謝。

uj5u.com熱心網友回復：

給 Label 添加手勢是一個不錯的選擇。

我寫了一個小例子供您參考。

CollectionView的每一行都添加了兩個標簽，分別系結了兩個事件。點擊不同的標簽會進入兩種不同的方法，可以在方法內部得到你點擊的標簽的資訊。

這是xaml代碼：

<CollectionView ItemsSource="{Binding Accepted}" >
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout>
                <Label  Text="{Binding .}" BackgroundColor="Red" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer Tapped="tapCommand"/>
                    </Label.GestureRecognizers>
                </Label>
                <Label  Text="{Binding .}" BackgroundColor="blue" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer Tapped="tapCommand1"/>
                    </Label.GestureRecognizers>
                </Label>
            </StackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

下面是后臺代碼：

public partial class MainPage : ContentPage
{
    public ObservableCollection<string> Accepted { get; set; }
    public MainPage()
    {
        Accepted = new ObservableCollection<string>();
        Accepted.Add("aaa");
        Accepted.Add("bbb");
        Accepted.Add("ccc");//Simulation data
        InitializeComponent();
        BindingContext = this;
    }
    private void tapCommand(object sender, EventArgs e)//event1
    {
        string res = (sender as Label).Text;
    }

    private void tapCommand1(object sender, EventArgs e)//event2
    {
        string res = (sender as Label).Text;
    }
}

標籤：沙马林 收藏视图

上一篇：XamarinForms：入門數學分數

下一篇：Xamarin.ios上的新頁面