Abddoid ViewPager+Fragment+ListView

利用ViewPager.Fragment.ListView完成新聞滑動界面，並且添加標題欄。

*首先注意要添加第三方組件PagerSlidingTabStrip

1.寫FragmentAdapter和ListAdapter以及News新聞類

FragmentAdapter:
package com.example.administrator.jreduch06.adapter;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;

/**
 * Created by Administrator on 2016/8/9.
 */
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);
    }
}

ListAdapter:

package com.example.administrator.jreduch06.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.jreduch06.R;
import com.example.administrator.jreduch06.enitty.News;
import java.util.List;

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

    public MyListAdapter(List<News> 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.pubData=(TextView)convertView.findViewById(R.id.pubData);
            vh.from=(TextView)convertView.findViewById(R.id.from);
            convertView.setTag(vh);
        }else{
            vh=(ViewHolder)convertView.getTag();
        }
        News news=list.get(position);
        vh.title.setText(news.getTitle());
        vh.pubData.setText(news.getPubData());
        vh.from.setText(news.getFrom());
        vh.img.setImageResource(news.getImg());
        return convertView;
    }

    public class ViewHolder{
        ImageView img;
        TextView title;
        TextView pubData;
        TextView from;
    }
 }

News:

package com.example.administrator.jreduch06.enitty;

/**
 * Created by Administrator on 2016/8/9.
 */
public class News {

    private int img;
    private String title;
    private String pubData;
    private String from;

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

    public int getImg() {
        return img;
    }

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

    public String getTitle() {
        return title;
    }

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

    public String getPubData() {
        return pubData;
    }

    public void setPubData(String pubData) {
        this.pubData = pubData;
    }

    public String getFrom() {
        return from;
    }

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

2.FragmentPagerActivity代碼及佈局

佈局：放置一個PagerSlidingTabStrip和ViewPager

<?xml version="1.0" encoding="utf-8"?>
<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="com.example.administrator.jreduch06.FragmentPagerActivity">
    <com.astuetz.PagerSlidingTabStrip
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/pst"
        >
    </com.astuetz.PagerSlidingTabStrip>
<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/vp"
    android:layout_below="@+id/pst"
    >
</android.support.v4.view.ViewPager>
</RelativeLayout>

代碼：

package com.example.administrator.jreduch06;

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

import com.astuetz.PagerSlidingTabStrip;
import com.example.administrator.jreduch06.adapter.MyFragmentAdapter;
import com.example.administrator.jreduch06.fragment.PagerFragment;

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++){
            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.setShouldExpand(true);
//      設置標題欄中的文字平分。
        pst.setIndicatorColor(getResources().getColor(R.color.colorPrimary));
        //標題欄顏色。
        pst.setIndicatorHeight(5);
        //指示條高度。
        pst.setTextColor(getResources().getColor(R.color.colorAccent));
        //標題欄文字顏色。
        pst.setTabBackground(R.drawable.color_background);
        //設置標題欄背景色。
        pst.setViewPager(vp);
    }
}

3.PageFragment佈局及代碼

佈局：

<FrameLayout 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="com.example.administrator.jreduch06.fragment.PagerFragment">
   <ListView
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:id="@+id/lv">
   </ListView>
</FrameLayout>

代碼：

package com.example.administrator.jreduch06.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.jreduch06.R;
import com.example.administrator.jreduch06.adapter.MyListAdapter;
import com.example.administrator.jreduch06.enitty.News;
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<News> list=new ArrayList<>();
        MyListAdapter ma=new MyListAdapter(list,getActivity());
        lv.setAdapter(ma);
        Bundle bundle=getArguments();
        if (bundle!=null) {
         int arg= bundle.getInt("arg");
          switch (arg){
              case 1:
                  for(int i=0;i<20;i++){
               list.add(new News(R.mipmap.sannv,"體育新聞","今天","搜狐網"));
                  }
                  break;
              case 2:
                  for(int i=0;i<20;i++){
                      list.add(new News(R.mipmap.dahai,"國際新聞","昨天","易迅網"));
                  }
                  break;
              case 3:
                  for(int i=0;i<20;i++){
                      list.add(new News(R.mipmap.jietu1,"財經新聞","前天","天涯網"));
                  }
                  break;
              case 4:
                  for(int i=0;i<20;i++){
                      list.add(new News(R.mipmap.ruzixiaoge,"娛樂新聞","今天","網易網"));
                  }
                  break;
              case 5:
                  for(int i=0;i<20;i++){
                      list.add(new News(R.mipmap.huanjue,"奧運新聞","今天","騰訊網"));
                  }
                  break;
           }
        }
    }
}

4.新聞格式佈局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="70dp"
        android:src="@mipmap/ic_launcher"
        android:id="@+id/img"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/title"
        android:text="我是標題"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/img" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/pubData"
        android:text="今天"
        android:layout_alignBaseline="@+id/from"
        android:layout_alignBottom="@+id/from"
        android:layout_toEndOf="@+id/title"
        android:layout_marginStart="96dp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/from"
        android:text="搜狐網"
        android:layout_alignBottom="@+id/img"
        android:layout_toEndOf="@+id/title" />
</RelativeLayout>

完成效果：