ListView+Fragment+ViewPager配合，实现今日头条的效果

最新推荐文章于 2021-05-26 08:28:13 发布
最新推荐文章于 2021-05-26 08:28:13 发布
阅读量4.6k 收藏 16
点赞数 5
分类专栏： Android-前端 Fragment 栀未央Android 文章标签： Fragment ListView ViewPage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woainijinying/article/details/52166818
版权

首先需要第三方控件PagerSlidingTabStrip-master的使用。
ListView放入Fragment，之后再放入ViewPager中。
准备工作：三方控件PagerSlidingTabStrip-master的导入，下载PagerSlidingTabStrip-master，点击File中New中的Import Module，找到PagerSlidingTabStrip-master存放的位置，点击PagerSlidingTabStrip-master下的builder，根据自己的build,修改PagerSlidingTabStrip-master的build。
步骤：1.建立需要传入的新闻类，命名为News。
2.建立Activity，命名为FragmentPager，建立Fragment命名为pagerFragment。
3.建立ListView，以及ListView适配器命名MyListViewAdapter 将ListView放入Fragment中。
4.建立MyfragmentAdapter适配器，将Fragment与ViewPager。

效果图之一：

这里写图片描述

这里写图片描述

          以下为代码及具体实现过程
         首先是：建立News，将属性写出，简单的get/set方法，构造参数，要实现一个页面多种布局，我们需要多个构造参数，这里使用了两种，记得我们需要构造一个空的构造函数，以防报错。

public class News  implements Parcelable{
    private String title;
    private String pubDate;
    private String from;
    private int img;
    private int img1;
    private int img2;
    private int img3;

    public News(int img3, String title, String pubDate, String from, int img1, int img2) {
        this.img3 = img3;
        this.title = title;
        this.pubDate = pubDate;
        this.from = from;
        this.img1 = img1;
        this.img2 = img2;
    }

    public int getImg3() {
        return img3;
    }

    public void setImg3(int img3) {
        this.img3 = img3;
    }

    public int getImg2() {
        return img2;
    }

    public void setImg2(int img2) {
        this.img2 = img2;
    }

    public int getImg1() {
        return img1;
    }

    public void setImg1(int img1) {
        this.img1 = img1;
    }

    public News() {

    }
    public News(String title, String pubDate, String from, int img) {
        this.title = title;
        this.pubDate = pubDate;
        this.from = from;
        this.img = img;
    }

    protected News(Parcel in) {
        title = in.readString();
        pubDate = in.readString();
        from = in.readString();
        img = in.readInt();
    }

    public static final Creator<News> CREATOR = new Creator<News>() {
        @Override
        public News createFromParcel(Parcel in) {
            return new News(in);
        }

        @Override
        public News[] newArray(int size) {
            return new News[size];
        }
    };

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getPubDate() {
        return pubDate;
    }

    public void setPubDate(String pubDate) {
        this.pubDate = pubDate;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getFrom() {
        return from;
    }

    public void setFrom(String from) {
        this.from = from;
    }

    @Override
    public int describeContents() {
        return 0;
    }

    @Override
    public void writeToParcel(Parcel dest, int flags) {
        dest.writeString(title);
        dest.writeString(pubDate);
        dest.writeString(from);
        dest.writeInt(img);
    }
}

FragmentPager

package com.edu.jereh.android7;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

import com.astuetz.PagerSlidingTabStrip;
import com.edu.jereh.android7.adapter.MyfragmentAdapter;
import com.edu.jereh.android7.fragment.pagerFragment;

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

public class FragmentPager extends AppCompatActivity {
    private ViewPager vp;
    private PagerSlidingTabStrip pst;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fragment_pager);
        getSupportActionBar().hide();
        vp=(ViewPager)findViewById(R.id.vp);
        pst=(PagerSlidingTabStrip)findViewById(R.id.pst);
        List<Fragment> list=new ArrayList<>();
        List<String> titles=new  ArrayList<>();
        titles.add("推荐");
        titles.add("热点");
        titles.add("烟台");
        titles.add("视频");
        titles.add("订阅");
        titles.add("体育");
        titles.add("娱乐");
        titles.add("奥运");
        titles.add("财经");
        titles.add("国际");

