logo标签列表

如何在ViewPager中设置OnClickListener

androidbuttonandroid-viewpageronclicklistener
4
我是新手Android开发者，正在学习编码和设计一个Android项目。我遇到了ViewPager的问题，在这个网站或Google搜索中找不到答案。
问题： 当Button位于ViewPager中时，我无法使其执行操作。
您可以在这里查看我的项目和apk文件：https://dl.dropbox.com/u/9820517/ForOneTimeDownload/TestPagerView.rar 以下是我的PagerDemo.java代码：
 public class PagerDemo extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_pager_demo);

        myPagerAdapter adapter = new myPagerAdapter();
        ViewPager myPager = (ViewPager) findViewById(R.id.myfivepanelpager);
        myPager.setAdapter(adapter);
        myPager.setCurrentItem(2);

        SetAllBtnFunc();
    }

    public void SetAllBtnFunc() {
        //all func
        View.OnTouchListener touch = new View.OnTouchListener() {

                public boolean onTouch(View v, MotionEvent event) {
                    // TODO Auto-generated method stub
                    Log.d("hlv_trinh", "Button be Touched!");
                    return false;
                }
            };

            View.OnClickListener click = new View.OnClickListener() {

                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    Log.d("hlv_trinh", "Button be Clicked!");
                }
            };

        //Get view
        View v = getLayoutInflater().inflate(R.layout.middle, null);

        Button b = (Button) v.findViewById(R.id.myBtn);
        b.setOnClickListener(click);
        b.setOnTouchListener(touch);
        }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_pager_demo, menu);
        return true;
    }
    private class myPagerAdapter extends PagerAdapter {

        public int getCount() {
            return 5;
        }

        public Object instantiateItem(View collection, int position) {

            LayoutInflater inflater = (LayoutInflater) collection.getContext()
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            int resId = 0;
            switch (position) {
            case 0:
                resId = R.layout.farleft;
                break;
            case 1:
                resId = R.layout.left;
                break;
            case 2:
                resId = R.layout.middle;
                break;
            case 3:
                resId = R.layout.right;
                break;
            case 4:
                resId = R.layout.farright;
                break;
            }

            View view = inflater.inflate(resId, null);

            ((ViewPager) collection).addView(view, 0);

            return view;
        }

        @Override
        public void destroyItem(View arg0, int arg1, Object arg2) {
            ((ViewPager) arg0).removeView((View) arg2);

        }


        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == ((View) arg1);

        }

        @Override
        public Parcelable saveState() {
            return null;
        }
    }
    }

这里是我的布局内容：

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Middle"
        android:textSize="30dp" >
    </TextView>

    <Button
        android:id="@+id/myBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Test Click" />
</LinearLayout>
非常感谢Aneal的编辑^^ - hlv_trinh
6个回答
7

以下是简单的解决方案。
在您的布局XML中，对于按钮标签，设置android:onClick="AnyName"，然后在您的PagerDemo.java文件中添加：

public void AnyName(View v) {
    // Do your stuff
}

这将在ViewPager中设置onClickListener。

1
翻译：对于像我这样的人，请注意：这意味着真正做你需要做的事情，不要陷入findViewById和setOnClickListener的疯狂中。 - Inoy
2
尽管在2021年已经太晚了，但我认为分享这篇文章是最简单和最容易的方法：
public class ViewPagerAdapter extends PagerAdapter {

    private Context context;
    private String[] imageUrls;

    public ViewPagerAdapter(Context context, String[] imageUrls) {
        this.context = context;
        this.imageUrls = imageUrls;
    }

    @Override
    public int getCount() {
        return imageUrls.length;
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        Glide.with(context)
                .load(imageUrls[position])
                .thumbnail(Glide.with(context).load(R.drawable.loading))
                .dontAnimate()
                .centerCrop()
                .into(imageView);

        container.addView(imageView);

        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(position == 0) {
                    Toast.makeText(context, "One", Toast.LENGTH_SHORT).show();
                } else if(position == 1) {
                    Toast.makeText(context, "Two", Toast.LENGTH_SHORT).show();
                } else if(position == 2) {
                    Toast.makeText(context, "Three", Toast.LENGTH_SHORT).show();
                }
            }
        });

        return imageView;
    }

