Activity---Fragment---listView的实现

2023-03-07 16:11:54

我们要做的是在Activity中加入一个ViewPager,利用ViewPager的适配器（继承于FragmentPagerAdapter）将Fragment加到其中，而我们在又在Fragment中又加入了一个ListVIew，这又要一个继承与BaseAdapter的适配器。

当我们滑动ViewPager时，顶栏也联动滑动，这需要一个第三方组件，PagerSlidingTabStrip。导包等一系列步骤暂不说明。

1、首先，建立一个Activity，里面有ViewPager和PagerSlidingTabStrip

代码如下：

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.example.administrator.homeworepar.Fragment.adapter.MyFragmentAdapter;
import com.example.administrator.homeworepar.Fragment.adapter.PagerFragment;
import com.example.administrator.homeworepar.R;

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

public class FragmentPagerActivity extends AppCompatActivity {
    private ViewPager vp;
    private PagerSlidingTabStrip pst;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fragment_pager);
        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("奥运");
        for(int i=1;i<=5;i++){                       //Bundle的作用为在Activity和Fragment中传值
            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);
        pst.setIndicatorColor(getResources().getColor(R.color.colorPrimary)); //顶栏的各种属性
        pst.setIndicatorHeight(3);
        pst.setUnderlineColor(getResources().getColor(R.color.colorAccent));   
        pst.setTextColor(getResources().getColor(R.color.colorPrimary));
        pst.setDividerColor(getResources().getColor(R.color.color1));
        //pst.setShouldExpand(true); 当标题过少时，可以设置标题均分标题栏
       // pst.setTabBackground(5);

        pst.setViewPager(vp);
    }
}

MyFragmentAdapter 适配器
把Fragment放到ViewPager
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);
}
}

再把ListView放到Fragment中，Fragment中建立一个ListView，在ListView中放一个NewsOne类，
还需要一个适配器，扩展BaseAdapter，作用是把新闻类数据传到ListView中
Fragment中的代码如下：

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

import com.example.administrator.homeworepar.R;

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

/**
* A simple {@link Fragment} subclass.
*/
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);
ListView lv= (ListView) getView().findViewById(R.id.lv);
List<NewsOne> list=new ArrayList<>(); //将新闻类放到Fragment中
MyListViewAdapter ma=new MyListViewAdapter(list,getActivity());
lv.setAdapter(ma);
Bundle bundle=getArguments();
if(bundle!=null){
int arg= bundle.getInt("arg");
switch (arg){
case 1: //将Bundle传来的值得到，设置五个左右滑动的页面
for(int i=1;i<20;i++){
list.add(new NewsOne(R.mipmap.image12,"刚刚","体育新闻"+i));
}
ma.notifyDataSetChanged();
break;
case 2:
for(int i=1;i<20;i++){
list.add(new NewsOne(R.mipmap.image12,"刚刚","奥运集锦"+i));
}
ma.notifyDataSetChanged();
break;
case 3:
for(int i=1;i<20;i++){
list.add(new NewsOne(R.mipmap.image12,"刚刚","国际新闻"+i));
}
ma.notifyDataSetChanged();
break;
case 4:
for(int i=1;i<20;i++){
list.add(new NewsOne(R.mipmap.image12,"刚刚","财经新闻"+i));
}
ma.notifyDataSetChanged();
break;
case 5:
for(int i=1;i<20;i++){
list.add(new NewsOne(R.mipmap.image12,"刚刚","国内新闻"+i));
}
ma.notifyDataSetChanged();
break;
}

}
}
}

名为MyListViewAdapter的适配器，作用是将News类加到Fragment中
package com.example.administrator.homeworepar.Fragment.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.administrator.homeworepar.R;

import java.util.List;

/**
* Created by Administrator on 2016/8/9.
*/
public class MyListViewAdapter extends BaseAdapter {
private List<NewsOne> list;
private Context context;

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

@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;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder vh;
if(convertView==null){
vh=new ViewHolder();
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);
convertView.setTag(vh);
}else{
vh=(ViewHolder)convertView.getTag();
}
NewsOne newsOne=list.get(position);
vh.img.setImageResource(newsOne.getImg());
vh.title.setText(newsOne.getTitle());
vh.pubdate.setText(newsOne.getPubDate());
return convertView;
}
private class ViewHolder{
ImageView img;
TextView title;
TextView pubdate;
}
}

码农公寓

相关文章