用户登录(Material Design + Data-Binding + MVP架构模式)实现

转载请注明出处: http://www.cnblogs.com/cnwutianhao/p/6772759.html

MVP架构模式 大家都不陌生,Google 也给出过相应的参考 Sample,

但是有的人会有疑问为啥 GitHub 上面大神写的 MVP架构模式 和 Google 的不太一样。

Google MVP架构模式 Sample 地址 https://github.com/googlesamples/android-architecture/tree/todo-mvp/

下面我们就仿照 Google 的 Sample 实现用户登录

项目结构:

示例演示图:

(稍后上传)

代码实现:

1.导入必要的开源库

示例项目采用 Material Design + Data-Binding + MVP

android {
    ...

    // Data Binding
    // https://developer.android.google.cn/topic/libraries/data-binding/index.html
    dataBinding {
        enabled true
    }

}
dependencies {
    ...

    // UI
    compile ‘com.android.support:appcompat-v7:25.3.1‘
    compile ‘com.android.support:cardview-v7:25.3.1‘
    compile ‘com.android.support:design:25.3.1‘
}

2.Base类

1) BaseActivity

public abstract class BaseActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initView();
        initData();
        dataProcess();
    }

    protected abstract void initView();

    protected abstract void initData();

    protected abstract void dataProcess();
}

2) BasePresenter

public class BasePresenter {
}

3) BaseView

public interface BaseView {
}

4) IBasePresenter

public interface IBasePresenter {

    void onDestroyView();

}

3.定义一个契约类,连接 P层 和 V层。这样可以使接口一目了然

在这里我要说明一下,用户登录界面,最基本的需要判断用户名是否为空,密码是否为空。

public class LoginContract {

    interface loginView extends BaseView {

        void accountIsNull();

        void passWordIsNull();

        void loginSuccess();

    }

    interface loginPresenter extends IBasePresenter {

        void login(String account, String password);

    }

}

4.定义一个 LoginPresenter ,判断条件在这里实现

public class LoginPresenter extends BasePresenter implements LoginContract.loginPresenter {

    private LoginContract.loginView mView;

    public LoginPresenter(LoginContract.loginView view) {
        mView = view;
    }

    @Override
    public void onDestroyView() {
        mView = null;
    }

    @Override
    public void login(String account, String password) {
        if (TextUtils.isEmpty(account)) {
            mView.accountIsNull();
            return;
        }
        if (TextUtils.isEmpty(password)) {
            mView.passWordIsNull();
            return;
        }
        mView.loginSuccess();
    }
}

5.定义一个 LoginActivity ,可以视其为 View层

public class LoginActivity extends BaseActivity implements LoginContract.loginView {

    private Context mContext;
    private LoginPresenter mLoginPresenter;
    private ActivityLoginBinding mBinding;

    @Override
    protected void initView() {
        mContext = LoginActivity.this;
        mBinding = DataBindingUtil.setContentView(this, R.layout.activity_login);
    }

    @Override
    protected void initData() {
        mLoginPresenter = new LoginPresenter(this);
        mBinding.loginBtn.setOnClickListener(this);
        mBinding.loginChangePassword.setOnClickListener(this);
        mBinding.loginRegister.setOnClickListener(this);
    }

    @Override
    protected void dataProcess() {

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.login_btn:
                mLoginPresenter.login(
                        mBinding.loginAccount.getText().toString(),
                        mBinding.loginPassword.getText().toString());
                break;
            default:
                break;

        }
    }

    @Override
    public void accountIsNull() {
        Toast.makeText(mContext, "请输入您的账户", Toast.LENGTH_LONG).show();
    }

    @Override
    public void passWordIsNull() {
        Toast.makeText(mContext, "请输入您的密码", Toast.LENGTH_LONG).show();
    }

    @Override
    public void loginSuccess() {
        Intent intentRegister = new Intent();
        intentRegister.setClass(LoginActivity.this, MainActivity.class);
        startActivity(intentRegister);
        overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
        finish();
    }
}

6.布局代码

