2015-11-03-01Viewpager加载多个Fragment，并设置Title

最新推荐文章于 2020-04-04 20:06:24 发布
最新推荐文章于 2020-04-04 20:06:24 发布
阅读量450 收藏
点赞数
分类专栏： 技术 文章标签： viewpager Horizontal
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bxh7425014/article/details/49615487
版权

效果图如下：
这里写图片描述

SyncHorizontalScrollView.java

public class SyncHorizontalScrollView extends HorizontalScrollView {

    // Todo...

    private View view;
    private ImageView leftImage;// 左标图片
    private ImageView rightImage;// 右标图片
    private int windowWitdh = 0;// 屏幕宽度
    private Activity mContext;

    public void setSomeParam(View view, ImageView iv_nav_left,
            ImageView iv_nav_right, Activity context, int widthPixels) {
        this.view = view;
        this.mContext = context;
        this.leftImage = iv_nav_left;
        this.rightImage = iv_nav_right;
        this.windowWitdh = widthPixels;
    }

    // 显示和隐藏左右两边的箭头
    public void showAndHideArrow() {
        if (!mContext.isFinishing() && view != null) {
            this.measure(0, 0);
            if (windowWitdh >= this.getMeasuredWidth()) {
                leftImage.setVisibility(View.GONE);
                rightImage.setVisibility(View.GONE);
            } else {
                if (this.getLeft() == 0) {
                    leftImage.setVisibility(View.GONE);
                    rightImage.setVisibility(View.VISIBLE);
                } else if (this.getRight() == this.getMeasuredWidth()
                        - windowWitdh) {
                    leftImage.setVisibility(View.VISIBLE);
                    rightImage.setVisibility(View.GONE);
                } else {
                    leftImage.setVisibility(View.VISIBLE);
                    rightImage.setVisibility(View.VISIBLE);
                }
            }
        }
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (!mContext.isFinishing() && view != null && rightImage != null
                && leftImage != null) {
            if (view.getWidth() <= windowWitdh) {
                leftImage.setVisibility(View.GONE);
                rightImage.setVisibility(View.GONE);
            } else {
                if (l == 0) {
                    leftImage.setVisibility(View.GONE);
                    rightImage.setVisibility(View.VISIBLE);
                } else if (view.getWidth() - l == windowWitdh) {
                    leftImage.setVisibility(View.VISIBLE);
                    rightImage.setVisibility(View.GONE);
                } else {
                    leftImage.setVisibility(View.VISIBLE);
                    rightImage.setVisibility(View.VISIBLE);
                }
            }
        }
    }

}

MainActivity.java

public class MainActivity extends FragmentActivity {

    public static final String ARGUMENTS_NAME = "arg";

    private RelativeLayout rl_nav;
    private SyncHorizontalScrollView mHsv;
    private RadioGroup rg_nav_content;
    private ImageView iv_nav_indicator;
    private ImageView iv_nav_left;
    private ImageView iv_nav_right;
    private ViewPager mViewPager;
    private int indicatorWidth; // 导航条的标题宽度
    private final int NUM_OF_TITLEBAR = 3;

    private LayoutInflater mInflater;
    private TabFragmentPagerAdapter mAdapter;
    private int currentIndicatorLeft = 0;
    public static String[] tabTitle = { "标题1", "标题2", "标题3","标题4","标题5"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById();
        initView();
        setListener();
    }

    private void findViewById() {
        rl_nav = (RelativeLayout) findViewById(R.id.rl_nav);
        mHsv = (SyncHorizontalScrollView) findViewById(R.id.mHsv);
        rg_nav_content = (RadioGroup) findViewById(R.id.rg_nav_content);
        iv_nav_indicator = (ImageView) findViewById(R.id.iv_nav_indicator);
        iv_nav_left = (ImageView) findViewById(R.id.iv_nav_left);
        iv_nav_right = (ImageView) findViewById(R.id.iv_nav_right);
        mViewPager = (ViewPager) findViewById(R.id.mViewPager);
    }

    private void initView() {
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        indicatorWidth = dm.widthPixels / NUM_OF_TITLEBAR;

        LayoutParams cursor_Params = iv_nav_indicator.getLayoutParams();
        cursor_Params.width = indicatorWidth;
        iv_nav_indicator.setLayoutParams(cursor_Params);

        mHsv.setSomeParam(rl_nav, iv_nav_left, iv_nav_right, this,
                dm.widthPixels);
        mInflater = (LayoutInflater) this
                .getSystemService(LAYOUT_INFLATER_SERVICE);

        initNavigationHSV();

        mAdapter = new TabFragmentPagerAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(mAdapter);
    }

