Xamarin Forms :点击Listview图片全屏显示

// MainPage.xaml
<ListView x:Name="myListView">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal">
                    <Image Source="{Binding ImageUrl}" WidthRequest="100" HeightRequest="100" />
                    <Label Text="{Binding Title}" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

// MainPage.xaml.cs
private void OnItemTapped(object sender, ItemTappedEventArgs e)
{
    var selectedItem = e.Item as MyDataModel; // MyDataModel是你的数据模型类，包含了图片数据和其他属性
    Navigation.PushAsync(new FullScreenImagePage(selectedItem.ImageUrl));
}

// FullScreenImagePage.xaml
<ContentPage>
    <Image Source="{Binding FullScreenImageUrl}" Aspect="AspectFit" />
</ContentPage>

// FullScreenImagePage.xaml.cs
public FullScreenImagePage(string imageUrl)
{
    InitializeComponent();
    BindingContext = new FullScreenImageViewModel(imageUrl);
}

public class FullScreenImageViewModel : INotifyPropertyChanged
{
    private string _fullScreenImageUrl;

    public string FullScreenImageUrl
    {
        get { return _fullScreenImageUrl; }
        set
        {
            _fullScreenImageUrl = value;
            OnPropertyChanged(nameof(FullScreenImageUrl));
        }
    }

    public FullScreenImageViewModel(string imageUrl)
    {
        FullScreenImageUrl = imageUrl;
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}