布局里涉及到 layout(Data-Binding)、CardView(Material Design)、TextInputLayout(Material Design)

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <RelativeLayout xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/splash_image">

        <android.support.v7.widget.CardView
            style="@style/cardElevation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:cardCornerRadius="7dp">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <TextView
                    style="@style/TextStyle.Heading"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center|top"
                    android:layout_marginTop="40dp"
                    android:text="登录账号"
                    android:textAllCaps="true"
                    android:textSize="20sp" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="20dp"
                    android:orientation="vertical">

                    <android.support.design.widget.TextInputLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="账号"
                        android:textColorHint="@color/gray"
                        app:hintTextAppearance="@style/TextAppearance.App.TextInputLayout">

                        <android.support.design.widget.TextInputEditText
                            android:id="@+id/login_account"
                            style="@style/TextStyle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20dp"
                            android:layout_marginRight="20dp"
                            android:background="@drawable/input_border_bottom"
                            android:cursorVisible="true"
                            android:gravity="center|left|bottom"
                            android:inputType="textEmailAddress"
                            android:maxLength="50"
                            android:paddingBottom="10dp"
                            android:textColor="@color/black_effective"
                            android:textSize="18sp" />

                    </android.support.design.widget.TextInputLayout>

                    <android.support.design.widget.TextInputLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="密码"
                        android:textColorHint="@color/gray"
                        app:hintTextAppearance="@style/TextAppearance.App.TextInputLayout"
                        app:passwordToggleEnabled="true">

                        <android.support.design.widget.TextInputEditText
                            android:id="@+id/login_password"
                            style="@style/TextStyle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="20dp"
                            android:layout_marginRight="20dp"
                            android:layout_marginTop="30dp"
                            android:background="@drawable/input_border_bottom"
                            android:cursorVisible="true"
                            android:gravity="center|left|bottom"
                            android:inputType="textPassword"
                            android:maxLength="50"
                            android:paddingBottom="10dp"
                            android:textColor="@color/black_effective"
                            android:textSize="18sp" />

                    </android.support.design.widget.TextInputLayout>

                    <Button
                        android:id="@+id/login_btn"
                        style="@style/Button.Primary"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_marginLeft="15dp"
                        android:layout_marginRight="15dp"
                        android:layout_marginTop="20dp"
                        android:padding="10dp"
                        android:text="登录"
                        android:textSize="18dp" />
                </LinearLayout>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="35dp">

                    <TextView
                        android:id="@+id/login_change_password"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:text="修改密码" />

                    <TextView
                        android:id="@+id/login_register"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:text="注册账号" />
                </RelativeLayout>

            </LinearLayout>

        </android.support.v7.widget.CardView>
    </RelativeLayout>

</layout>

示例Sample下载:Material Design风格登录界面

7.总结

MVP架构模式 作为 MVC架构模式 的替代产物,是当今 Android开发 的趋势。Google 都在推荐开发者去用这种模式,作为开发者没有理由拒绝。

现在生产出来的安卓手机我觉得99.9%的系统都是Android 5.0+,所以开发者们更应该多了解Material Design。而不是做个页面像Android 2.x 甚至 1.x的样式。

Data-Binding 是 Google 推荐开发者使用的替代 findViewById 的产物。

总之一句话,Google官方推荐,就是开发者们要在App中重点使用的技术,早晚都要使用,你不用,不会用,就要被会用的人淘汰。

时间: 2024-11-07 19:20:42

用户登录(Material Design + Data-Binding + MVP架构模式)实现的相关文章

开发 Material Design+RxJava+Retrofit+MVP App 参考资料

前言 在开发一个基于 Material Design+RxJava+Retrofit+MVP 框架的 App 过程中学习的资料整理 —— 由G军仔分享 这里记录了我开发 大象 项目时,所学习的开发资料以及参考的开源项目,稍微整理了一下,全当笔记记录,跟大家一起分享,也许能给正在使用 RxJava + Retrofit + MVP + Material Design 框架开发的人一个参考学习,如果有人从我分享的资料当中学习到东西,那是我的荣幸,希望大家能与我一起努力. 之前看到很多人都使用 RxJ

mvp架构模式

今天是国庆节,祝大家节日快乐,愿祖国越发繁荣昌盛.假期程序员也不能偷懒,更新一些博文吧. 看到封面图片喜欢NBA的人可能很容易就想到了最有价值球员.但是此mvp非彼MVP,此mvp指的是现在Android开发中比较常见的一种软件架构模式.mvp架构模式是Google官方推荐的架构模式,特别是近年来的新项目,mvp+retrofit+rxjava+dragger2配合使用已经在引领程序界的潮流了,在github上可以轻易的搜到一大堆这样的开源项目.前端时间笔者也在公司的一个sdk上进行了尝试,在此

