package com.gaoo.apptab;
/**
* ViewPager 实现tab
*
* 代码中存在一个小问题: 点击底部导航栏时,点击下面的文字没有问题可以正常切换,而点击标签文字上方的图片就不能实现正常切换了,这是为什么?
* 因为我们在底部导航栏 4个 LinearLayout 布局中 图片的展示的控件是 ImageButton ,而它本身具备消费点击事件的能力,自己把点击事件消费掉了,
* 而我们这里的ImageButton 没有实现点击事件,所以就不能切换.
* 从而导致最外层的 LinearLayout 不能响应点击事件.
*
* 我们该怎么解决呢? 只要在 ImageButton控件 设置属性 android:clickable="false",
* 让它不能点击不去消费事件,把点击事件的消费者变成 LinearLayout 即可.
*
*/
public class MainActivity extends Activity implements View.OnClickListener {
private ViewPager mViewPager;
private PagerAdapter mAdapter;
private List<View> mViewList = new ArrayList<>();
//导航栏 tab
private LinearLayout mTabWeixin;
private LinearLayout mTabFriend;
private LinearLayout mTabAddress;
private LinearLayout mTabSetting;
private ImageButton mWeixinImg;
private ImageButton mFriendImg;
private ImageButton mAddressImg;
private ImageButton mSettingImg;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
initView(); //初始化控件
initEvents(); //初始化事件
}
private void initEvents() {
mTabWeixin.setOnClickListener(this);
mTabFriend.setOnClickListener(this);
mTabAddress.setOnClickListener(this);
mTabSetting.setOnClickListener(this);
//mViewPager.setOnPageChangeListener(); 该方法已经废弃, 用下面的方法 代替
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
int currentItem = mViewPager.getCurrentItem(); //获取当前显示页面
resetImg(); //重置所有的状态 为灰色(为选中状态)
switch (position){
case 0:
mWeixinImg.setImageResource(R.drawable.tab_weixin_pressed);
break;
case 1:
mFriendImg.setImageResource(R.drawable.tab_find_frd_pressed);
break;
case 2:
mAddressImg.setImageResource(R.drawable.tab_address_pressed);
break;
case 3:
mSettingImg.setImageResource(R.drawable.tab_settings_pressed);
break;
}
}
@Override
ViewPager 切换页面
最新推荐文章于 2023-07-02 08:00:00 发布