        for(int i=1;i<10;i++){
            Fragment fragment=new pagerFragment();
            Bundle bundle=new Bundle();
            bundle.putInt("arg",i);
            fragment.setArguments(bundle);
            list.add(fragment);
        }
        MyfragmentAdapter ma=new MyfragmentAdapter(
                getSupportFragmentManager(),list,titles);
        vp.setAdapter(ma);
        //ViewPage自带滑动
       // vp.setPageTransformer(true,new ZoomOutPageTransformer());
        vp.setPageTransformer(true,new DepthPageTransformer());
       pst.setIndicatorColor(getResources().getColor(R.color.colorPrimary));//边框颜色
        pst.setIndicatorHeight(5);
        //pst.setShouldExpand(true);//平分，当它小的时候让它铺满整个屏幕
        pst.setTextColor(getResources().getColor(R.color.colorAccent));//字的颜色


        pst.setViewPager(vp);
    }

}

pagerFragment

public class pagerFragment extends Fragment {


    public pagerFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_pager, container, false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //TextView tv=(TextView)getView().findViewById(R.id.tv);
       int []a= new int[]{R.mipmap.a,R.mipmap.b,R.mipmap.c,R.mipmap.d,R.mipmap.e,R.mipmap.f,R.mipmap.g,R.mipmap.h,R.mipmap.i,R.mipmap.j,R.mipmap.k,R.mipmap.l,R.mipmap.m,R.mipmap.n};
        ListView lv=(ListView)getView().findViewById(R.id.lv);
        final List<News> list=new ArrayList<>();
        MyListViewAdapter ma=new MyListViewAdapter(list,getActivity());
        lv.setAdapter(ma);
        final Bundle bundle=getArguments();
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                 // News news=list.get(position);
                //弹出点击新闻的Title传值
                News news=list.get(position);
                Intent intent=new Intent(getActivity(), IntentActivity.class);
                intent.putExtra("obj",news);
                //intent.putExtra("obj", news);
                Bundle bundle1=new Bundle();
                bundle1.putString("arg1", "今天是七月七");
                intent.putExtra("bundle",bundle1);
                startActivity(intent);

            }
        });
        if(bundle!=null){
            int arg=bundle.getInt("arg");
           // lv.setText("我是Fragment"+arg);

            switch (arg){
                case 1:
//                    for(int i=0;i<a.length;i++){
//                        list.add(new News("体育新闻"+i,"今天","新浪网",a[i]));
//                    }
                    list.add(new News("体育新闻","今天","新浪网",R.mipmap.lh2));
                    list.add(new News(R.mipmap.lh2,"体育新闻","今天","新浪网",R.mipmap.lh2,R.mipmap.lh2));
                    ma.notifyDataSetChanged();
                    break;
                case 2:
                    for(int i=0;i<20;i++){
                        list.add(new News("娱乐新闻"+i,"今天","新浪网",R.mipmap.lh2));
                    }
                    ma.notifyDataSetChanged();

                    break;
                case 3:
                    for(int i=0;i<20;i++){
                        list.add(new News("财经新闻"+i,"今天","新浪网",R.mipmap.lh3));
                    }
                    ma.notifyDataSetChanged();

                    break;
                case 4:
                    for(int i=0;i<20;i++){
                        list.add(new News("军事新闻"+i,"今天","新浪网",R.mipmap.lh4));
                    }
                    ma.notifyDataSetChanged();
                    break;
            }
        }
    }
}

MyfragmentAdapter继承于FragmentPagerAdapter

public class MyfragmentAdapter extends FragmentPagerAdapter {
    private List<Fragment> list;
    private List<String> titles;
    public MyfragmentAdapter(FragmentManager fm, List<Fragment> list,List<String> titles) {
        super(fm);
        this.list=list;
        this.titles=titles;

    }

    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return titles.get(position);

    }
}

MyListViewAdapter继承于BaseAdapter

public class MyListViewAdapter extends BaseAdapter {
    private List<News> list;
    private List<String> titles;
    private Context context;
    private  final int TYPE1=0;//声明常量大写
    private  final int TYPE2=1 ;

