android中viewpager的滑动和点击事件,Android导航中Fragment里实现ViewPager滑动和RadioButton单击事件...

最新推荐文章于 2021-05-28 23:32:59 发布
最新推荐文章于 2021-05-28 23:32:59 发布
阅读量875 收藏 1
点赞数
文章标签： android中viewpager的滑动和点击事件

一、首先写好XML导航页布局，没有布局，怎么看效果，俗话说的好：有图有真相！

1、导航页布局，代码中RadioButton中有2自定义选择器，点击换图和点击文字变色

android:id="@+id/activity_main_ll"

android:layout_width="match_parent"

android:layout_height="match_parent"

>

android:id="@+id/main_llayout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@+id/activity_v"

android:layout_alignParentTop="true"

android:orientation="vertical" >

android:layout_above="@+id/activity_main_rg"

android:layout_width="match_parent"

android:layout_height="1dp"

android:background="#c8c7cc"/>

android:id="@+id/activity_main_rg"

android:layout_width="match_parent"

android:layout_height="75dp"

android:layout_alignParentBottom="true"

android:orientation="horizontal" >

android:id="@+id/activity_main_eat_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_gravity="center"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/bg_main_radiogroup_eatcolor"

android:gravity="center"

android:text="吃"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="15sp" />

android:id="@+id/activity_main_food_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_gravity="center"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/bg_main_radiogroup_foodcolor"

android:gravity="center"

android:text="食物"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="15sp" />

android:id="@+id/activity_main_shop_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_gravity="center"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/bg_main_radiogroup_shopcolor"

android:gravity="center"

android:text="商店"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="15sp" />

android:id="@+id/activity_main_my_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_gravity="center"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/bg_main_radiogroup_mycolor"

android:gravity="center"

android:text="我的"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="15sp" />

2、再来写导航中第一个Fragment---吃

android:id="@+id/eat_rlayout"

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

>

android:id="@+id/fragment_eat_rl1"

android:layout_width="match_parent"

android:layout_height="75dp" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

android:layout_marginLeft="25dp"

android:src="@drawable/ic_home_search" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:gravity="center"

android:text="各种美味"

android:textColor="#ff5a5f"

android:textSize="30sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_marginRight="25dp"

android:src="@drawable/ic_home_camera" />

android:id="@+id/fragment_eat_v1"

android:layout_below="@+id/fragment_eat_rl1"

android:layout_width="match_parent"

android:layout_height="1dp"

android:background="#c8c7cc" />

android:id="@+id/fragment_eat_rg"

android:layout_below="@+id/fragment_eat_v1"

android:layout_width="match_parent"

android:layout_height="64dp"

android:orientation="horizontal" >

android:id="@+id/fragment_eat_home_page_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:checked="true"

android:gravity="center"

android:text="首页"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="20sp" />

android:id="@+id/fragment_eat_appraisal_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:gravity="center"

android:text="评价"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="20sp" />

android:id="@+id/fragment_eat_knowledge_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:gravity="center"

android:text="知识"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="20sp" />

android:id="@+id/fragment_eat_cate_rbtn"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:gravity="center"

android:text="美味"

android:textColor="@drawable/bg_eat_radiogroup_textcolor"

android:textSize="20sp" />

android:id="@+id/fragment_eat_v2"

android:layout_below="@+id/fragment_eat_rg"

android:layout_width="match_parent"

android:layout_height="1dp"

android:background="#c8c7cc" />

android:layout_below="@+id/fragment_eat_v2"

android:id="@+id/pager"

android:layout_width="match_parent"

android:layout_height="wrap_content"

>

3、XML布局最后一步，ViewPager中的4个碎片布局

(1)

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="首页"/>

(2)

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="评价"/>

(3)

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="知识"/>

(4)

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="美味"/>

二、写了这么多，烦了么，重点才刚刚开始，src文件中的逻辑

1、绑定ViewPager中的4个碎片布局，建议新建一个Fragment包，其他真心不想多说，自己看着办吧。。。。。。

2、绑定导航中第一个Fragment---吃，里面的逻辑需要说说，直接上代码吧！(自己导包，有V4的导V4)

public class EatFragment extends Fragment {

private ViewPager vp;

private List list;

private EatPagerAadapter adapter;

private RadioGroup rg;

private RadioButton rb1, rb2, rb3, rb4;

private Context context;

Fragment honePage, appraisal, knowledge, cate;

@Override

public void onAttach(Activity activity) {

super.onAttach(activity);

context = activity;

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.fragment_eat, null);

initView(view);

list = new ArrayList();

list.add(new EatHomePageFragment());

list.add(new EatAppraisalFragment());

list.add(new EatKnowledgeFragment());

list.add(new EatCateFragment());

adapter = new EatPagerAadapter(getChildFragmentManager(), list,

getActivity());

vp.setAdapter(adapter);

addListener();

return view;

}

