RecyclerView多條目+Fresco+MVP+OkHttp二次封裝
阿新 • • 發佈：2018-12-13
RecyclerView在現在公司中開發專案使用的還是比較多的,今天我們一起來交流一下RecyclerView多條目.
今天我使用的有:
網路請求框架----->OkHttp二次封裝
程式碼架構------>MVP
圖片處理框架----->Fresco
載入多條目------->RecyclerView
接下來開始專案的操作:
1.搭建環境:
配置依賴:
/*android5.0的新特性使用*/
implementation 'com.android.support:support-v13:28.0.0'
implementation 'com.android.support:cardview-v7:28.0.0' 網路許可權:
<uses-permission android:name="android.permission.INTERNET"/>
然後是我們今天載入圖片框架使用的是Fresco所以我們需要自定義MyApplication類,那麼我們必須在AndroidManifest(清單檔案)裡註冊:
<application android:name=".myapp.MyApplication" </application>
自定義MyAppliaction:
package com.example.myjob.myapp;
import android.app.Application;
import com.facebook.drawee.backends.pipeline.Fresco;
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
Fresco.initialize(this);
}
}
2.MainActivity:
在這裡我們需要進行頁面的佈局,我這裡寫了兩個fragment,今天主要展示其中RecyclerView多條目的一個頁面,首先初始化頁面,在這裡我採用的是TabLayout和ViewPager來實現頁面的聯動
package com.example.myjob.activity;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import com.example.myjob.R;
import com.example.myjob.fragment.RecyclerViewFragment;
import com.example.myjob.adapter.ViewPagerAdapter;
import com.example.myjob.fragment.LadderFragment;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private ViewPager vp;
private TabLayout tab;
private ViewPagerAdapter mViewPagerAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控制元件
initView();
//建立介面卡
mViewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager());
//建立fragment
ArrayList<Fragment> fragments = new ArrayList<>();
fragments.add(new LadderFragment());
fragments.add(new RecyclerViewFragment());
mViewPagerAdapter.setData(fragments);
vp.setAdapter(mViewPagerAdapter);
tab.setupWithViewPager(vp);
}
private void initView() {
vp = (ViewPager) findViewById(R.id.vp);
tab = (TabLayout) findViewById(R.id.tab);
}
}
佈局檔案:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".activity.MainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="9">
</android.support.v4.view.ViewPager>
<android.support.design.widget.TabLayout
android:id="@+id/tab"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
</android.support.design.widget.TabLayout>
</LinearLayout>
ViewPager+TabLayout的介面卡
package com.example.myjob.adapter;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.ArrayList;
public class ViewPagerAdapter extends FragmentPagerAdapter {
private ArrayList<Fragment> mFragments;
public ViewPagerAdapter(FragmentManager fm) {
super(fm);
mFragments = new ArrayList<>();
}
public void setData(ArrayList<Fragment> fragments) {
this.mFragments = fragments;
}
@Override
public Fragment getItem(int i) {
return mFragments.get(i);
}
@Override
public int getCount() {
return mFragments.size();
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
switch (position){
case 0:
return "三色階梯";
case 1:
return "主頁";
}
return null;
}
}
2,Recycler多條目展示頁面
package com.example.myjob.fragment;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.OrientationHelper;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;
import com.example.myjob.R;
import com.example.myjob.adapter.RecyclerViewAdapter;
import com.example.myjob.bean.DataItem;
import com.example.myjob.persenter.RecyclerViewPersenter;
import com.example.myjob.view.RecyclerViewView;
import java.util.List;
/**
* date:2018/12/1
* author:李壯(大壯)
* function:
*/
public class RecyclerViewFragment extends Fragment implements RecyclerViewView {
private RecyclerView recyclerview;
private RecyclerViewAdapter mRecyclerViewAdapter;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = View.inflate(getActivity(), R.layout.recyclerview, null);
//初始化控制元件
initView(view);
//建立介面卡
mRecyclerViewAdapter = new RecyclerViewAdapter(getActivity());
//載入資料
initData();
//新增到介面卡
recyclerview.setAdapter(mRecyclerViewAdapter);
//設定佈局管理器
recyclerview.setLayoutManager(new LinearLayoutManager(getContext(),OrientationHelper.VERTICAL,false));
return view;
}
//獲取網路資料
private void initData() {
//建立P層
new RecyclerViewPersenter().onCreat(this).loadData();
}
private void initView(View view) {
recyclerview = (RecyclerView) view.findViewById(R.id.recyclerview);
}
@Override
public void success(final List<DataItem.ResultBean.DataBean> data) {
getActivity().runOnUiThread(new Runnable() {
@Override
public void run() {
mRecyclerViewAdapter.setData(data);
}
});
}
@Override
public void failtrue() {
}
}
P層
package com.example.myjob.persenter;
import com.example.myjob.bean.DataItem;
import com.example.myjob.model.RecyclerViewModel;
import com.example.myjob.util.OkHttpUtils;
import com.example.myjob.view.RecyclerViewView;
import java.util.List;
public class RecyclerViewPersenter {
private RecyclerViewView mRecyclerViewView;
public RecyclerViewPersenter onCreat(RecyclerViewView recyclerViewView) {
mRecyclerViewView = recyclerViewView;
return this;
}
//初始化網路
public void loadData(){
//建立M層
new RecyclerViewModel().doGet(OkHttpUtils.getInstance(), new RecyclerViewModel.Callback() {
@Override
public void success(List<DataItem.ResultBean.DataBean> data) {
mRecyclerViewView.success(data);
}
@Override
public void failtrue(Exception e) {
}
});
}
}
M層
package com.example.myjob.model;
import com.example.myjob.bean.DataItem;
import com.example.myjob.util.OkHttpUtils;
import com.google.gson.Gson;
import java.util.List;
/**
* date:2018/12/1
* author:李壯(大壯)
* function:
*/
public class RecyclerViewModel {
private String path = "http://v.juhe.cn/toutiao/index?type=&key=83a69c67e9272f816e42450ef0eb50ee";
public void doGet(OkHttpUtils okHttpUtils, final Callback callback){
OkHttpUtils.getInstance().doGet(path, new OkHttpUtils.onOkCallback() {
@Override
public void success(String json) {
DataItem dataItem = new Gson().fromJson(json, DataItem.class);
List<DataItem.ResultBean.DataBean> data = dataItem.getResult().getData();
callback.success(data);
}
@Override
public void failtrue(Exception e) {
callback.failtrue(e);
}
});
}
public interface Callback{
void success(List<DataItem.ResultBean.DataBean> data);
void failtrue(Exception e);
}
}
V層
package com.example.myjob.view;
import com.example.myjob.bean.DataItem;
import java.util.List;
public interface RecyclerViewView {
void success(List<DataItem.ResultBean.DataBean> data);
void failtrue();
}
RecyclerView多條目介面卡
package com.example.myjob.adapter;
import android.content.Context;
import android.net.Uri;
import android.support.annotation.NonNull;
import android.support.v4.app.FragmentActivity;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import com.example.myjob.R;
import com.example.myjob.bean.DataItem;
import com.facebook.drawee.view.SimpleDraweeView;
import java.util.ArrayList;
import java.util.List;
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
private final int TYPEONE = 1;
private final int TYPETWO = 2;
private final int TYPETHREE = 3;
private Context mContext;
private List<DataItem.ResultBean.DataBean> mDataBeans;
public RecyclerViewAdapter(Context context) {
this.mContext = context;
mDataBeans = new ArrayList<>();
}
public void setData(List<DataItem.ResultBean.DataBean> data) {
mDataBeans.clear();
if (data != null){
mDataBeans.addAll(data);
}
notifyDataSetChanged();
}
@Override
public int getItemViewType(int position) {
if (mDataBeans.get(position).getThumbnail_pic_s03() != null){
return TYPETHREE;
}else if (mDataBeans.get(position).getThumbnail_pic_s02() != null){
return TYPETWO;
}else {
return TYPEONE;
}
}
@NonNull
@Override
public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
if (i == TYPEONE){
View view = View.inflate(mContext,R.layout.one_item,null);
ViewHolderOne viewHolderOne = new ViewHolderOne(view);
return viewHolderOne;
}else if (i == TYPETWO){
View view = View.inflate(mContext,R.layout.two_item,null);
ViewHolderTwo viewHolderTwo = new ViewHolderTwo(view);
return viewHolderTwo;
}else if (i == TYPETHREE){
View view = View.inflate(mContext,R.layout.three_item,null);
ViewHolderThree viewHolderThree = new ViewHolderThree(view);
return viewHolderThree;
}
return null;
}
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
int type = viewHolder.getItemViewType();
if (type == TYPEONE){
ViewHolderOne viewHolderOne = (ViewHolderOne)viewHolder;
Uri parse = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s());
//GenericDraweeHierarchyBuilder genericDraweeHierarchyBuilder = new GenericDraweeHierarchyBuilder(mContext.getResources());
//viewHolderOne.recyclerview_one_icon.setHierarchy(genericDraweeHierarchyBuilder);
viewHolderOne.recyclerview_one_icon.setImageURI(parse);
viewHolderOne.recyclerview_one_title.setText(mDataBeans.get(i).getTitle());
return;
}else if (type == TYPETWO){
ViewHolderTwo viewHolderTwo = (ViewHolderTwo) viewHolder;
Uri parseLeft = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s());
Uri parseRight = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s02());
// GenericDraweeHierarchyBuilder genericDraweeHierarchyBuilder = new GenericDraweeHierarchyBuilder(mContext.getResources());
viewHolderTwo.recyclertwo_two_left_icon.setImageURI(parseLeft);
viewHolderTwo.recyclertwo_two_right_icon.setImageURI(parseRight);
return;
}else{
ViewHolderThree viewHolderThree = (ViewHolderThree) viewHolder;
Uri parseLeft = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s());
Uri parseCenter = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s02());
Uri parseRight = Uri.parse(mDataBeans.get(i).getThumbnail_pic_s03());
viewHolderThree.recyclerview_three_left_icon.setImageURI(parseLeft);
viewHolderThree.recyclerview_three_center_icon.setImageURI(parseCenter);
viewHolderThree.recyclerview_three_right_icon.setImageURI(parseRight);
return;
}
}
@Override
public int getItemCount() {
return mDataBeans.size();
}
private class ViewHolderOne extends RecyclerView.ViewHolder{
private SimpleDraweeView recyclerview_one_icon;
private TextView recyclerview_one_title;
public ViewHolderOne(@NonNull View itemView) {
super(itemView);
recyclerview_one_icon = itemView.findViewById(R.id.recyclerview_one_icon);
recyclerview_one_title = itemView.findViewById(R.id.recyclerview_one_title);
}
}
private class ViewHolderTwo extends RecyclerView.ViewHolder {
private SimpleDraweeView recyclertwo_two_left_icon;
private SimpleDraweeView recyclertwo_two_right_icon;
public ViewHolderTwo(@NonNull View itemView) {
super(itemView);
recyclertwo_two_left_icon = itemView.findViewById(R.id.recyclerview_two_left_icon);
recyclertwo_two_right_icon = itemView.findViewById(R.id.recyclerview_two_right_icon);
}
}
private class ViewHolderThree extends RecyclerView.ViewHolder{
private SimpleDraweeView recyclerview_three_left_icon;
private SimpleDraweeView recyclerview_three_center_icon;
private SimpleDraweeView recyclerview_three_right_icon;
public ViewHolderThree(@NonNull View itemView) {
super(itemView);
recyclerview_three_left_icon = itemView.findViewById(R.id.recyclerview_three_left_icon);
recyclerview_three_center_icon = itemView.findViewById(R.id.recyclerview_three_center_icon);
recyclerview_three_right_icon = itemView.findViewById(R.id.recyclerview_three_right_icon);
}
}
}
3.OkHttp二次封裝:
package com.example.myjob.util;
import android.os.Handler;
import android.os.Looper;
import java.io.IOException;
import java.util.Map;
import java.util.concurrent.TimeUnit;
import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.FormBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
/**
* date:2018/12/1
* author:李壯(大壯)
* function:
*/
public class OkHttpUtils {
private static OkHttpUtils mOkHttpUtils;
private Handler mHandler;
private OkHttpClient mOkHttpClient;
//建立一個私有的構造引數
private OkHttpUtils(){
//建立一個主執行緒handler
mHandler = new Handler(Looper.getMainLooper());
mOkHttpClient = new OkHttpClient.Builder()
.readTimeout(10,TimeUnit.SECONDS)
.connectTimeout(10,TimeUnit.SECONDS)
.writeTimeout(10,TimeUnit.SECONDS)
.build();
}
//單例模式
public static OkHttpUtils getInstance(){
if (mOkHttpUtils == null){
synchronized (OkHttpUtils.class){
if (mOkHttpUtils == null){
mOkHttpUtils = new OkHttpUtils();
}
}
}
return mOkHttpUtils;
}
//介面回撥
public interface onOkCallback{
//成功
void success(String json);
//失敗
void failtrue(Exception e);
}
//封裝doPost
public void doPost(String url, Map<String,String> map, final onOkCallback okCallback){
FormBody.Builder builder = new FormBody.Builder();
if (map != null){
for (String key : map.keySet()){
builder.add(key,map.get(key));
}
}
FormBody formBody = builder.build();
//建立Request
final Request request = new Request.Builder()
.post(formBody)
.url(url)
.build();
//建立call
Call call = mOkHttpClient.newCall(request);
call.enqueue(new Callback() {
@Override
public void onFailure(Call call, final IOException e) {
if (okCallback != null){
mHandler.post(new Runnable() {
@Override
public void run() {
okCallback.failtrue(e);
}
});
}
}
@Override
public void onResponse(Call call, Response response) throws IOException {
try {
if (response != null && response.isSuccessful()){
final String json = response.body().string();
if (okCallback != null){
mHandler.post(new Runnable() {
@Override
public void run() {
okCallback.success(json);
}
});
}
}
}catch (Exception e){
e.printStackTrace();
}
}
});
}
//封裝doGet
public void doGet(String url, final onOkCallback okCallback){
//建立Request
final Request request = new Request.Builder()
.get()
.url(url)
.build();
//建立call
Call call = mOkHttpClient.newCall(request);
call.enqueue(new Callback() {
@Override
public void onFailure(Call call, final IOException e) {
if (okCallback != null){
mHandler.post(new Runnable() {
@Override
public void run() {
okCallback.failtrue(e);
}
});
}
}
@Override
public void onResponse(Call call, Response response) throws IOException {
try {
if (response != null && response.isSuccessful()){
final String json = response.body().string();
if (okCallback != null){
mHandler.post(new Runnable() {
@Override
public void run() {
okCallback.success(json);
}
});
}
}
}catch (Exception e){
e.printStackTrace();
}
}
});
}
}
4.Bean類:
package com.example.myjob.bean;
import java.util.List;
/**
* date:2018/12/1
* author:李壯(大壯)
* function: 多條目展示bean類
*/
public class DataItem {
private String reason;
private ResultBean result;
private int error_code;
public String getReason() {
return reason;
}
public void setReason(String reason) {
this.reason = reason;
}
public ResultBean getResult() {
return result;
}
public void setResult(ResultBean result) {
this.result = result;
}
public int getError_code() {
return error_code;
}
public void setError_code(int error_code) {
this.error_code = error_code;
}
public static class ResultBean {
private String stat;
private List<DataBean> data;
public String getStat() {
return stat;
}
public void setStat(String stat) {
this.stat = stat;
}
public List<DataBean> getData() {
return data;
}
public void setData(List<DataBean> data) {
this.data = data;
}
public static class DataBean {
private String uniquekey;
private String title;
private String date;
private String category;
private String author_name;
private String url;
private String thumbnail_pic_s;
private String thumbnail_pic_s02;
private String thumbnail_pic_s03;
public String getUniquekey() {
return uniquekey;
}
public void setUniquekey(String uniquekey) {
this.uniquekey = uniquekey;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getDate() {
return date;
}
public void setDate(String date) {
this.date = date;
}
public String getCategory() {
return category;
}
public void setCategory(String category) {
this.category = category;
}
public String getAuthor_name() {
return author_name;
}
public void setAuthor_name(String author_name) {
this.author_name = author_name;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public String getThumbnail_pic_s() {
return thumbnail_pic_s;
}
public void setThumbnail_pic_s(String thumbnail_pic_s) {
this.thumbnail_pic_s = thumbnail_pic_s;
}
public String getThumbnail_pic_s02() {
return thumbnail_pic_s02;
}
public void setThumbnail_pic_s02(String thumbnail_pic_s02) {
this.thumbnail_pic_s02 = thumbnail_pic_s02;
}
public String getThumbnail_pic_s03() {
return thumbnail_pic_s03;
}
public void setThumbnail_pic_s03(String thumbnail_pic_s03) {
this.thumbnail_pic_s03 = thumbnail_pic_s03;
}
}
}
}
最後還有一些佈局:RecyclerView的佈局,多條目的佈局:
recyclerView:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</LinearLayout>
三種佈局Xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_one_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@mipmap/ic_launcher"/>
<TextView
android:id="@+id/recyclerview_one_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="標題"/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_two_right_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="25dp"
android:layout_marginEnd="108dp"
android:layout_marginRight="108dp"
android:src="@mipmap/ic_launcher" />
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_two_left_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="21dp"
android:layout_marginEnd="238dp"
android:layout_marginRight="238dp"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_three_left_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@mipmap/ic_launcher"/>
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_three_center_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="163dp"
android:layout_marginLeft="163dp"
android:layout_marginTop="0dp"
android:src="@mipmap/ic_launcher" />
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/recyclerview_three_right_icon"
android:layout_width<