Android Studio自定义组合控件
在Android的开发中,为了能够服用代码,会把有一定共有特点的控件组合在一起定义成一个自定义组合控件。
本文就详细讲述这一过程。虽然这样的View的组合有一个粒度的问题。粒度太大了无法复用,粒度太小了又
达不到很好的复用的效果。不过,这些不在本文的讨论范围,需要读者自己去开发的实践中体会。
实例项目就选择一个登录注册的组件,这组件包括用户名、密码的文本输入框,还有登录和注册的按钮。这里
主要是为了讲解的需要,在选择服用代码的力度上可以不用参考。
默认的当一个新的项目创建以后就会生成一个Activity和与之相应的一个布局文件。这些已经足够使用。
这里假设你默认生成的Activity名称为MainActivity,布局文件为activity_main.xml。
首先,创建一个以LinearLayout为基类的View。这个View的名字就叫做LoginView。
/*** Created by Bruce on 31/10/15.*/
public class LoginView extends LinearLayout {private Context _context; public LoginView(Context context) { this(context, null); } public LoginView(Context context, AttributeSet attrs) { super(context, attrs); _context = context; //... } }
代码中包含了一个Context的成员,因为我们在后面需要用到。
之后,创建这个View需要的布局文件:
<?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>
按照前文所述,我们要做的是一个登录的界面包含用户名、密码和登录、注册按钮,一共四个子组件。在布局登录、
注册按钮的是时候,需要在横向布局。所以,单独使用了一个新的LinearLayout,设定这个layout的方向(orientation)
为横向(horizental)。两个按钮的宽度都设定为0dp,因为有layout_weight。给layout_weight分别设定了1
之后,这两个按钮将平分他们所在的Linearlayout的宽度。
把这个控件使用在MainActivity中。按照惯例在activity_main中添加控件。只不过这次需要使用的全名称
的限定。就是需要把这个View的完整包路径全部写出来:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:fitsSystemWindows="true"tools:context=".MainActivity"><com.example.home.draganddraw.LoginViewandroid:id="@+id/loginView"android:layout_width="match_parent"android:layout_height="match_parent"></com.example.home.draganddraw.LoginView> <!-- 其他省略 --> </LinearLayout>
com.example.home.draganddraw.LoginView就是这个View的全名称。同时我们给这个LoginView指定
了id为loginView。在MainActivity的java文件中可以取到这个View:
LoginView loginView = (LoginView)findViewById(R.id.loginView);
这个时候可以run起来这个项目。but,这样又有什么卵用呢?点个按钮也没什么反应。是的,我们需要给这个组合控件
添加代码。我们需要从布局文件中解析出这些单独的控件,EditText和Button。就像是在Activity中经常做的
那样:
View view = LayoutInflater.from(context).inflate(R.layout.view_login, 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。我们这里只有
两个按钮,所以只要在类的级别设定出监听器就可以:
/*** Created by Bruce on 31/10/15.*/
public class LoginView extends LinearLayout implements View.OnClickListener { //... public LoginView(Context context, AttributeSet attrs) { super(context, attrs); _context = context; View view = LayoutInflater.from(context).inflate(R.layout.view_login, 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来显示你点击的是哪个按钮,“Login”和“Register”。好了,终于有
反映了,但是还是不够的。用户对这个View的操作需要交给Activity做特定的处理,而不是我们直接就把这些
功能在View里全部处理。这样,怎么能打到复用代码的目的呢?所以,我们需要把按钮的点击事件交给MainActivity
来处理。
在iOS里,就是在控件中定义一个Delegate(java的interface),然后在Controller(Activity)中实现
并在组合控件中调用这个实现。一般来说,上面代码中public class LoginView extends LinearLayout implements View.OnClickListener
和方法public void onClick(View v)然后signupButton.setOnClickListener(this);就是这么一个意思。
只不过我们只能看到是怎么用的,但是也可以猜到是怎么定义这个interface的。以上可以总结为:
1. 控件中定义接口。
2. 在Activity的实现。
3. 在控件中使用activity的实现。
定义接口:
/*** Created by Bruce on 31/10/15.*/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); } }
这里我们定义了接口public interface OnLoginViewClickListener
还有这么一个方法void loginViewButtonClicked(View v);
。
然后定义了这个接口的setter,是啊,activity的实现我们要怎么使用呢?就是通过这个setter给组合控件赋值
过来,然后使用的嘛。
下面在activity中实现这个接口(这个在java里比在ObjC里简单多了好吗):
public class MainActivity extends AppCompatActivity {private LoginView _loginView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); _loginView = (LoginView)findViewById(R.id.loginView); _loginView.setOnLoginViewClickListener(new LoginView.OnLoginViewClickListener() { @Override public void loginViewButtonClicked(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(); } } }); } }
实现这个接口的时候,直接在LoginView
的实现上把接口new出来一个实例就可以。这个东西在ObjC里墨迹的半死。
现在还有人说java实现个回调太麻烦,这个有OC复杂吗?
要在LoginView中使用这个接口的实现就更加简单了。直接上代码:
/*** Created by Bruce on 31/10/15.*/
public class LoginView extends LinearLayout implements View.OnClickListener { private Context _context; private OnLoginViewClickListener _onLoginViewClickListener; //... @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); } }
在LoginView中定义接口的成员private OnLoginViewClickListener _onLoginViewClickListener;
。
在setter中把这个接口的实现赋值给这个LoginView的成员变量,完事儿:
public void setOnLoginViewClickListener(OnLoginViewClickListener loginViewClickListener) {_onLoginViewClickListener = loginViewClickListener;
}
这个时候再次运行项目,点击按钮之后出现的Toast就是我们在activity里的实现了。
到这里,这个组合控件就已经有一定的使用价值了。定义了一个接口,这个接口的实现也在activity里定义了出来。
把这个控件放在任何一个需要登录的actvity里都可以把用户点击按钮之后的操作给activity实现,想怎么实现
都可以。
但是,我们现在需要把这个控件的用户名和密码的输入框的hint
也放在外面去实现。这个需求并不复杂。既然接口的
实现可以在setter里实现,那么hint当然也是可以的。没错,但是这并不符合android的实现要求–什么都在
xml文件中定义。这样也更加便于管理。同事也方便添加,直接在LoginView的xml引用中添加你定义的属性
就完成了。如:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:fitsSystemWindows="true"tools:context=".MainActivity"><!--<include layout="@layout/content_main" />--><com.example.home.draganddraw.LoginView android:id="@+id/loginView" app:UserNameHint="yo bro" app:PasswordHint="hey wsp" android:layout_width="match_parent" android:layout_height="match_parent"> </com.example.home.draganddraw.LoginView> </LinearLayout>
属性app:UserNameHint="yo bro"
和app:PasswordHint="hey wsp"
就是我们自定义的属性。
直接像系统内置的属性使用一样就可以。这样比隐藏在代码中的setter方便了很多。
添加,在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>
我们要给LoginView两个属性,一个是UserNameHint
一个是PasswordHint
。后面的format是这个属性
的格式,这里都是string。
定义了属性,写在xml文件里还是不管用的。需要我们在自定义的view里添加代码才行。代码:
public LoginView(Context context, AttributeSet attrs) {super(context, attrs);_context = context;TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs, R.styleable.LoginView, defStyle, 0);CharSequence userNameHint = typedArray.getText(R.styleable.LoginView_UserNameHint);CharSequence passwordHint = typedArray.getText(R.styleable.LoginView_PasswordHint);View view = LayoutInflater.from(context).inflate(R.layout.view_login, 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);userName.setHint(userNameHint);password.setHint(passwordHint);loginButton.setOnClickListener(this);signupButton.setOnClickListener(this);
}
用TypedArray
来完成解析和取值的工作。之后给EditText分别设定hint。
再次运行项目就可以看到你设定的hint出现了。但是,有一个错误。是的有错误。TypedArray
需要回收
所以取到所需要的值以后,typedArray.recycle();
回收TypedArray实例。
Android Studio自定义组合控件相关推荐
- Android 手机卫士--自定义组合控件构件布局结构
由于设置中心条目中的布局都很类似,所以可以考虑使用自定义组合控件来简化实现 本文地址:http://www.cnblogs.com/wuyudong/p/5909043.html,转载请注明源地址. ...
- Android View体系(十)自定义组合控件
相关文章 Android View体系(一)视图坐标系 Android View体系(二)实现View滑动的六种方法 Android View体系(三)属性动画 Android View体系(四)从源 ...
- Android自定义组合控件--EditText和Button组合成带有清空EditText内容功能的复合控件
目标:实现EditText和Button组合成带有清空EditText内容功能的复合控件,可以通过代码设置自定义控件的相关属性. 实现效果为: (1)在res/layout目录下编写自定义组合控件的布 ...
- Android自定义组合布局,Android 流式布局 + 自定义组合控件
自定义组合控件 package yanjupeng.bawei.com.day09.two; import android.content.Context; import android.util.A ...
- Android 自定义组合控件小结
Android 自定义组合控件小结 引言 接触Android UI开发的这段时间以来,对自定义组合控件有了一定的了解,为此小结一下,本文小结内容主要讨论的是如何使用Android SDK提供的布局和控 ...
- Android自定义View 自定义组合控件
自定义组合控件: 以三国杀游戏武将为例,包括武将头像,血条,装备区 1.先定义该组合的XML文件布局 1 <?xml version="1.0" encoding=" ...
- android studio自定义边框,Android Studio给各种控件加边框的操作方法
Android Studio给Textview,EditText控件加边框 如图所示,给一些edittext,TextView,还有一些控件组,进度条加上一个粉红色的边框. 看着很好看,其实非常简单, ...
- 自定义组合控件:下拉选择框
Spinner 自定义组合控件之下拉选择框 项目概述 下拉选择框主要是通过在EditText 下用PopupWindow 动态显示ListView 控件来实现的.下拉选择框可以方便用户的输入效率,以此 ...
- 自定义组合控件:Banner、轮播图、广告栏控件
1. 项目概述 这里,我们使用自定义组合控件实现一个自动轮播的广告条,也叫轮播图,完整版的效果图如下图所示.其实,这就是我们经常见到的滚动广告,默认情况下每隔N 秒会自动滚动,用手指左右滑动时也会切换 ...
最新文章
- CodeFx: 微软一站式开发技术框架解决方案 2009-7-30 新增sample code简介
- python flask 部署_python flask 部署
- 15、解决14中csv用excel打开乱码的问题 open('zhihu.csv','w',newline='',encoding='utf-8-sig')...
- [Java基础]体验Stream流
- (转)MySQL命令行--导入导出数据库
- php安装sqlserver2008,php53 mssql2008_sqlserver2008安装环境_php mssql库
- 创建数据库以及该数据库下的表单
- Linux微信群shell,linux shell基础
- RFID天线—1.阻抗测量方法
- 学院教务管理系统php,黄淮学院教务管理系统入口http://cms2.huanghuai.edu.cn/s.php/jwc/...
- 【Latex简历模板】OverLeaf平台筛选出的部分中英文简历模板
- 通俗易懂理解有限状态自动机 FSA 的表示和原理
- python的常用数组工具
- Qt 事件机制,底层实现原理
- 自制的MATLAB拼图游戏GUI界面版详解(中篇)
- 小程序前后台切换运行机制
- mac perl dbd mysql_perl 链接mysql数据库 mac 系统
- mysql主备同步错误:Last_Error: Could not execute Update_rows event; Error_code: 1032;
- bzoj1671 Knights of Ni 骑士 BFS
- OEA 中 WPF 树型表格整体重构