private void addListener() {

vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageSelected(int arg0) {

Log.e("onPageSelected", "----" + arg0);

switch (arg0) {

case 0:

rb1.setChecked(true);

break;

case 1:

rb2.setChecked(true);

break;

case 2:

rb3.setChecked(true);

break;

case 3:

rb4.setChecked(true);

break;

}

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

});

rb1.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

vp.setCurrentItem(0);

}

});

rb2.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

vp.setCurrentItem(1);

}

});

rb3.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

vp.setCurrentItem(2);

}

});

rb4.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

vp.setCurrentItem(3);

}

});

}

private void initView(View view) {

vp = (ViewPager) view.findViewById(R.id.pager);

rg = (RadioGroup) view.findViewById(R.id.fragment_eat_rg);

rb1 = (RadioButton) view.findViewById(R.id.fragment_eat_home_page_rbtn);

rb2 = (RadioButton) view.findViewById(R.id.fragment_eat_appraisal_rbtn);

rb3 = (RadioButton) view.findViewById(R.id.fragment_eat_knowledge_rbtn);

rb4 = (RadioButton) view.findViewById(R.id.fragment_eat_cate_rbtn);

}

}

3、是不是还有报错，适配器写了么？(建议新建个“adapter“包)包还是自己导，有V4的导V4

public class EatPagerAadapter extends FragmentPagerAdapter{

private Context context;

private List list;

public EatPagerAadapter(FragmentManager fm) {

super(fm);

}

public EatPagerAadapter(FragmentManager fm,List list,Context context){

super(fm);

this.list=list;

this.context=context;

}

@Override

public Fragment getItem(int arg0) {

return list==null?null:list.get(arg0);

}

@Override

public int getCount() {

return list==null?0:list.size();}

}

4、所有准备工作就绪，最后在导航页主类中加个单击事件就OK了

public class MainActivity extends FragmentActivity implements OnClickListener{

private RadioButton mEatBtn,mFoodBtn,mShopBtn,mMyBtn;//后面三个按钮只做声明、初始化和绑定监听，单击事件参考第一个按钮

Fragment eat,food,shop,my;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

addListener();

eat=new EatFragment();

getSupportFragmentManager().beginTransaction().replace(R.id.main_llayout,eat).commit();

mEatBtn.setChecked(true);

}

@Override

protected void onResume() {

super.onResume();

}

private void addListener() {

mEatBtn.setOnClickListener(this);

mFoodBtn.setOnClickListener(this);

mShopBtn.setOnClickListener(this);

mMyBtn.setOnClickListener(this);

}

private void initView() {

mEatBtn=(RadioButton) findViewById(R.id.activity_main_eat_rbtn);

mFoodBtn=(RadioButton) findViewById(R.id.activity_main_food_rbtn);

mShopBtn=(RadioButton) findViewById(R.id.activity_main_shop_rbtn);

mMyBtn=(RadioButton) findViewById(R.id.activity_main_my_rbtn);

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.activity_main_eat_rbtn:

eat=new EatFragment();

getSupportFragmentManager().beginTransaction().replace(R.id.main_llayout,eat).commit();

break;

case R.id.activity_main_food_rbtn:

break;

case R.id.activity_main_shop_rbtn:

break;

case R.id.activity_main_my_rbtn:

break;

}

}

}

试一试效果吧