    private void initNavigationHSV() {

        rg_nav_content.removeAllViews();

        for (int i = 0; i < tabTitle.length; i++) {

            RadioButton rb = (RadioButton) mInflater.inflate(
                    R.layout.nav_radiogroup_item, null);
            rb.setId(i);
            rb.setText(tabTitle[i]);
            rb.setLayoutParams(new LayoutParams(indicatorWidth,
                    LayoutParams.MATCH_PARENT));

            rg_nav_content.addView(rb);
        }
    }

    public class TabFragmentPagerAdapter extends FragmentPagerAdapter {

        public TabFragmentPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int arg) {
            Fragment ft = null;
            switch (arg) {
            default:
                ft = new WebviewFrag();
                break;
            }
            return ft;
        }

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

    private void setListener() {
        // 左右滑动屏幕时候触发
        mViewPager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int position) {

                if (rg_nav_content != null
                        && rg_nav_content.getChildCount() > position) {
                    ((RadioButton) rg_nav_content.getChildAt(position))
                            .performClick();
                }
            }

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

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {

            }
        });
        rg_nav_content
                .setOnCheckedChangeListener(new OnCheckedChangeListener() {

                    @Override
                    public void onCheckedChanged(RadioGroup group, int checkedId) {

                        if (rg_nav_content.getChildAt(checkedId) != null) {

                            TranslateAnimation animation = new TranslateAnimation(
                                    currentIndicatorLeft,
                                    ((RadioButton) rg_nav_content
                                            .getChildAt(checkedId)).getLeft(),
                                    0f, 0f);
                            animation.setInterpolator(new LinearInterpolator());
                            animation.setDuration(100); 
                            animation.setFillAfter(true);

                            iv_nav_indicator.startAnimation(animation);

                            mViewPager.setCurrentItem(checkedId); 
                            currentIndicatorLeft = ((RadioButton) rg_nav_content
                                    .getChildAt(checkedId)).getLeft();

                            mHsv.smoothScrollTo(
                                    (checkedId > 1 ? ((RadioButton) rg_nav_content
                                            .getChildAt(checkedId)).getLeft()
                                            : 0)
                                            - ((RadioButton) rg_nav_content
                                                    .getChildAt(2)).getLeft(),
                                    0);
                        }
                    }
                });
    }
}

WebviewFrag.java

public class WebviewFrag extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_common,
                container, false);

        WebView webView = (WebView) rootView.findViewById(R.id.webView);
        webView.loadUrl("http://www.baidu.com");
        initWebView(webView);

        return rootView;
    }
    private void initWebView(WebView wv) {
        wv.setWebViewClient(new WebViewClient() {
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
               if (url.startsWith("file:") || url.startsWith("http:")
                        || url.startsWith("https:")) {
                    //view.loadUrl(url);
                    return false;
                } else {
                    return true;
                }
            }
        });
    }
}

activity_main.xml

<RelativeLayout 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"
    tools:context="${packageName}.${activityClass}" >

    <RelativeLayout
        android:id="@+id/rl_tab"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#F2F2F2" >

        <com.example.viewpager_fragment_demo.SyncHorizontalScrollView
            android:id="@+id/mHsv"
            android:layout_width="fill_parent"
            android:layout_height="40dip"
            android:fadingEdge="none"
            android:scrollbars="none" >

            <RelativeLayout
                android:id="@+id/rl_nav"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:background="#5AB0EB" >

                <RadioGroup
                    android:id="@+id/rg_nav_content"
                    android:layout_width="fill_parent"
                    android:layout_height="38dip"
                    android:layout_alignParentTop="true"
                    android:background="#F2F2F2"
                    android:orientation="horizontal" >
                </RadioGroup>

                <!-- 设置导航文字下方条标示线的颜色 -->
                <ImageView
                    android:id="@+id/iv_nav_indicator"
                    android:layout_width="1dip"
                    android:layout_height="5dip"
                    android:layout_alignParentBottom="true"
                    android:background="#5AB0EB"
                    android:contentDescription="@string/nav_desc"
                    android:scaleType="matrix" />
            </RelativeLayout>
        </com.example.viewpager_fragment_demo.SyncHorizontalScrollView>

        <ImageView
            android:id="@+id/iv_nav_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:contentDescription="@string/nav_desc"
            android:paddingBottom="1dip"
            android:src="@drawable/iv_navagation_scroll_left"
            android:visibility="gone" >
        </ImageView>

        <ImageView
            android:id="@+id/iv_nav_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:contentDescription="@string/nav_desc"
            android:paddingBottom="1dip"
            android:src="@drawable/iv_navagation_scroll_right"
            android:visibility="visible" >
        </ImageView>
    </RelativeLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/mViewPager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_below="@id/rl_tab"
        android:layout_gravity="center"
        android:background="#ffffff"
        android:flipInterval="30"
        android:persistentDrawingCache="animation" />

