Android 自定义View 代码复用,android开发项目实战作业

在上面的代码中我们定义一个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” />

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

那么接下来我们就把我们自己定义的这个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>

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(

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

**开源项目:【qq.cn.hn/FTe】 **

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);

上一篇:Android手机验证码倒计时控件,Android程序员进大厂面试必备基础技能


下一篇:一个水平方向多行cell的自定义layout —LBHorizontalCollectionViewLayout