    public MyListViewAdapter(List<News> list, Context context) {
        this.context = context;
        this.list = list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    public int getViewTypeCount() {
        return 2;
    }
    @Override
    public int getItemViewType(int position) {
//        News news=list.get(position);
        if(list.get(position).getImg1()==0){
            return TYPE1;
        }else{
            return TYPE2;
        }

    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder vh;
        int type=getItemViewType(position);
        if(convertView == null){
            vh=new ViewHolder();
            if(type==0){
                convertView= LayoutInflater.from(context).inflate(R.layout.list_layout,null);
                vh.img=(ImageView)convertView.findViewById(R.id.img);
                vh.title=(TextView)convertView.findViewById(R.id.title);
                vh.pubDate=(TextView)convertView.findViewById(R.id.pubDate);
                vh.from=(TextView)convertView.findViewById(R.id.from);
                convertView.setTag(vh);
            }else {
                convertView= LayoutInflater.from(context).inflate(R.layout.list_layout2,null);
                vh.title=(TextView)convertView.findViewById(R.id.title);
                vh.pubDate=(TextView)convertView.findViewById(R.id.time);
                vh.from=(TextView)convertView.findViewById(R.id.from);
                vh.img1=(ImageView)convertView.findViewById(R.id.iv1);
                vh.img2=(ImageView)convertView.findViewById(R.id.iv2);
                vh.img3=(ImageView)convertView.findViewById(R.id.iv3);
                convertView.setTag(vh);
            }

        }else{
            vh=(ViewHolder)convertView.getTag();
        }

        News news=list.get(position);
        if(type==0){
            vh.img.setImageResource(news.getImg());
            vh.title.setText(news.getTitle());
            vh.pubDate.setText(news.getPubDate());
            vh.from.setText(news.getFrom());
        }else{
            vh.title.setText(news.getTitle());
            vh.pubDate.setText(news.getPubDate());
            vh.from.setText(news.getFrom());
            vh.img1.setImageResource(news.getImg1());
            vh.img2.setImageResource(news.getImg2());
            vh.img3.setImageResource(news.getImg3());

        }
        return convertView;
    }
    private  class ViewHolder{
        ImageView img;
        TextView title;
        TextView pubDate;
        TextView from;
        ImageView img1;
        ImageView img2;
        ImageView img3;
    }
}

MyTabHostAdapter继承于FragmentPagerAdapter

public class MyTabHostAdapter extends FragmentPagerAdapter {
    private List<Fragment> list;
    public MyTabHostAdapter(FragmentManager fm, List<Fragment> list) {
        super(fm);
        this.list= list;
    }
    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }
    @Override
    public int getCount() {
        return list.size();
    }
}

FragmentTab继承于Fragment
public class FragmentTab extends Fragment {

public FragmentTab() {
    // Required empty public constructor
}


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_fragment_tab, container, false);
}

@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    TextView tv=(TextView)getView().findViewById(R.id.tv);
    Log.d("====","89");
    Bundle bundle=getArguments();
    if(bundle!=null){
        int arg = bundle.getInt("arg");
        tv.setText("我是Fragment"+(arg+1));
    }
}

}
IntentActivity

public class IntentActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_intent);
        TextView tv=(TextView)findViewById(R.id.tv);
        Intent intent=getIntent();
       // News news= (News) intent.getSerializableExtra("obj");
        News news=  intent.getParcelableExtra("obj");
        Bundle bundle=intent.getBundleExtra("bundle");
        String arg=bundle.getString("arg1");
        //String str=news.getTitle();
        StringBuilder sbld=new StringBuilder();
        sbld.append(arg);
        sbld.append("\n");
        sbld.append(news.getTitle());
        sbld.append(news.getPubDate());
        sbld.append(news.getFrom());
        //sbld.append(news.getImg().toString());
        tv.setText(sbld.toString());
    }
}

TabHostFragment继承于Fragment

public class TabHostFragment extends Fragment {
    // TODO: Rename parameter arguments, choose names that match
    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";

    // TODO: Rename and change types of parameters
    private String mParam1;
    private String mParam2;

    private OnFragmentInteractionListener mListener;

    public TabHostFragment() {
        // Required empty public constructor
    }