</RelativeLayout>

fragment_common.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" >

   <WebView 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    />

</LinearLayout>
<?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" >

   <WebView 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    />

</LinearLayout>

完整的代码请点击此处访问。

bxh7425014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ViewPager使用FragmentPagerAdapter加载多个fragment，实现对已加载的list做插入、删除及排序操作
Android_flk
01-23 1995
ViewPager使用FragmentPagerAdapter加载多个fragment，实现对已加载的list做插入、删除及排序操作。例子1：List<Fragment> list = new ArrayList<>(); list.add(fragment1); list.add(fragment2); list.add(fragment3);adapter = new MyFragmentPag
TabLayout+Viewpager加载动态多个fragment
weixin_40087231的博客
06-23 1938
废话不多说，直接上图 代码展示 布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:lay...
viewpager加载fragment 时加载多页
a136447572的专栏
05-23 523
ViewPager是在引入Fragment中一起加入的,它的主要作用就是可以配合ActionBar与Fragment一起,容易的编写一些tab界面. 从Demos里可以看到一些例子,对于如何使用它与Fragment.使用supportv4的包可以将Fragment运用在api level 10以下的系统,但是没有ActionBar,如果想要,需要自己实现.至于如何实现ActionBar再说了. 主要
Fragment 嵌套ViewPager（ViewPager里面有多个Fragment）
leilifengxingmw的博客
04-11 4040
首先扯点别的：总是感觉自己学啥啥不会，吃啥啥没够。整日活在回忆和幻想之中，也是艰难啊。但是比我艰难的人多了，我算老几。（宋小宝这句话说得挺好）所以虽然艰难，还是要努力奋斗，别人或许比你更艰难，你比别人更能坚持那么你就是赢家。今天讲得是Fragment里面使用ViewPager,ViewPager里面又有Fragment。来实现多界面切换的效果，ViewPager里面的Fragment的切换使用Tab
ViewPager不设置预加载和Fragment只加载一次
11-26
今日写了一个 ViewPager 和 Fragment 配合使用，达到 ViewPager 不设置预加载（也就是一次只加载一个）和 Fragment 懒加载（也就是只加载一次）。通俗的说就是滑动或点击哪个便加载哪个，并且加载过的不再加载。
ViewPager 与 Fragment相结合实现微信界面实例代码
01-20
ViewPager是Android SDK中的一个视图容器，它继承自ViewGroup，允许用户左右滑动来浏览多个子视图。它的核心功能在于动态加载和管理屏幕上的内容，提供平滑的页面滚动体验。要使用ViewPager，我们需要创建一个...
对viewPager嵌套Fragment的使用
08-31
在`ViewPager`中，我们可以创建多个`Fragment`实例，每个实例对应`ViewPager`的一个页面。通过设置适配器（通常为`FragmentPagerAdapter`或`FragmentStatePagerAdapter`），`ViewPager`能够根据用户滑动来动态加载和...
ViewPager和Fragment共同实现的例子
08-07
首先，ViewPager是一个用于展示多个页面并允许用户左右滑动切换的控件。它常用于创建滑动浏览的效果，例如在应用中实现Tab布局或者水平滚动的内容展示。ViewPager通过PagerAdapter接口来获取要显示的页面，开发者...
BottomNavigationView+ViewPager+Fragment底部导航栏
07-29
在Android应用开发中，`BottomNavigationView` 是一个用于在底部展示多个主要操作选项的组件，通常与`ViewPager` 和 `Fragment` 结合使用，以创建一个动态、交互式的多页面应用布局。`BottomNavigationView` 提供了...
ViewSwitching-
06-29
ViewPager是Android中的一个滑动视图容器，常用于在多个页面间进行平滑的左右滑动切换。在"ViewSwitching-"中，ViewPager被用来展示图片或Fragment的序列，用户可以通过手势滑动来切换不同的内容。 2. **Fragment*...
Activity嵌套fragment大全，activity加载单个fragment，TabLayout+ViewPager实现多个fragment滑动效果
06-04
Activity嵌套fragment大全，activity加载单个fragment，TabLayout+ViewPager实现多个fragment滑动效果
Android Fragment＋ViewPager 组合使用
行知致简的专栏
03-02 9869
Android Fragment＋ViewPager 组合，一些你不可不知的注意事项 2016年12月26日 09:26:30亦枫Blog阅读数：2069 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wenbitianxiafeng/article/details/53883587 前面两篇文章中，对 Fragment 的基本使用、...
Android Fragment嵌套ViewPager，ViewPager嵌套多个Fragment
热门推荐
小铭同学的专栏
03-27 1万+
前几天，项目中要实现这么一个功能。就配置了下。其实很简单，首先 需要阅读下我转载的前两篇文章，都是转载的郭神的，写的非常好。我的项目中逢者必用，其实就相当于一个很好的框架来使用，非常方便。 前两篇的项目地址Android Fragment应用实战，使用碎片向ActivityGroup说再见和Android ActionBar应用实战，高仿微信主界面的设计，认真阅读，你会感觉到受益颇深。（当然
ViewPager+Fragment，一屏展示多个Fragment，中间正常，两边漏一点
u014620028的专栏
12-25 1607
功能需求： 1、有多个布局，要求滑动展示，中间大，两边小，两边小的布局，大部分在屏幕外，屏幕里面，漏出来一点，让用户知道可以滑动； 2、这多个布局，内容有差异，甚至，可能有较大差异； 3、在边缘处，也可以滑动。 类似画廊效果，其实网上有对应的，但是，细节地方，有些博客写的不全，我刚开始写，对着一两个博客写，总是出现奇怪的问题，或者没有效果。对比了不同的博客，才出来效果。为此，我写个博客，干脆把所有...
Fragment和viewPager搭配使用（有标题）（二） 讲解
诺冰羽的虚拟世界
04-17 4216
Fragment和viewPager搭配使用（有标题）（二） 讲解 首先，我们想一想我们用ViewPager的目的是：实现多个Fragment左右滑动切换的效果。所以我们需要先建立多个xxFragment类继承Fragment，当然有多少个xxFragment就需要多少个它对应的xml这个自己根据自己的需要建立即可。 并在onCreateView()方法中加载该xml和初始化控件 ...
ViewPager+Fragment多标题界面
尉迟涛的博客
11-09 2321
话不多说，先上效果图： 好了，来看xml代码：（为了保持简明，我删除了部分代码） title层级是这样的： HorizontalScrollView,      RelativeLayout,      LinearLayout,       TextView 控制横向滚动                     包裹标题与光标      包裹标题              
当ViewPager 嵌套多个Fragment的时候，ViewPager如何根据Fragment的高度来自适应界面
zhulang1989的博客
03-21 1506
        最近在项目中遇到这样的需求，ViewPager 需要嵌套3个Fragment界面，但是每个Fragment界面的高度都是不一样的，因此不能将ViewPager的高度写成固定值。前期，我也查看了一些网上关于这类问题的相关文章，受到启发，决定按照自己的思路在项目中来实现此类的需求，最终实现的效果也非常的理想。下面详细的说明一下我们要达到的效果，就是让Viewpager嵌套的每个页面不同...
ViewPager+Fragment+TabLayout（二）添加自定义标题并改变图片
late13的博客
04-04 573
从上一篇文章处继续，上一篇：https://blog.csdn.net/weixin_41654311/article/details/105311607 就是添加了标题，更改的代码： @Nullable @Override public CharSequence getPageTitle(int position) { ...
解决ViewPager预加载问题：特殊Fragment处理策略
当遇到SurfaceView所在的Fragment时，可以设置一个标志，当滑动离开时才执行销毁操作，并确保SurfaceView的生命周期管理正确，避免不必要的资源浪费。 总结来说，解决ViewPager预加载问题的关键在于理解其工作原理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值