在这里，我们只需要从实例化的Adapter项中访问ImageView的位置。

感谢 @mustangDC - Shashi Shiva L
1

我按照以下方式解决了这个问题

您必须先实现ClickableViewPager

package ai.units;

import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;

import androidx.viewpager.widget.ViewPager;

public class ClickableViewPager extends ViewPager {

  private OnItemClickListener mOnItemClickListener;

  public ClickableViewPager(Context context) {
    super(context);
    setup();
  }

  public ClickableViewPager(Context context, AttributeSet attrs) {
    super(context, attrs);
    setup();
  }

  private void setup() {
    final GestureDetector tapGestureDetector = new    GestureDetector(getContext(), new TapGestureListener());

    setOnTouchListener(new OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        tapGestureDetector.onTouchEvent(event);
        return false;
      }
    });
  }

  public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
    mOnItemClickListener = onItemClickListener;
  }

  public interface OnItemClickListener {
    void onItemClick(int position);
  }

  private class TapGestureListener extends GestureDetector.SimpleOnGestureListener {

    @Override
    public boolean onSingleTapConfirmed(MotionEvent e) {
      if(mOnItemClickListener != null) {
        mOnItemClickListener.onItemClick(getCurrentItem());
      }
      return true;
    }
  }
}

然后在 XML 中像这样：

  <ai.units.ClickableViewPager
   android:id="@+id/viewPager"
   android:layout_width="match_parent"
   android:layout_height="match_parent" />

现在您可以使用setOnItemClickListener方法。
viewPager.setOnItemClickListener(new ClickableViewPager.OnItemClickListener() {
     @Override
     public void onItemClick(int position) {
       Log.i(TAG, "onItemClick: position = "+position);
     }
   });

注意

ai.units. 是我的软件包的名称，您需要将其与自己的软件包一起移动

已从那里获取答案的主链接

1
我发现了一个关于View Pager的巧妙解决方案。由于View Pager没有任何点击事件，您可以尝试在View Pager的子项上设置点击事件。我的意思是在每个页面的根元素上设置On Click监听器。这肯定会起作用。
0

View Pager点击事件位置 像您的侧边栏3个片段和点击位置事件不同的API或任何调用方法，然后使用我的代码。

viewPager = findViewById(R.id.viewPagerTab);
tabLayout = findViewById(R.id.tabLayout);

TabViewPagerAdapter viewPagerAdapter = new TabViewPagerAdapter(getSupportFragmentManager(), this);
    viewPagerAdapter.addFrag(HomeFragment.newInstance(), null, "Home", 0);
    viewPagerAdapter.addFrag(LiveCallsFragment.newInstance(), null, "Live Calls", 1);
    viewPagerAdapter.addFrag(CallDetailsFragment.newInstance(), null, "Call Details", 2);


viewPager.setAdapter(viewPagerAdapter);

viewPager.setOffscreenPageLimit(viewPagerAdapter.getCount() - 1);

tabLayout.setupWithViewPager(viewPager);

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            if (position == 2){
                chePassWordApi();
               // Toast.makeText(HomeActivity.this, " Rahul call", Toast.LENGTH_SHORT).show();
            }
        }

        @Override
        public void onPageSelected(int position) {
            if (position == 0){
                chePassWordApi();
               // Toast.makeText(HomeActivity.this, " Rahul Home", Toast.LENGTH_SHORT).show();
            }else if (position == 1){
                chePassWordApi();
               // Toast.makeText(HomeActivity.this, "Rahul Live", Toast.LENGTH_SHORT).show();
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });
0
viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageSelected(int Position) {
            position=Position;
        }
 });

您可以使用任何视图进行点击，而无需使用 viewpager，并通过使用视图页的选择位置转到详细信息

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接