    /**
     * Use this factory method to create a new instance of
     * this fragment using the provided parameters.
     *
     * @param param1 Parameter 1.
     * @param param2 Parameter 2.
     * @return A new instance of fragment TabHostFragment.
     */
    // TODO: Rename and change types and number of parameters
    public static TabHostFragment newInstance(String param1, String param2) {
        TabHostFragment fragment = new TabHostFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_tab_host, container, false);
    }

    // TODO: Rename method, update argument and hook method into UI event
    public void onButtonPressed(Uri uri) {
        if (mListener != null) {
            mListener.onFragmentInteraction(uri);
        }
    }

    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        if (context instanceof OnFragmentInteractionListener) {
            mListener = (OnFragmentInteractionListener) context;
        } else {
            throw new RuntimeException(context.toString()
                    + " must implement OnFragmentInteractionListener");
        }
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    /**
     * This interface must be implemented by activities that contain this
     * fragment to allow an interaction in this fragment to be communicated
     * to the activity and potentially other fragments contained in that
     * activity.
     * <p/>
     * See the Android Training lesson <a href=
     * "http://developer.android.com/training/basics/fragments/communicating.html"
     * >Communicating with Other Fragments</a> for more information.
     */
    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        void onFragmentInteraction(Uri uri);
    }
}

最后是效果图展示：
这里写图片描述
这里写图片描述

