Android viewpagerfragment，FragmentPagerAdapter使用demo

最新推荐文章于 2021-05-27 14:13:39 发布
最新推荐文章于 2021-05-27 14:13:39 发布
阅读量522 收藏
点赞数
分类专栏： Android进阶之路 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/King1425/article/details/52986639
版权 
demo来自慕课网鸿洋,简单易懂，直接贴代码了，便于以后查询

这里写图片描述

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <include layout="@layout/top" />

    <android.support.v4.view.ViewPager
        android:id="@+id/id_viewpager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >
    </android.support.v4.view.ViewPager>

    <include layout="@layout/bottom" />

</LinearLayout>

bottom.xml

<?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="55dp"
    android:background="@drawable/bottom_bar"
    android:orientation="horizontal" >

    <LinearLayout
        android:id="@+id/id_tab_weixin"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/id_tab_weixin_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:clickable="false"
            android:src="@drawable/tab_weixin_pressed" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信"
            android:textColor="#ffffff" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/id_tab_frd"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/id_tab_frd_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:clickable="false"
            android:src="@drawable/tab_find_frd_normal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="朋友"
            android:textColor="#ffffff" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/id_tab_address"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/id_tab_address_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:clickable="false"
            android:src="@drawable/tab_address_normal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="通讯录"
            android:textColor="#ffffff" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/id_tab_settings"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/id_tab_settings_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:clickable="false"
            android:src="@drawable/tab_settings_normal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="设置"
            android:textColor="#ffffff" />
    </LinearLayout>

</LinearLayout>

tab02.xml

<?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="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:text="This is Frd Tab"
        android:textSize="30sp"
        android:textStyle="bold" />

</LinearLayout>

这里写图片描述

import java.util.ArrayList;
import java.util.List;



import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageButton;
import android.widget.LinearLayout;

public class MainActivity extends FragmentActivity implements OnClickListener {

    private ViewPager mViewPager;
    private FragmentPagerAdapter mFragmentPagerAdapter;
    private List<Fragment> mDatas;

    private LinearLayout mTabWeixin;
    private LinearLayout mTabFrd;
    private LinearLayout mTabAddress;
    private LinearLayout mTabSettings;

    private ImageButton mImgWeixin;
    private ImageButton mImgFrd;
    private ImageButton mImgAddress;
    private ImageButton mImgSettings;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        initView();

        initEvent();

