使用RxJava2+Retrofit实现简单登陆。
项目的UI方面选用Design和support,所以在创建项目的时候直接选择【Basic Activity】,AS会自动配置好相关的依赖。
因为当前项目是基于最新版本(3.1.3)创建的,所以一些依赖是比较新的,需要手动更改为26
创建包
bean——————-存放实体类
biz ——————-网络层
moudle—————模块层
实现一个以下效果的登录页面
关于Retrofit的教程,请看 这里 ,别人写得比我好多了,看他就好,我这里主要是讲使用
在app.gradle中添加依赖并进行同步
implementation 'com.squareup.retrofit2:retrofit:2.4.0'//retrofit implementation 'com.squareup.retrofit2:converter-gson:2.3.0'//gson转换,直接将Json转换为实体
使用GsonFormat插件直接将Json字符串生成实体类
{ "code": 200, "message": "登录成功", "data": { "userName": "aohanyao", "nickName": "禁言", "header": "", "age": 20, "sex": 1, "phone": "13813801380", "email": "aohanyao@gmail.com" } }
@GET("app_login.json") Call<LoginDto> login(@Path("account") String account, @Path("password") String password);
private void initRetrofit() { Retrofit retrofit = new Retrofit.Builder() .baseUrl("http://olrt5mymy.bkt.clouddn.com/")//请求url //增加转换器,这一步能直接Json字符串转换为实体对象 .addConverterFactory(GsonConverterFactory.create()) .build(); mUserService = retrofit.create(UserService.class); }
private void initEvent() { //获取帐号输入框 final EditText etAccount = findViewById(R.id.et_account); //获取密码输入框 final EditText etPassword = findViewById(R.id.et_pass); //获取登录按钮 设置点击事件 findViewById(R.id.btn_login).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //获取帐号 String account = etAccount.getText().toString(); //获取密码 String password = etPassword.getText().toString(); //调用登录 mUserService.login(account, password) //执行请求 .enqueue(new Callback<LoginDto>() { @Override public void onResponse(Call<LoginDto> call, Response<LoginDto> response) { //打印登录信息 Log.e(TAG, "onResponse: " + response.body()); //结果 //LoginDto{code=200, message='登录成功', // data=UserInfo{userName='aohanyao', // nickName='禁言', header='', age=20, // sex=1, phone='13813801380', // email='aohanyao@gmail.com'}} } @Override public void onFailure(Call<LoginDto> call, Throwable t) { } }); } }); }
// RxJava implementation 'io.reactivex.rxjava2:rxjava:2.1.5' // RxAndroid implementation 'io.reactivex.rxjava2:rxandroid:2.0.1' // adapter implementation 'com.squareup.retrofit2:adapter-rxjava2:2.3.0'
将Call转换为Flowable
public interface UserService { @GET("app_login.json") Flowable<LoginDto> login(@Query("account") String account, @Query("password") String password); }
加入 RxJava转换器
private void initRetrofit() { Retrofit retrofit = new Retrofit.Builder() .baseUrl("http://olrt5mymy.bkt.clouddn.com/")//请求url //增加转换器,这一步能直接Json字符串转换为实体对象 .addConverterFactory(GsonConverterFactory.create()) //加入 RxJava转换器 .addCallAdapterFactory(RxJava2CallAdapterFactory.create()) .build(); mUserService = retrofit.create(UserService.class); }
//获取登录按钮 设置点击事件 findViewById(R.id.btn_login).setOnClickListener(new View.OnClickListener() { @SuppressLint("CheckResult") @Override public void onClick(View v) { //获取帐号 String account = etAccount.getText().toString(); //获取密码 String password = etPassword.getText().toString(); //登录 mUserService.login(account, password) .subscribeOn(Schedulers.io())//运行在io线程 .observeOn(AndroidSchedulers.mainThread())//回调在主线程 .subscribeWith(new ResourceSubscriber<LoginDto>() { @Override public void onNext(LoginDto loginDto) { //结果回调 Log.e(TAG, "onNext: " + loginDto); } @Override public void onError(Throwable t) { t.printStackTrace(); Log.e(TAG, "onError: "); } @Override public void onComplete() { Log.e(TAG, "onComplete: "); } }); } });
查看结果
暂时初步实现了简单的登陆,下一步需要加入MVP模式,敬请期待!
关于源码问题,没完成一个步骤的演进,都会创建一个tag来标记,每一篇文章对应一个tag。
源码v0.01
另外还有遗留了一个登陆页面的UE效果没有实现,这个效果将遗留到下个版本中进行实现。
一个痴心妄想想成为一个全屏(栈)工程师的程序猿。
来来,关注一下吧!