阿凡达图像可点击并在屏幕上显示Xamarin.Forms

Question

我想让我的头像图像在圆圈中可点击。点击后，它必须像FB一样显示在屏幕上。那么我如何在我的代码中实现这个呢？

        listView.Header = "";
        listView.HeaderTemplate = new DataTemplate(() =>
        {
            var avatarLayout = new StackLayout()
            {
                HeightRequest = 350,
            };

            var grid = new Grid();
            grid.HeightRequest = 400;
            grid.BackgroundColor = Color.White;

            grid.RowDefinitions.Add(new RowDefinition());
            grid.RowDefinitions.Add(new RowDefinition());

            var bgrImg = new Image();
            bgrImg.Aspect = Aspect.Fill;
            bgrImg.Source = ImageSource.FromFile("abstract_background.jpg");

            var avImg = new CircleImage();
            avImg.VerticalOptions = new LayoutOptions(LayoutAlignment.Center, false);
            avImg.Source = ImageSource.FromFile("about_background.png");

            grid.Children.Add(bgrImg, 0, 0);
            grid.Children.Add(avImg);
            Grid.SetRowSpan(avImg, 2);
            avatarLayout.Children.Add(grid);

我的例子 avatar

Answer 1

您可以使用GestureRecognizer

设置元素

var tapGestureRecognizer = new TapGestureRecognizer();
tapGestureRecognizer.Tapped += (s, e) => {
    // handle the tap
};
image.GestureRecognizers.Add(tapGestureRecognizer);