        setSelect(1);
    }

    private void initEvent() {
        // TODO Auto-generated method stub
        mTabWeixin.setOnClickListener(this);
        mTabFrd.setOnClickListener(this);
        mTabAddress.setOnClickListener(this);
        mTabSettings.setOnClickListener(this);
    }

    private void initView() {
        // TODO Auto-generated method stub
        mViewPager=(ViewPager) findViewById(R.id.id_viewpager);

        mTabWeixin = (LinearLayout) findViewById(R.id.id_tab_weixin);
        mTabFrd = (LinearLayout) findViewById(R.id.id_tab_frd);
        mTabAddress = (LinearLayout) findViewById(R.id.id_tab_address);
        mTabSettings = (LinearLayout) findViewById(R.id.id_tab_settings);

        mImgWeixin = (ImageButton) findViewById(R.id.id_tab_weixin_img);
        mImgFrd = (ImageButton) findViewById(R.id.id_tab_frd_img);
        mImgAddress = (ImageButton) findViewById(R.id.id_tab_address_img);
        mImgSettings = (ImageButton) findViewById(R.id.id_tab_settings_img);

        mDatas=new ArrayList<Fragment>();
        Fragment mTab01 = new WeixinFragment();
        Fragment mTab02 = new FrdFragment();
        Fragment mTab03 = new AddressFragment();
        Fragment mTab04 = new SettingFragment();
        mDatas.add(mTab01);
        mDatas.add(mTab02);
        mDatas.add(mTab03);
        mDatas.add(mTab04);

        mFragmentPagerAdapter=new FragmentPagerAdapter(getSupportFragmentManager()) {

            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return mDatas.size();
            }

            @Override
            public Fragment getItem(int location) {
                // TODO Auto-generated method stub
                return mDatas.get(location);
            }
        };
        mViewPager.setAdapter(mFragmentPagerAdapter);

        mViewPager.setOnPageChangeListener(new OnPageChangeListener() {

            public void onPageSelected(int i) {
                // TODO Auto-generated method stub
                int mCurrent = mViewPager.getCurrentItem();
                setTab(mCurrent);

            }

            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    public void onClick(View v) {
        // TODO Auto-generated method stub


        switch (v.getId())
        {
        case R.id.id_tab_weixin:
            setSelect(0);
            break;
        case R.id.id_tab_frd:
            setSelect(1);
            break;
        case R.id.id_tab_address:
            setSelect(2);
            break;
        case R.id.id_tab_settings:
            setSelect(3);
            break;

        default:
            break;
        }
    }

    private void setSelect(int i) {
        // TODO Auto-generated method stub
        setTab(i);
        mViewPager.setCurrentItem(i);
    }

    private void setTab(int i) {

        resetImgs();

        switch (i)
        {
        case 0:
            mImgWeixin.setImageResource(R.drawable.tab_weixin_pressed);
            break;
        case 1:
            mImgFrd.setImageResource(R.drawable.tab_find_frd_pressed);
            break;
        case 2:
            mImgAddress.setImageResource(R.drawable.tab_address_pressed);
            break;
        case 3:
            mImgSettings.setImageResource(R.drawable.tab_settings_pressed);
            break;
        }
    }

    private void resetImgs() {
        // TODO Auto-generated method stub
        mImgWeixin.setImageResource(R.drawable.tab_weixin_normal);
        mImgFrd.setImageResource(R.drawable.tab_find_frd_normal);
        mImgAddress.setImageResource(R.drawable.tab_address_normal);
        mImgSettings.setImageResource(R.drawable.tab_settings_normal);
    }


}

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class WeixinFragment extends Fragment
{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.tab01, container, false);
    }
}
小码哥_WS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 使用echarts demo
11-30
android 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid 使用echarts demoandroid ...
Android中的Fragment与ViewPager的搭配使用，有没有问题重叠问题，怎么解决
QYgujingjing的专栏
07-22 1157
Android中的Fragment与ViewPager的搭配使用，有没有问题重叠问题，怎么解决
FragmentPagerAdapter API
热门推荐
Kaiwii的专栏
08-02 6万+
FragmentPagerAdapter是PagerAdapter中的其中一种实现。它将每一个页面表示为一个 Fragment，并且每一个Fragment都将会保存到fragment manager当中。而且，当用户没可能再次回到页面的时候，fragment manager才会将这个Fragment销毁。 这种pager十分适用于有一些静态fragment，例如一组tabs，的时候使用。每个
FragmentPagerAdapter使用
qq_33682144的博客
06-13 557
单独使用Fragment经常会遇到一些问题，比如Fragment切换时，显示和隐藏的Fragment有时候会出现重叠，导致相互之间的UI和事件混乱。 结合ViewPager的使用，则可以避免掉大部分的问题。Google基于PagerAdapter添加了FragmentPagerAdapter类来解决Fragment与ViewPager之间的配合问题。 FragmentPagerAdap
Android --- PagerAdapter的使用方法详细讲解
梁同学与Android
05-01 7420
PagerAdapter简介 PagerAdapter是android.support.v4包中的类，它的子类有FragmentPagerAdapter, FragmentStatePagerAdapter，这两个adapter都是Fragment的适配器，用于实现Fragment的滑动效果，这两个adapter的使用和区别这次就先不介绍了，等下次有时间再做详细的介绍。 PagerAdapter主...
Android----ViewPager页面滑动基础--FragmentPagerAdapter篇
MR_HJY的博客
11-02 372
使用使用FragmentPagerAdapter去实现页面滑动效果去实现页面滑动效果 一：   先创建4个类去继承Fragment，并且在onCreateView（）方法中返回要加载的视图布局。public class Fragment1 extends Fragment{ @Override public View onCreateView(LayoutInflater inf
Android仿淘宝Demo
09-26
此项目是仿淘宝做的一个Demo应用，只作为技术学习使用，不做任何商业用途，请勿使用此项目进行任何形式的商业活动。 下面是本项目中主要实现的功能： 1:商品的基本展示 2：二维码扫描 3：刮刮乐功能 4：购物车...
Android官方提供的SipDemo
02-16
Android SipDemo是一个官方提供的示例应用，用于演示如何在Android平台上使用SIP（Session Initiation Protocol）进行VoIP（Voice over IP）通信。这个项目对于开发者来说，尤其是那些想要在自己的应用中集成语音...
Android 中MQTT协议的使用Demo
最新发布
05-07
一、在Android中使用Mqtt可以分为6个步骤： 导入mqtt包； 配置MqttConnectOptions； 调用connect并将配置好的参数写入； 通过指定的消息进行消息订阅； 向订阅的topic中发布消息； 通过mqttCallBack的回调对接收到的...
Android 端 WebSocket 简单 Demo
03-21
【Android WebSocket】Android 端 WebSocket 基本用法 ( 添加依赖和权限 | 创建 WebSocketClient 客户端类 | 建立连接并发送消息 ) https://hanshuliang.blog.csdn.net/article/details/123628775 博客配套源码
安卓FragmentTab选项卡相关-FragmentPagerAdapter使用实例.rar
07-29
FragmentPagerAdapter使用实例.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android一个fragment,Android应用中怎么实现一个FragmentPagerAdapter适配器
weixin_34416354的博客
05-27 1067
Android应用中怎么实现一个FragmentPagerAdapter适配器发布时间：2020-12-05 15:27:13来源：亿速云阅读：99作者：Leah这期内容当中小编将会给大家带来有关Android应用中怎么实现一个FragmentPagerAdapter适配器，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。1适配器FragmentPagerAdapt...
Android中解决FragmentPagerAdapter刷新Fragment无效的问题
weixin_41122292的博客
03-05 1990
前言 在项目中，我采用的是ViewPager+FragmentPagerAdapter+Fragment的方式，要实现fragment的刷新，但是发现并没有把ViewPager中的fragment替换掉，因此上网查阅了很多博客，最后解决了这个问题。 解决方法 我就直接贴上我的代码 public class MyViewPagerAdapter extends FragmentPagerAdapte...
Android项目框架综合实例
欢迎来到我的博客
05-21 1254
综合使用ViewPager、Fragment、RecycleView等，实现类似“网易新闻浏览器 ”的项目综合框架，要求实现： 底部导航，分别是“首页”，“视频”，“讲讲”，“我的”；底部导航不要求滑动翻页（使用Framelayout作为容器，但也可以使用Viewpager作为容器，图片可自行准备，也可以用分享的图片素材）。 内导航，在“首页”对应的Fragment中实现若干项组成的顶部导航；内导航要求实现滑动翻页（使用ViewPager作为容器，要求内导航碎片不少于十项）。 加分项：内导航的第一个
Android开发模板------ViewPager(二)FragmentPagerAdapter的简介
城主的专栏
07-17 806
FragmentPagerAdapter是PagerAdapter中的其中一种实现。它将每一个页面表示为一个 Fragment，并且每一个Fragment都将会保存到fragment manager当中。而且，当用户没可能再次回到页面的时候，fragment manager才会将这个Fragment销毁。 这种pager十分适用于有一些静态fragment，例如一组tabs，的时候使
Android——FragmentPagerAdapter和FragmentStatePagerAdapter的使用...
Li_peilun的博客
02-20 1778
FragmentPagerAdapter相比之前的PagerAdapter，并不是需要得到4个view对象，而是通过4个Fragment类来对应4个布局文件。FragmentPagerAdapter 继承自 PagerAdapter。相比通用的 PagerAdapter，该类更专注于每一页均为 Fragment 的情况。该类内的每一个生成的 Fragment 都将保存在内存之中，注意是全部的Frag
Android ViewPager的fragment adapter适配器如何选择
03-16 661
背景： 我们在使用viewpage的时候，经常需要动态添加fragment视图。如果是数量比较小，FragmentPagerAdapter和FragmentStatePagerAdapter都无所谓，但是涉及到几百条上千条记录，就需要考虑到如何选择一个正确的适配器了 FragmentPagerAdapter：对于不再需要的fragment，选择调用detach 方法，仅销毁视图，并不会销毁fragment 实例。 FragmentStatePagerAdapter：会销毁不再需要的f...
Android开发ViewPager+TabLayout详解（使用FragmentPagerAdapter和PagerAdapter两个Demo叙述）
yaoyaoyao_123的博客
01-08 1159
在讲解之前首先看一下所要展示的效果： 在使用TabLayout这个控件之前，首先要在build.gradle添加下面这行依赖： compile 'com.android.support:design:27.1.0' 1，在activity_main.xml布局文件中添加TabLayout和ViewPager两个控件： <LinearLayout xmlns:android="...
Android下ViewPager的FragmentPagerAdapter 使用
qq_20553007的博客
09-29 7614
自己的 package com.mad.trafficclient.adapter; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import java.ut...
android scrollbar的使用demo
06-02
以下是一个简单的 Android ScrollView 中添加 scrollbar 的示例代码： 1. 首先，在布局文件中添加 ScrollView 控件： ``` android:id="@+id/scroll_view" android:layout_width="match_parent" android:layout...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值