松松饼
关注
android viewpage 实现页面切换和点击事件
08-16
android viewpage 实现页面切换和点击事件
ViewPager自动轮播加点击事件
01-13
ViewPager自动轮播加点击事件，炒鸡好用！什么情况都可以使用
android 点击图片事件,Android viewpager图片点击事件
weixin_29958569的博客
05-26 310
代码分享->在adapter重写instantiateItem方法--------------------------------------------------------------------------------------------------------------------------------------@OverridepublicObjectinstant...
android一屏多页点击事件,ViewPager一屏展示多页相关
weixin_33730916的博客
05-27 578
1. 要让viewPager一屏展示多页，可以通过对viewPager设置padding或margin，不管哪个，父布局都需要设置属性android:clipChildren="false"，如果viewPager设置padding，还需要对viewPager设置android:clipToPadding="false"属性接下来，先来解释下以上两个属性所代表的含义，android:clipChi...
安卓：ViewPager+Fragment+RadioButton实现底部菜单栏滑动切换
01-03
和ListView，GridView一样，我们也需要一个Adapter> (适配器)将我们的View和ViewPager进行绑定，而ViewPager则有一个特定的Adapter——> PagerAdapter！另外，Google官方是建议我们使用Fragment来填充ViewPager的，...
android中Fragment+RadioButton实现底部导航栏
08-31
最后，在MainActivity中，我们需要监听RadioGroup的点击事件，根据选中的RadioButton更新显示的Fragment。这可以通过`RadioGroup.OnCheckedChangeListener`实现： ```java RadioGroup rgMain = findViewById(R.id....
Android中fragment+viewpager实现布局
08-29
在Android开发中，`Fragment`和`ViewPager`是两种非常重要的组件，它们常被用于创建动态、可交互的用户界面。`Fragment`是Android 3.0（API级别11）引入的一个新特性，它允许开发者在一个活动中拆分UI，这样可以在...
RadioButton和ViewPager实现页面滑动效果
02-14
3. 绑定ViewPager和RadioButton：在RadioButton的点击事件中，调用ViewPager的`setCurrentItem()`方法，传入当前选中RadioButton对应的页面索引，使ViewPager切换到对应的页面。 4. 设置PagerAdapter：创建一个...
Viewpager+Gridview响应点击事件
01-27
Viewpager+Gridview响应点击事件,之前找的Demo不能实现点击事件。近来用到兴趣写的，有问题请指正！
viewpage实现页面切换和点击事件.zip
08-16
android viewpage实现页面切换底部tab菜单和点击事件
android pageradapter点击事件,android-ViewPager上的onClick未触发
weixin_42359449的博客
05-26 690
android-ViewPager上的onClick未触发我在ViewPager上设置了一个单击侦听器，但从未调用过onClick事件。 我猜想ViewPager的触摸事件检测会干扰您，但我看不到如何解决...有人可以帮忙吗？谢谢mViewPager.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(Vie...
viewpage点击事件
jiubuhuile的博客
10-02 740
for (int i = 0; i     View layout = inflater.inflate(R.layout.list_item_home_page,null);//加载view     ImageView mImg = (ImageView)layout.findViewById(R.id.page);//view中的ImageView     String url = l
Android：双层嵌套ViewPager并添加单击事件
weixin_30488313的博客
10-14 175
仿网易新闻： 实现原理: 上面的导航栏是一个自定义的ViewGroup(类似ActionBar) 中间内容层是ViewPager套fragment实现左右切换滑动 fragment里面的布局是一个ListView 附带下拉刷新和下拉加载效果 HeadView是一个ViewPager 双层ViewPager如果处理子ViewPager的滑动冲突问题和点击事件 通过自定义子Vi...
android app 主界面,android ViewPager实现App主界面Tab菜单页面切换和点击事件
weixin_29003437的博客
05-28 405
Tabhost实现页面滑动切换比较麻烦，这里介绍一下viewPage 控件。实现了三屏滑动带标题点击和tab页面内按钮的的点击事件实现；viewPage 的优点是可以滑动切换缺点是MainActivity 代码冗余。关于其他的实现方式可以参考我的其他博客效果图 关于下边的三个标题我是写了3个textview 大家可以改进为3个LinearLayout 布局在布局中加入imageview ...
android 点击图案侧滑,【Android】ViewPager实现图片左右滑动播放及添加点击事件
weixin_28406969的博客
05-26 285
前两天老师找我帮她写个Android的demo。说是要实现一个图片左右滑动的效果，并且点击图片的时候会发出声音。由于好久没写过Android了，所以花了一段时间来复习和学习。现将过程和实现简单记录如下。(项目参照了一部分CSDN博主Android将军的)实现使用的是ViewPager代码如下：在点击监听的部分，通过获取List<>中的控件添加触摸监听。当然你可以在各个页面添加多个控件，...
ViewPager 的点击事件回调
小牧在一直在学习,在前进的道路上大家一起学习，进步。
03-13 935
今天在交流群看到有人问这个问题，礼拜五工作忙的差不多多了，闲暇时间就记录一下呢，很简单的，记得自己刚毕业的时候 也是请教了别人，没想到时隔多年自己也能帮助到他人， 首先需要知道 pagerAdapter 中 有instantiateItem 这个方法的作用就是根据当前的posistion来创建对应的视图并且将这个创建好的视图添加到容器中， 可以打印下里面的position 回调这个p...
viewpager条目点击事件
jimmy的专栏
10-28 2505
public Object instantiateItem(ViewGroup container, int position) { ImageView iv = images.get(position); iv.setOnClickListener(listener); vp.addView(iv);
Android: 实现底部菜单栏滑动切换用ViewPager+Fragment+RadioButton
本文档主要介绍了如何在Android开发中使用ViewPager、Fragment和RadioButton来实现底部菜单栏的滑动切换功能。ViewPager是一个强大的页面切换组件，用于展示多个视图，用户可以通过左右滑动切换不同内容。它与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值