CarouselViewには、listviewのように選択されたitemに関するイベントハンドラーがありますか

debugcn 投稿 Dev

user14818846

<ContentPage.ToolbarItems>
    <ToolbarItem Clicked="ToolbarItem_Clicked"
                 Text="+ Search "
                 >

    </ToolbarItem>
</ContentPage.ToolbarItems>

<StackLayout>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
    </Grid>
    
    
    <StackLayout Grid.Row="0" >
        <CarouselView x:Name="carouselview" 
                      PeekAreaInsets="50"
                      >
            <CarouselView.ItemsLayout>
                <LinearItemsLayout Orientation="Horizontal"
                       ItemSpacing="20"
                        />
            </CarouselView.ItemsLayout>
            <CarouselView.ItemTemplate>
            <DataTemplate>
                <StackLayout>
                    <Frame HasShadow="True"
                   BorderColor="DarkGray"
                   CornerRadius="5"
                   Margin="20"
                   HeightRequest="500"
                   WidthRequest="500"
                   HorizontalOptions="Center"
                   VerticalOptions="CenterAndExpand">
                        <StackLayout>
                            <Label Text="{Binding NameProduct}"
                           FontAttributes="Bold"
                           FontSize="Large"
                           HorizontalOptions="Center"
                           VerticalOptions="Center" />
                            <Image Source="xamarinremovebg.png"
                           Aspect="AspectFill"
                           HeightRequest="150"
                           WidthRequest="150"
                           HorizontalOptions="Center" />
                            
                        </StackLayout>
                    </Frame>
                </StackLayout>
            </DataTemplate>
        </CarouselView.ItemTemplate>
    </CarouselView>
    </StackLayout>
</StackLayout>

これは、CarouselViewでitemselectedイベントを使用したいコードです。listviewで選択されたアイテムを意味しますが、CarouselViewには何もありません。CarouselViewでitem1をクリックすると、item1の詳細ページに移動します。ありがとうございます。私を助けてくれて。

LucasZhang-MSFT

ListViewのようなデフォルトのイベントはありません。ただし、回避策としてDataTemplateにTapGestureRecognizerを追加することもできます。

xamlで

1.ContentPageの名前を設定します

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="xxx.MainPage"
             x:Name="page"  
             >

TapGestureRecognizerを追加します

<DataTemplate>
   <StackLayout>
             
      <StackLayout.GestureRecognizers>
              <TapGestureRecognizer Command="{Binding ItemSelectedCommand,Source={x:Reference page}}" CommandParameter="{Binding .}"/>
      </StackLayout.GestureRecognizers> 
   
      <Frame>
           //...
      </Frame>
    </StackLayout>
</DataTemplate>

ViewModelで

public ICommand ItemSelectedCommand{ get; set; }

コンストラクター内：

ItemSelectedCommand= new Command((item)=>{

   // item here is type of the model in the ItemSource of CarouselView
   // var model = item as yourmodel


});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]