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” />
布局就是上面的样子很简单，我们就不做过多的说明了。
那么接下来我们就把我们自己定义的这个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(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去实现这个功能。
那么就定义一个接口，去实现这个功能，大概的过程是这样：
-
控件中定义接口。
-
在Activity的实现。
-
在控件中使用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 loginV
iewClickListener) {
//…
}
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);
最后
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
如果你需要这些资料， ⬅ 专栏获取
这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助**。
因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
[外链图片转存中…(img-bwrKzNHA-1719169760404)]
[外链图片转存中…(img-YLNEJSUL-1719169760405)]
[外链图片转存中…(img-Yf8I0giU-1719169760405)]
[外链图片转存中…(img-3CfdX7Hv-1719169760406)]
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
如果你需要这些资料， ⬅ 专栏获取
扫一扫
9752
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
