文档章节

【Android】Android 自定义View 代码复用

定陶黄公子
 定陶黄公子
发布于 2016/12/16 17:47
字数 1332
阅读 29
收藏 1

前言

在写程序的时候,我们很多时候士想着怎么去尽量的少写代码,那么代码的复用就显着尤为重要,在一个地方写了之后,其他地方也能够复用是更好的事情,那么今天我们就简单的介绍代码的复用。

那么我们就以一个登陆界面为例,来简单的演示代码的复用。

实例项目就是一个简单的登录和注册的界面,实现代码复用,修改的时候简单的修改布局就可以实现。

首先我们先创建一个继承LinearLayout为基类的View,名字我们命名为LoginView。

代码如下:

public class LoginView extends LinearLayout {
    private Context mContext;
    public LoginView(Context context) {
        this(context);
    }
    public LoginView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext= context;
        //...
    }
}

在上面的代码中我们定义一个mContext成员变量,在这边我们后面会使用到。

接下来创建主要的布局(login_view.xml):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp">

    <EditText
        android:id="@+id/userName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="User name" />

    <EditText
        android:id="@+id/password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Password" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/loginButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Login" />

        <Button
            android:id="@+id/signupButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Sign Up" />
    </LinearLayout>
</LinearLayout>

布局就是上面的样子很简单,我们就不做过多的说明了。

那么接下来我们就把我们自己定义的这个LoginView作为控件使用到我们MainActivity的主布局(activity_main.xml)中去,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingTop="60dp"
    android:fitsSystemWindows="true"
    tools:context=".activity.MainActivity"
    tools:showIn="@layout/activity_main">

    <com.zhjy.hxf.hzloginview.view.LoginView
        android:id="@+id/loginView"
        app:UserNameHint="yo bro"
        app:PasswordHint="hey wsp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.zhjy.hxf.hzloginview.view.LoginView>
</LinearLayout>

com.zhjy.hxf.hzloginview.view.LoginView就是这个View的全名称,同时我们给这个LoginView指定了id为loginView。在MainActivity的java文件中可以取到这个View:

mLoginView = (LoginView)findViewById(R.id.loginView);

这个时候可以run起来这个项目。but,这样又有什么卵用呢?点个按钮也没什么反应。是的,我们需要给这个组合控件添加代码。我们需要从布局文件中解析出这些单独的控件,EditText和Button。就像是在Activity中经常做的那样:

View view = LayoutInflater.from(mContext).inflate(R.layout.login_view, this, true);
EditText userName = (EditText)view.findViewById(R.id.userName);
EditText password = (EditText)view.findViewById(R.id.password);
Button loginButton =(Button)view.findViewById(R.id.loginButton);
        Button signupButton = (Button) view.findViewById(R.id.signupButton)

给按钮设置Click Listener。首先让按钮能有反应。那么需要一个OnClickListener。我们这里只有两个按钮,所以只要在类的级别设定出监听器就可以:

public class LoginView extends LinearLayout implements View.OnClickListener{

    private Context mContext;

    private OnLoginViewClickListener onLoginViewClickListener;

    public LoginView(Context context) {
        super(context);
    }

    public LoginView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        init(attrs);
    }

    private void init(AttributeSet attrs) {

        View view = LayoutInflater.from(mContext).inflate(R.layout.login_view, this, true);
        EditText userName = (EditText) view.findViewById(R.id.userName);
        EditText password = (EditText) view.findViewById(R.id.password);
        Button loginButton = (Button) view.findViewById(R.id.loginButton);
        Button signupButton = (Button) view.findViewById(R.id.signupButton);
        loginButton.setOnClickListener(this);
        signupButton.setOnClickListener(this);
    }
@Override
    public void onClick(View v) {
        if (v.getId() == R.id.loginButton) {
            Toast.makeText(MainActivity.this, "Login", Toast.LENGTH_LONG).show();
        } else if (v.getId() == R.id.signupButton) {
            Toast.makeText(MainActivity.this, "Register", Toast.LENGTH_LONG).show();
        }
    }

现在运行一下就可以实现Toast的显示效果了。

以上代码是所有功能都在View中进行实现了,那么我们怎么去实现代码的复用呢,显然是不好的,我们得想办法在Activity去实现这个功能。

那么就定义一个接口,去实现这个功能,大概的过程是这样:

1. 控件中定义接口。
2. 在Activity的实现。
3. 在控件中使用activity的实现。

这里我们定义了接口 public interface OnLoginViewClickListener 还有这么一个方法 void loginViewButtonClicked(View v);

public class LoginView extends LinearLayout implements View.OnClickListener {
    private Context _context;
    //...
    @Override
    public void onClick(View v) {
        //...
    }
    public void setOnLoginViewClickListener(OnLoginViewClickListener loginViewClickListener) {
        //...
    }
    public interface OnLoginViewClickListener {
        void loginViewButtonClicked(View v);
    }
}

