资讯专栏INFORMATION COLUMN

试用一下RxJava加Retrofit

番茄西红柿 / 670人阅读

摘要:本人面试现在的公司就是来做安卓的,但是人手不够让我做做前端正文安卓现在比较热火的四大框架应该是,,,。

前言

这段时间我已经在一个公司实习了,虽然工资不高,我并没有太多的介意。但是有一点是我不舒服的,负责我们部门的经理助理似乎看不起实习生,对我有些轻蔑。主要是他技术也不是很牛逼那种。整个公司用的技术还是比较落后那种。当我推荐Vue时竟然说这种别人封装好的js不太好。当时内心有一千条草泥马奔跑,那你为什么还要用jQuery?so,我打算跳槽,跳去更有发展的公司,毕竟我现在是实习,主要还是希望得到成长~于是接到了一个安卓面试,所以特地前来写下这篇文章进行复习。(本人面试现在的公司就是来做安卓的,但是人手不够让我做做前端)

正文

安卓现在比较热火的四大框架应该是Rxjava,retrofit,Okhttp,Dagger。于是我去翻各种博文自己尝试着去写一个小demo。首先来看看我们这个小demo的一个效果图:

可以看到我们这个demo就是调用了一个接口,有一个滑动列表,有图片,有的是视频,点进去可以观看视频。一个很简单的App DEMO。好了废话不多说,让我们开始吧! 第一,先来看看我们整个项目引入的依赖:

</>复制代码

  1. implementation fileTree(dir: libs, include: [*.jar])
  2. implementation com.android.support:appcompat-v7:27.1.0
  3. implementation com.android.support:recyclerview-v7:27.1.0
  4. implementation com.android.support:cardview-v7:27.1.0
  5. implementation com.android.support.constraint:constraint-layout:1.0.2
  6. testImplementation junit:junit:4.12
  7. androidTestImplementation com.android.support.test:runner:1.0.1
  8. androidTestImplementation com.android.support.test.espresso:espresso-core:3.0.1
  9. //最主要的是下面这几条
  10. implementation "io.reactivex.rxjava2:rxjava:2.1.10"
  11. implementation io.reactivex.rxjava2:rxandroid:2.0.2
  12. implementation com.squareup.retrofit2:retrofit:2.4.0
  13. implementation com.squareup.retrofit2:converter-gson:2.3.0
  14. implementation com.squareup.retrofit2:adapter-rxjava2:2.3.0
  15. implementation com.github.bumptech.glide:glide:4.6.1

其次来看看我们整个项目的一个结构图(MVP架构,直接用MVPHelper生成的):

现在来介绍一下整个项目结构:

contract包里面放的是接口,用来约束后面的开发;

model里面就是实体类对象和提供后台数据的请求接口;

presenter,很明显就是MVP中的P,主持者类;

view里面本来我是要把activity也放进去的,但是没放,里面就放了一个RecyclerView的适配器。

utils里面是一个创建Retrofit的工厂类

至此,整个包的项目结构就算是介绍完成了。

第二,在主界面布局文件中加入一个RcyclerView和一个ProgressBar,根布局我们直接使用的是ConstraintLayout:

</>复制代码

  1. "http://schemas.android.com/apk/res/android"
  2. xmlns:app="http://schemas.android.com/apk/res-auto"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. tools:context="top.cyixlq.rxtestapp.MainActivity">
  7. "@+id/pro"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:visibility="gone"
  11. app:layout_constraintBottom_toBottomOf="parent"
  12. app:layout_constraintEnd_toEndOf="parent"
  13. app:layout_constraintStart_toStartOf="parent"
  14. app:layout_constraintTop_toTopOf="parent" />
  15. "@+id/rec"
  16. android:layout_width="0dp"
  17. android:layout_height="0dp"
  18. app:layout_constraintBottom_toBottomOf="parent"
  19. app:layout_constraintEnd_toEndOf="parent"
  20. app:layout_constraintStart_toStartOf="parent"
  21. app:layout_constraintTop_toTopOf="parent" />

接着就是创建一个RecyclerView的单个条目布局文件joker_rec_item.xml,根布局我们用的是CardView:

</>复制代码

  1. "http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. app:cardCornerRadius="5dp"
  6. app:cardElevation="3dp"
  7. app:contentPadding="5dp"
  8. android:layout_marginBottom="5dp">
  9. "@+id/title"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:text="标题"
  13. android:textSize="15sp"/>
  14. "@+id/content"
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:textSize="10sp"
  18. android:layout_marginTop="20dp"
  19. android:text="内容"/>
  20. "@+id/img"
  21. android:layout_width="match_parent"
  22. android:layout_height="wrap_content"
  23. android:layout_marginTop="40dp"/>

可以看出这个布局很简单,就是标题内容都是TextView,还有一个ImageView来展示图片。 然后把约束类建立起来,JokerContract:

</>复制代码

  1. public interface JokerContract {
  2. interface Model {
  3. void getJokerList(String type,String page,Observer observer);
  4. }
  5. interface View {
  6. void showJokerList(List list);
  7. void getJokerListFinish();
  8. void getJokerListErro(String msg);
  9. }
  10. interface Presenter {
  11. void getJokerList(String type,String page);
  12. }
  13. }

第三,完成我们的Retrofit的工厂类RetrofitFactory:

</>复制代码

  1. public class RetrofitFactory {
  2. private final static String BASE_URL="https://www.apiopen.top/";
  3. private static final long TIMEOUT = 30;
  4. private static JokerApiService jokerApiService=new Retrofit.Builder()
  5. .baseUrl(BASE_URL)
  6. //添加Gson转换器
  7. .addConverterFactory(GsonConverterFactory.create())
  8. //// 添加Retrofit到RxJava的转换器
  9. .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
  10. .build()
  11. .create(JokerApiService.class);
  12. public static JokerApiService getJokerApiService(){
  13. return jokerApiService;
  14. }
  15. }

第四,完成M层,先完成接口api的请求,在model包中的apiservices包中新建一个接口,JokerApiService:

</>复制代码

  1. public interface JokerApiService {
  2. @GET("satinApi")
  3. Observable getJokerList(@Query("type")String type,@Query("page")String page);
  4. }

然后利用GsonFormat创建实体类Joker(内容有点长,但是其实我们会用到的属性不多):

</>复制代码

  1. public class Joker {
  2. private int code;
  3. private String msg;
  4. private List data;
  5. //get和set省略
  6. public static class DataBean {
  7. private String type;
  8. private String text;
  9. private String user_id;
  10. private String name;
  11. private String screen_name;
  12. private String profile_image;
  13. private String created_at;
  14. private Object create_time;
  15. private String passtime;
  16. private String love;
  17. private String hate;
  18. private String comment;
  19. private String repost;
  20. private String bookmark;
  21. private String bimageuri;
  22. private Object voiceuri;
  23. private Object voicetime;
  24. private Object voicelength;
  25. private String status;
  26. private String theme_id;
  27. private String theme_name;
  28. private String theme_type;
  29. private String videouri;
  30. private int videotime;
  31. private String original_pid;
  32. private int cache_version;
  33. private String playcount;
  34. private String playfcount;
  35. private String cai;
  36. private Object weixin_url;
  37. private String image1;
  38. private String image2;
  39. private boolean is_gif;
  40. private String image0;
  41. private String image_small;
  42. private String cdn_img;
  43. private String width;
  44. private String height;
  45. private String tag;
  46. private int t;
  47. private String ding;
  48. private String favourite;
  49. private Object top_cmt;
  50. private Object themes;
  51. //get和set省略
  52. }
  53. }

接着就是把Model类建起来,JokerModel:

</>复制代码

  1. public class JokerModel implements JokerContract.Model {
  2. @Override
  3. public void getJokerList(String type, String page, Observer observer) {
  4. JokerApiService apiService=RetrofitFactory.getJokerApiService(); //获取接口
  5. Observable observable= apiService.getJokerList(type,page); //利用接口获取数据
  6. observable.subscribeOn(Schedulers.io()).observeOn(AndroidSchedulers.mainThread())
  7. .subscribe(observer); //在IO线程执行,发送结果到主线程
  8. }
  9. }
