Click On Viewpager Xamarin Android

I am new to Xamarin Android Development.I have created Image slider using ViewPager.Now I want click on image of that ViewPager.How can I implement that ? I have tried this but no

Solution 1:

Just implement onclick listener for imageview in viewpager's adapter if you have only image slider.

Edit: full source of imagesliderviewpager that downloads images from web.

publicclassImageSliderAdapter : PagerAdapter
    {
        Context _context;
        List<string> _imageUrls;

        publicImageSliderAdapter (Context context, List<string> imageUrls)
        {
            _imageUrls = imageUrls;
            _context = context;
        }

        publicoverrideboolIsViewFromObject (Android.Views.View view, Java.Lang.Object @object)
        {
            return view == ((LinearLayout)@object);
        }

        publicoverrideint Count {
            get {
                return _imageUrls.Count;
            }
        }

        publicoverridevoidDestroyItem (ViewGroup container, int position, Java.Lang.Object objectValue)
        {
        }

        publicoverride Java.Lang.Object InstantiateItem (ViewGroup container, int position)
        {

            View view = container;
            var inflater = _context.GetSystemService (Context.LayoutInflaterService) as LayoutInflater;
            view = inflater.Inflate (Resource.Layout.image_slider_item, null);
            var child = view.FindViewById<ImageView> (Resource.Id.image_slider_item);
            child.Click += (o, e) =>
            {
                //your code here
            };

            Bitmap image = null;
            Task.Run (() => {
                URL url = new URL (_imageUrls [position]);
                image = BitmapFactory.DecodeStream (url.OpenConnection ().InputStream);
            }).ContinueWith (t => {
                (_context as MainView).RunOnUiThread (() => {
                    child.SetImageBitmap (image);
                });
            });

            container.AddView (view);
            return view;
        }
    }

in activity:

var imageViewer = FindViewById<ViewPager> (Resource.Id.pager);
            imageViewer.Adapter = new ImageSliderAdapter (this, imageUrls);

Solution 2:

You can use like this

publicclassTourPagerAdapter : PagerAdapter
   {
       private Context mContext;
        LayoutInflater mLayoutInflater;

        publicTourPagerAdapter(Context context)
        {
            mContext = context;
            mLayoutInflater = (LayoutInflater)mContext.GetSystemService(Context.LayoutInflaterService);
        }

        publicoverride Java.Lang.Object InstantiateItem(ViewGroup container, int position)
        {
            View itemView = mLayoutInflater.Inflate(Resource.Layout.TourItemLayout, container, false);
            ImageView imageView = itemView.FindViewById<ImageView>(Resource.Id.TextTour);

            if (position == 0)
            {
                imageView.SetImageResource(Resource.Drawable.Tour1Text);

            }
            elseif (position == 1)
            {
                imageView.SetImageResource(Resource.Drawable.Tour2Text);

            }
            else
            {
                imageView.SetImageResource(Resource.Drawable.Tour3Text);

            }

            imageView.Click+=delegate {

                 //Your code
            };

            container.AddView(itemView);
            return itemView;
        }

        publicoverrideint Count => 3;

        publicoverrideboolIsViewFromObject(View view, Java.Lang.Object @object)
        {
            return view == @object;
        }

        publicoverridevoidDestroyItem(ViewGroup container, int position, Java.Lang.Object @object)
        {
            container.RemoveView((View)@object);
        }
    }