下面在activity中实现这个接口(这个在java里比在ObjC里简单多了好吗),那么我们就把所有的代码都贴出来。

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private LoginView mLoginView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        initView();
    }

    private void initView() {
        mLoginView = (LoginView)findViewById(R.id.loginView);

        /**
         * 然后拿到这边的接口方法
         */
        mLoginView.setOnLoginViewClickListener(new LoginView.OnLoginViewClickListener() {
            @Override
            public void loginViewButtonClicked(View v) {
                if (v.getId() == R.id.loginButton){
                    Toast.makeText(MainActivity.this, "Login", Toast.LENGTH_SHORT).show();
                }else if(v.getId() == R.id.signupButton){
                    Toast.makeText(MainActivity.this,"Register", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

LoginView.java

**
 * @author :huangxianfeng on 2016/12/16.
 *         自定义LoginView实现组件代码复用
 */
public class LoginView extends LinearLayout implements View.OnClickListener {

    private Context mContext;

    private OnLoginViewClickListener onLoginViewClickListener;

    public LoginView(Context context) {
        super(context);
    }

    public LoginView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        init(attrs);
    }

    private void init(AttributeSet attrs) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.login_view, this, true);
        EditText userName = (EditText) view.findViewById(R.id.userName);
        EditText password = (EditText) view.findViewById(R.id.password);
        Button loginButton = (Button) view.findViewById(R.id.loginButton);
        Button signupButton = (Button) view.findViewById(R.id.signupButton);
        //设置hint属性
        TypedArray typedArray = mContext.obtainStyledAttributes(attrs, R.styleable.LoginView);
        CharSequence userNameHint = typedArray.getText(R.styleable.LoginView_UserNameHint);
        CharSequence passwordHint = typedArray.getText(R.styleable.LoginView_PasswordHint);
        userName.setHint(userNameHint);
        password.setHint(passwordHint);
        loginButton.setOnClickListener(this);
        signupButton.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if (onLoginViewClickListener != null) {
            onLoginViewClickListener.loginViewButtonClicked(v);
        }
    }

    public void setOnLoginViewClickListener(OnLoginViewClickListener loginViewClickListener) {
        onLoginViewClickListener = loginViewClickListener;
    }

    public interface OnLoginViewClickListener {
        void loginViewButtonClicked(View v);
    }
}

在上面的代码中还有一个自定义hint属性的代码,在values中定义一个attrs.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="LoginView">
        <attr name="UserNameHint" format="string"/>
        <attr name="PasswordHint" format="string"/>
    </declare-styleable>
</resources>

就可以实现自定义属性。

以上就是所有的代码,有什么好的建议可以留言,相互交流。 转载请注明出处: 【定陶黄公子】

© 著作权归作者所有

定陶黄公子
粉丝 23
博文 37
码字总数 54224
作品 0
海淀
Android工程师
私信 提问
开闭原则——面向对象程序设计原则

  目录      前言      开闭原则定义      开闭原则作用      开闭原则案例      1. 描述      2. uml 图      3. 具体代码      前言      在软件开...

SEOwhywhy
06/29
18
0
ZBLibrary 19.0 发布,Star 数已达 3K

更新内容: 新增一键自动删除所有编译缓存 build 目录的 Window 批处理脚本 clearAllBuildCache.bat; getActivity 抽象到 BaseActivity; 解决条形码与预览框的水平倾角超过30%识别不了,感...

孤独的探索号
2018/11/28
2.3K
0
2017 我用 5 个月分享了 98 篇优秀博文

对上半年所分享的文章进行一个整理,很多读者当时忘记了收藏,以致于查找一篇历史文章很费劲,因此在这里顺便做下记录。目前就分下下面几个大类,没有更多细分,已基本可以查找了。 如果觉得...

code小生
2018/10/30
0
0
Google I/O Android官方新体系架构之:Lifecycle

Google I/O Android官方新体系架构之:Lifecycle Google官方在 I/O大会中引入一些列Android新的体系架构内容,其中有一个是Android的Lifecycle。Lifecycle实现的一个重要目的,是实现Android...

开开心心过
2017/08/10
0
0
Android中Toast的用法简介

Toast是Android中用来显示显示信息的一种机制,和Dialog不一样的是,Toast是没有焦点的,而且Toast显示的时间有限,过一定的时间就会自动消失。下面用一个实例来看看如何使用Toast。 1.默认效...

Reya滴水心
2014/03/10
60
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud Alibaba 实战(二) - 关于Spring Boot你不可不知道的实情

0 相关源码 1 什么是Spring Boot 一个快速开发的脚手架 作用 快速创建独立的、生产级的基于Spring的应用程序 特性 无需部署WAR文件 提供starter简化配置 尽可能自动配置Spring以及第三方库 ...

JavaEdge
今天
7
0
TensorFlow 机器学习秘籍中文第二版(初稿)

TensorFlow 入门 介绍 TensorFlow 如何工作 声明变量和张量 使用占位符和变量 使用矩阵 声明操作符 实现激活函数 使用数据源 其他资源 TensorFlow 的方式 介绍 计算图中的操作 对嵌套操作分层...

ApacheCN_飞龙
今天
7
0
五、Java设计模式之迪米特原则

定义:一个对象应该对其他对象保持最小的了解,又叫最小知道原则 尽量降低类与类之间的耦合 优点:降低类之间的耦合 强调只和朋友交流,不和陌生人说话 朋友:出现在成员变量、方法的输入、输...

东风破2019
昨天
23
0
jvm虚拟机结构

1:jvm可操作数据类型分为原始类型和引用类型,因此存在原始值和引用值被应用在赋值,参数,返回和运算操作中,jvm希望在运行时 明确变量的类型,即编译器编译成class文件需要对变量进行类型...

xpp_ba
昨天
5
0
聊聊nacos Service的processClientBeat

序 本文主要研究一下nacos Service的processClientBeat Service.processClientBeat nacos-1.1.3/naming/src/main/java/com/alibaba/nacos/naming/core/Service.java public class Service ex......

go4it
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部