woainijinying
关注
  • 5
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android fragment listview,【Android】在Fragment中使用ListView
weixin_34554800的博客
05-27 2111
今天遇到在搬之前代码的时候，需要将我写在一个活动中的ListView写到Fragment中，但是，在我要搬完的时候，我的LayoutInflater出问题了，一、自己所遇到的问题的分析过程因为自己刚开始用的自定义Adapter，所以建了一个类去继承BaseAdAapter，并重写了四个方法，其中getView中的代码@Overridepublic View getView(int position...
Fragment中使用listview
θ..θ的专栏
07-14 8751
昨天按照在activity中的方法使用listview结果一直报错，今天参考了某高人博客后发现fragment中使用listview和activity中是不一样的。 （参考博客：http://qurtyy.blog.163.com/blog/static/574436812013112543231523/） 在Fragment的布局中必须包含id "@android:i
Android ListView和Fragment结合使用，类似于某电商的实现，拿来就能用,详细标注适合新手...
weixin_34204722的博客
08-13 931
转载请注明出处王亟亟的大牛之路 一个类似于某电商的实现，让菜鸟们理解Activity与Fragment之间的参数是如何交互的。 包结构： 运行后的效果 分析： 左侧ListView可上下拖动，点击不同的item会影响右侧Fragment的内容。 废话不多说，上代码（详细标注） MainActivity publi...
android listview动态添加viewpager,向 ViewPager 中添加 包含 ListView 的 Fragment
weixin_36212459的博客
05-26 258
对与fragment就不说什么了，直接看API手册吧，亲。向 ViewPager 中添加 包含 ListView 的 Fragment 的过程比较麻烦。他所表现的效果就是新闻客户端的滑动翻页效果。在这里就不粘代码了。只把思路理一下。代码有时间再粘：一，你需要一个 ViewPager ：在实验时，我的activity中就只有一个ViewPager。没有别的东西。二，你需要一个自定义的fragment...
非常简单的viewpager+fragmen实现类似商城app结构
u012303938的专栏
03-31 892
先说下思路在一个activity中的主布局加入supportv4架包中的viewpager，viewpager相当于一个listview，在viewpager中我们要放的fragment，对viewpager做监听，实现想要的效果，代码很简单一看就懂，一直上代码。    主类 package com.example.fragtest; import java.util.ArrayList;
新闻首页效果[仿网易](ViewPager+Fragment+ListView)
09-11
新闻首页效果[仿网易](ViewPager+Fragment+ListView), 1.添加fragment对象到fragment列表 2.添加title到title列表 3.从title列表中取出内容放到tabLayout容器中 4.创建并初始化适配器 5.为viewPager设定适配器 6.通过tab_FindFragment_title.setupWithViewPager(vp_FindFragment_pager 将TabLayout和ViewPager关联起来
Android——ViewPager+Fragment+ListView之间
Jaylon Wang的专栏
09-11 1092
Android——ViewPager+Fragment+ListView之间 源码下载地址： https://github.com/kkman2008/viewpagerSample       &lt;span style="font-size:18px;"&gt;package com.example.jreduch05;   import android.o...
如何刷新viewpager中的listfragment？
Dhyana
03-29 845
如何刷新viewpager中的listfragment
TabLayout+ViewPager+Fragment实现切页展示
qq_32534441的博客
04-01 518
写在前面 目前大多数的APP都采用的是几个Tab标签以及多个界面滑动的形式来提供多层次的交互体验，最为常用的做法就是采用TabLayout+ViewPager+Fragment的方式，最近在公司项目中遇到类似的界面，也看了各个论坛很多份博客，但是发现都没有完全把这种方法的坑填完，因此写下这篇博客，一方面是对知识的总结，另一方面也能让其他开发者们少走一些弯路，博客内容主要分为四个章节： TabL...
（二）使用ListView嵌套ViewPager实现广告效果和信息列表效果
qq983742902的专栏
11-25 881
在项目的Tab0ViewFragment中使用ListView嵌套ViewPager实现广告效果和信息列表效果 因为ListView和ViewPager都有滑动事件，如果不做特殊处理的话，ViewPager的滑动是不顺畅的 故重写了ListView public class MyListView extends ListView {  public MyListView(Context c
ViewPager+Fragment+ListView+sqlite案例
06-27
综合使用了ViewPager，Fragment，ListView，sqlite，非常适合初学者学习
网易新闻首页效果(ViewPager+Fragment+ListView)
04-30
网易新闻首页效果(ViewPager+Fragment+ListView)
FragmentTabHost+fragment+viewpager listview跟新
02-15
FragmentTabHost+fragment+viewpager为主体框架，登陆为模仿QQ登陆（可以记录每次登陆账号...有较为复杂的xml界面。优酷跑马灯效果，上拉刷新，下拉加载更多的listview.封装的viewpager（在fragment页面内）等效果。
安卓：ViewPager+Fragment+RadioButton实现底部菜单栏滑动切换
01-03
ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个View，然后我们可以左右滑动，从而切换不同的View，我们可以通过setPageTransformer()方法为我们的ViewPager> 设置切换时的动画效果。和ListView，...
四种监听方法
栀未央的博客
07-31 4684
一、匿名监听 匿名监听是比较容易理解的一种监听方法，用的也是十分广泛。public Button login; @Override login =(Button)findViewById(R.id.bt1); //匿名监听 login.setOnClickListener(new View.OnClickListener() { @Override
Android之视频播放以及亮度音量变换
栀未央的博客
09-26 4047
程序实现功能： 播放视频，右侧上下滑动改变亮度，左侧上下滑动改变音量。 现在我们来记住几句重要的属性 清单文件，强制横屏 android:screenOrientation=”landscape” 不会重新执行Oncreat android:configChanges=”orientation|keyboard” android:configChanges=”orientat
BaiduMap百度地图使用攻略
栀未央的博客
06-21 3425
百度地图开放平台攻略 今天做了做定位功能，大意失荆州呀，本来顺顺利利的因为一个不小心，少粘了一段话，定位不成功，好烦，不过也不能怪我，教程这种东西，官方教程写的那么啰嗦，又复杂，索性自己整理个简易版本哒。 第一步 申请AK http://lbsyun.baidu.com/index.php?title=android-locsdk/guide/key 官方的写的比较清
adb检测不到真机或者模拟器解决方案
栀未央的博客
11-02 2261
1.检测不到真机，一直断断续续。 可能是和音乐播放器冲突了，尝试杀死sadb.exe或者tadb.exe进程。 2.检测不到夜神模拟器 1.Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled. 解决方案： 菜单栏，Tools -> Ad
viewpager+fragment综合实例
最新发布
03-16
综合使用ViewPager和Fragment可以实现复杂的页面布局和交互效果。 一个常见的综合实例是实现一个包含多个Fragment的ViewPager，每个Fragment都包含一个列表，点击列表项可以跳转到另一个页面。具体实现步骤如下： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值