这样,M层算是完成了。

第五,完成P层,新建JokerPresenter:

</>复制代码

  1. public class JokerPresenter implements JokerContract.Presenter {
  2. JokerContract.Model mModel;
  3. JokerContract.View mView;
  4. public JokerPresenter(JokerContract.View view){
  5. mModel=new JokerModel();
  6. this.mView=view;
  7. }
  8. @Override
  9. public void getJokerList(String type, String page) {
  10. mModel.getJokerList(type,page,new Observer(){
  11. @Override
  12. public void onSubscribe(Disposable d) {
  13. }
  14. @Override
  15. public void onNext(Joker joker) {
  16. List list=joker.getData();
  17. mView.showJokerList(list); //视图层将列表结果展示出来
  18. }
  19. @Override
  20. public void onError(Throwable e) {
  21. mView.getJokerListErro(e.getMessage()); //视图层将错误信息显示出来
  22. }
  23. @Override
  24. public void onComplete() {
  25. mView.getJokerListFinish(); //视图层完成数据获取状态
  26. }
  27. });
  28. }
  29. }
至此,P层算是完成了。

第六,完成V层,也就是视图层,在第一步中我们已经把各种布局写完了,这里我们主要写activity和RecyclerView的适配器。先来写适配器,JokerAdapter:

</>复制代码

  1. public class JokerAdapter extends RecyclerView.Adapter {
  2. private List list;
  3. private Context mContext;
  4. private OnItemClickListener mOnItemClickListener;
  5. public JokerAdapter(List list,Context context){
  6. this.list=list;
  7. this.mContext=context;
  8. }
  9. @Override
  10. public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  11. View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.joker_rec_item,parent,false);
  12. MyViewHolder viewHolder=new MyViewHolder(view);
  13. return viewHolder;
  14. }
  15. @Override
  16. public void onBindViewHolder(MyViewHolder holder, final int position) {
  17. holder.txt_title.setText(list.get(position).getName());
  18. holder.txt_content.setText(list.get(position).getText());
  19. Glide.with(mContext).load(list.get(position).getBimageuri()).into(holder.img);
  20. if(mOnItemClickListener!=null){
  21. holder.itemView.setOnClickListener(new View.OnClickListener() {
  22. @Override
  23. public void onClick(View view) {
  24. mOnItemClickListener.onClick(position);
  25. }
  26. });
  27. }
  28. }
  29. @Override
  30. public int getItemCount() {
  31. return list.size();
  32. }
  33. //本来这个内部类是没有设置成静态的,但是听说不是静态的会造成内存泄漏?还望大神给我这个小白解答一下,感激不尽!
  34. static class MyViewHolder extends RecyclerView.ViewHolder{
  35. TextView txt_title;
  36. TextView txt_content;
  37. ImageView img;
  38. public MyViewHolder(View itemView) {
  39. super(itemView);
  40. txt_title=itemView.findViewById(R.id.title);
  41. txt_content=itemView.findViewById(R.id.content);
  42. img=itemView.findViewById(R.id.img);
  43. }
  44. }
  45. //点击事件接口
  46. public interface OnItemClickListener{
  47. void onClick( int position);
  48. }
  49. //设置点击事件
  50. public void setOnItemClickListener(OnItemClickListener onItemClickListener ){
  51. this.mOnItemClickListener=onItemClickListener;
  52. }
  53. }

以上就是我的适配器的所有代码,其中有个问题想请教诸位大神,还请大神不吝赐教:ViewHolder那个内部类是没有设置成静态的,但是听说不是静态的会造成内存泄漏?还望大神给我这个小白解答一下,感激不尽! 接着就是MainActivity:

</>复制代码

  1. public class MainActivity extends AppCompatActivity implements JokerContract.View{
  2. public static final String TAG="MainActivity";
  3. JokerPresenter mPresenter;
  4. JokerAdapter mAdapter;
  5. List mList;
  6. private RecyclerView mRecyclerView;
  7. private ProgressBar mProgressBar;
  8. @Override
  9. protected void onCreate(Bundle savedInstanceState) {
  10. super.onCreate(savedInstanceState);
  11. setContentView(R.layout.activity_main);
  12. mPresenter=new JokerPresenter(this);
  13. mRecyclerView=findViewById(R.id.rec);
  14. mProgressBar=findViewById(R.id.pro);
  15. initData();
  16. mPresenter.getJokerList("29","1"); //我们只获取了第一页的数据
  17. }
  18. private void initData(){
  19. mList=new ArrayList<>();
  20. mAdapter=new JokerAdapter(mList,this);
  21. mAdapter.setOnItemClickListener(new JokerAdapter.OnItemClickListener() { //设置点击事件
  22. @Override
  23. public void onClick(int position) {
  24. String url=mList.get(position).getVideouri(); //获取对应的视频链接,并且通过intent携带链接进行跳转
  25. Intent intent=new Intent(MainActivity.this,VideoPlayActivity.class);
  26. intent.putExtra("url",url);
  27. startActivity(intent);
  28. }
  29. });
  30. LinearLayoutManager manager=new LinearLayoutManager(MainActivity.this);
  31. mRecyclerView.setLayoutManager(manager);
  32. mRecyclerView.setAdapter(mAdapter);
  33. }
  34. @Override
  35. public void showJokerList(List list) {
  36. mProgressBar.setVisibility(View.VISIBLE);
  37. mList.addAll(list);
  38. mAdapter.notifyDataSetChanged();
  39. }
  40. @Override
  41. public void getJokerListFinish() {
  42. mProgressBar.setVisibility(View.GONE);
  43. }
  44. @Override
  45. public void getJokerListErro(String msg) {
  46. Toast.makeText(this, msg, Toast.LENGTH_SHORT).show();
  47. Log.e(TAG,msg);
  48. }
  49. }
至此,V层算是完成了。

第七,就是完成VideoActivity啦,我直接用的VideoView来播放网络视频,先把VideoActivity布局文件写好,activity_video_play.xml:

</>复制代码

  1. "http://schemas.android.com/apk/res/android"
  2. xmlns:app="http://schemas.android.com/apk/res-auto"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. tools:context="top.cyixlq.rxtestapp.VideoPlayActivity">
  7. "@+id/video"
  8. android:layout_width="match_parent"
  9. android:layout_height="wrap_content" />

我就是直接放的一个VideoView。然后编写activity代码,让VideoView播放网络视频:

</>复制代码

  1. public class VideoPlayActivity extends AppCompatActivity {
  2. private VideoView mVideoVIew;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_video_play);
  7. mVideoVIew=findViewById(R.id.video);
  8. mVideoVIew.setMediaController(new MediaController(this));
  9. mVideoVIew.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
  10. @Override
  11. public void onCompletion(MediaPlayer mp) {
  12. Toast.makeText(VideoPlayActivity.this, "播放完成了", Toast.LENGTH_SHORT).show();
  13. }
  14. });
  15. startPlay();
  16. }
  17. private void startPlay(){
  18. Intent intent=getIntent();
  19. String url=intent.getStringExtra("url");
  20. if(null!=url) {
  21. mVideoVIew.setVideoURI(Uri.parse(url));
  22. mVideoVIew.start();
  23. }
  24. }
  25. }

这样就能轻松实现VideoView播放网络视频啦。然后我们整个Demo也就这样写完了哦!

后记

这只是一个简单的Demo,个人也是刚开始接触不久,如果还有什么地方写的不对,还望各位大神指教,本人不胜感激,求大神带飞!本Demo的GitHub地址:github.com/cyixlq/RxTe…

本人只是一个在IT技术上不断探索的小白,希望能跟着大家一起进步,好的,今天就写到这里,白了个白!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/7058.html

相关文章

  • 【Android】RxJava + Retrofit完成网络请求

    摘要:完成网络请求添加依赖。新的配置获取对象请求在新的线程中执行请求完成后在线程中执行保存用户信息到本地最后在主线程中执行请求失败请求成功形式的时候,把请求封装进,在请求结束后调用或在请求失败后调用。 showImg(https://segmentfault.com/img/remote/1460000018253018); 前言 本文基于RxJava、Retrofit的使用,若是对RxJa...

    jkyin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<