private String mParam;
//新聞列表數據
private List<ItemArticle> itemArticleList = new ArrayList<ItemArticle>();

//獲取 fragment 依賴的 Activity，方便使用 Context
private Activity mAct;


public static Fragment newInstance(String param) {
    ArticleFragment fragment = new ArticleFragment();
    Bundle args = new Bundle();
    args.putString(STORE_PARAM, param);
    fragment.setArguments(args);
    return fragment;
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    if (getArguments() != null) {
        mParam = getArguments().getString(STORE_PARAM);
    }
}

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_article, null);
    Log.i(STORE_PARAM, "in StoreFragment");
    mAct = getActivity();
    ButterKnife.inject(this, view);
    return view;
}

@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    rcvArticle.setLayoutManager(new LinearLayoutManager(mAct));//這里用線性顯示 類似于listview

// rcvArticle.setLayoutManager(new GridLayoutManager(mAct, 2));//這里用線性宮格顯示 類似于grid view // rcvArticle.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));//這里用線性宮格顯示 類似于瀑布流

    new LatestArticleTask().execute();

}

@Override
public void onDestroyView() {
    super.onDestroyView();
    ButterKnife.reset(this);
}

class LatestArticleTask extends AsyncTask<String, Void, List<ItemArticle>> {

    @Override
    protected void onPreExecute() {
        super.onPreExecute();
    }

    @Override
    protected List<ItemArticle> doInBackground(String... params) {
        ItemArticle storeInfo1 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        ItemArticle storeInfo2 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        ItemArticle storeInfo3 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        ItemArticle storeInfo4 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        ItemArticle storeInfo5 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        ItemArticle storeInfo6 =
                new ItemArticle(20123, "http://i2.sinaimg.cn/ent/j/2012-05-20/U5912P28T3D3634984F328DT20120520152700.JPG", "關于舉辦《經典音樂作品欣賞與人文審美》講座的通知", "2015-01-09", "科學研究院", 1129,
                        "講座主要內容：以中、西方音樂歷史中經典音樂作品為基礎，通過作曲家及作品創作背景、相關音樂文化史知識及音樂欣賞常識...");
        itemArticleList.add(storeInfo1);
        itemArticleList.add(storeInfo2);
        itemArticleList.add(storeInfo3);
        itemArticleList.add(storeInfo4);
        itemArticleList.add(storeInfo5);
        itemArticleList.add(storeInfo6);
        return itemArticleList;
    }

    @Override
    protected void onPostExecute(List<ItemArticle> data) {
        super.onPostExecute(data);
        ItemArticleAdapter adapter = new ItemArticleAdapter(mAct, data);
        rcvArticle.setAdapter(adapter);
    }
}

}</pre>

效果圖

利用修改布局，線性顯示或者宮格顯示。（以前宮格顯示很麻煩，現在一條命令就好了，google 搞得這么簡單，我們 Android 工程師要失業的好伐？！！）

rcvArticle.setLayoutManager(new LinearLayoutManager(mAct));//這里用線性顯示 類似于listview
// rcvArticle.setLayoutManager(new GridLayoutManager(mAct, 2));//這里用線性宮格顯示 類似于grid view
// rcvArticle.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));//這里用線性宮格顯示 類似于瀑布流

知識點

TextView需要有setText(int resid) 方法，但是這兒 int 表示 resourceId，如果我想把閱讀次數（int 1123）賦給這個 TextView，不能使用這個方法。
需要把 int 轉化為 String

int 轉 String 有三種方法
int i =8;
String s =Integer.toString(i);
String g =String.valueOf(i);
String h =i+"";
holder.rcvArticleReadtimes.setText(String.valueOf(article.getReadTimes()));    

總結 Todo List

• Picasso 圖片緩存庫的學習
• 實現 RecyclerView 每個項各自的布局

遇到的坑

rcvArticle.setLayoutManager()需要在onActivityCreated()方法里調用，如果在onCreateView()調用會拋出空指針異常。