如何使用MVP架构Android应用项目

目录 MVP简介 MVP结构 MVP与MVC区别 实战演习 正文 1.MVP简介 相信大家对MVC都是比较熟悉了:M-Model-模型.V-View-视图.C-Controller-控制器,MVP作为MVC的演化版本,那么类似的MVP所对应的意义:M-Model-模型.V-View-视图.P-Presenter-表示器.从MVC和MVP两者结合来看,Controlller/Presenter在MVC/MVP中都起着逻辑控制处理的角色,起着控制各业务流程的作用.而MVP与MVC最不同的一点是M与V

NMock学习系列(二)--- NMock在MVP架构系统的单元测试中的应用

介绍 上篇已经学习了NMock的一些基础概念和代码,同时也想到了可能的两个应用场景,本篇开始学习下第一个应用场景---NMock在MVP架构模式下的应用场景.MVP的架构模式概念比较简单,主要是以接口的形式隔离视图与控制器之间的耦合,具体对于MVP模式的介绍请自行搜索学习.本篇接下来的学习前提是读者了解MVP的架构模式,主要明白视图接口的解耦. 应用场景 基于MVP模式的项目往往业务逻辑的编写和视图的建立是分开进行的,视图只需定义出接口供业务控制器进行依赖调用.所以如果在视图还未具体实现的情况下

Android Data Binding高级用法-Observable、动态生成Binding Class

设置View的id 虽然说Data Binding这种分层模式使得我们对数据的传递简单明了,一般情况下我们可以不设置View的id,不使用findViewById即可对View进行数据上一系列的操作,不过有时候根据情况我们需要对某些View设置id,但是还是可以不findViewById即可得到该控件的对象,因为设置id后ViewDataBinding类会自动生成对应的控件对象,如: <layout xmlns:android="http://schemas.android.com/apk

android -------- Data Binding的使用(一)

Google推出自己官方的数据绑定框架Data Binding Library 已经很久了,很多企业也在使用 面试的时候也有问到,所以也去学习了一番,特来分享一下,希望对各位有所帮助 描述: Data Binding 是把数据直接绑定到 XML 文件上,并能实现自动刷新. Data Binding 减少了代码的耦合性,一些如 findViewById.setText 之类的操作都可以通过绑定实现. Data Binding 是MVVM模式开发的 Google 官方文档:https://devel

JavaWeb程序架构模式的演进

JavaWeb程序架构模式的演进 老一辈的程序员一般都经历了Web程序架构模式的演进,从最开始的在jsp或者jsp+Servlet上做开发,到后来的mvc.三层等.而现在有挺多人学完web,可能都没怎么使用过jsp或jsp+Servlet开发过项目,就直接学习使用Spring.Spring Boot或者SpringMVC等框架进行开发.如果没有经历这样一个逐步演进的过程,就很难理解框架带给了我们什么样的好处,而且开发过程中遇到问题也难以解决,更别说去学习这些框架中的源码了.学习是一个循序渐进的过

大型站点技术架构(二)--架构模式

大型站点技术架构(一)--大型站点架构演化 每个模式描写叙述了一个在我们周围不断反复发生的问题及该问题解决方式的核心. 这样,你就能一次重新地使用该方案而不必做反复工作. 所谓站点架构模式即为了解决大型站点面临的高并发訪问.海量数据.高可靠执行灯一系列问题与挑战.为此.在实践中提出了很多解决方式,以实现站点高性能.高可靠性.易伸缩.可扩展.安全等各种技术架构目标. 1.分层 分词是企业应用系统中最常见的一种架构牧师,将系统在横向维度上切分成几个部分,每一个部分负责一部分相对简单并比較单一的职责,

MVC、MVP、MVVM模式对比总结(4)用户登录例子

前言说明 在实战项目及学习中来总结一下Android端项目构架 包括MVC.MVP.MVVM,主要针对移动Android端 该篇以Android平台用户登录为例子,用代码来描述构架模式 代码主要作理解,所以可能不完整,因为去掉一些精简方便说明 目录 1.构架基础 2.横向构架模型 3.纵向构架流程 4.用户登录例子 4. 用户登录例子 公共代码 NetHelper网络通信类 使用Retrofit+RxJava技术 NetHelper { private static String baseUrl