Android中自定义组合控件
Android中自定义控件的情况非常多,一般自定义控件可以分为两种:继承控件及组合控件。前者是通过继承View或其子类,重写方法实现自定义的显示及事件处理方式;后者是通过组合已有的控件,来实现结构的简化和代码的重用。
本篇文章主要介绍自定义组合控件,继承控件后续有机会再述。
自定义组合控件一般来说都是以ViewGroup及其子类(LinearLayout、RelativeLayout、FrameLayout等)为主,内部嵌套其他控件,来组合成一个新的控件,实现一些特定的需要,可以是代码简化,结构清晰,重用性较高。
通常来说,我们会实现定义好一个Layout.xml文件,然后让我们的自定义控件去加载此xml,并获取子控件,然后设置属性(可以通过代码,也可以从资源文件中加载)、添加事件。
自定义要点:
1.加载xml文件是在构造方法中完成的,通过调用inflate(R.layout.my_layout,this,true),注意第二个和第三个参数;
2.如果需要从资源文件中加载自定义的属性,则必须重写Constructor(Contextcontext,AttributeSetattrs)此构造方法,属性是定义在attrs.xml中的;
3.获取子控件对象,可以在构造方法中获取,也可以重写onFinishInflate()方法来获取,个人建议采用第二种,可以保证控件已经完全加载好了;
4.添加事件可以直接在控件中写,不过考虑到扩展性及复用性,建议对外暴露接口。
示例代码(代码比较简单,只是描述一下思路)
自定义控件layout:header.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageButton android:id="@+id/ib_header" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:src="@android:drawable/ic_menu_zoom" /> <TextView android:id="@+id/tv_header" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" /></RelativeLayout>
自定义控件类:Header.java
package com.ivan.app1.widgets;import com.ivan.app1.R;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Color;import android.text.TextUtils;import android.util.AttributeSet;import android.view.LayoutInflater;import android.widget.ImageButton;import android.widget.LinearLayout;import android.widget.TextView;/** * 自定义标题栏组合控件,内部包含一个TextView和一个ImageButton * User: xyh * Date: 2015/6/2 * Time: 9:39 */public class Header extends RelativeLayout { private TextView mTextView; private ImageButton mImageButton; private String titleText; private int titleTextColor; private float titleTextSize; public Header(Context context) { super(context); } public Header(Context context, AttributeSet attrs) { super(context, attrs); //加载视图的布局 LayoutInflater.from(context).inflate(R.layout.header,this,true); //加载自定义的属性 TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.Header); titleText=a.getString(R.styleable.Header_titleText); titleTextColor=a.getColor(R.styleable.Header_titleTextColor, Color.WHITE); titleTextSize=a.getDimension(R.styleable.Header_titleTextSize,20f); //回收资源,这一句必须调用 a.recycle(); } /** * 此方法会在所有的控件都从xml文件中加载完成后调用 */ @Override protected void onFinishInflate() { super.onFinishInflate(); //获取子控件 mTextView= (TextView) findViewById(R.id.tv_header); mImageButton= (ImageButton) findViewById(R.id.ib_header); //将从资源文件中加载的属性设置给子控件 if (!TextUtils.isEmpty(titleText)) setPageTitleText(titleText); setPageTitleTextColor(titleTextColor); setPageTitleTextSize(titleTextSize); } /** * 设置标题文字 * @param text */ public void setPageTitleText(String text) { mTextView.setText(text); } /** * 设置标题文字颜色 * @param color */ public void setPageTitleTextColor(int color) { mTextView.setTextColor(color); } /** * 设置标题文字大小 * @param size */ public void setPageTitleTextSize(float size) { mTextView.setTextSize(size); } /** * 设置按钮点击事件监听器 * @param listener */ public void setOnHeaderClickListener(OnClickListener listener) { mImageButton.setOnClickListener(listener); }}
自定义属性文件:attrs.xml
<?xml version="1.0" encoding="utf-8"?><resources> <!-- 自定义的属性--> <declare-styleable name="Header"> <attr name="titleTextSize" format="dimension" /> <attr name="titleTextColor" format="color" /> <attr name="titleText" format="string"/> </declare-styleable></resources>
以下是引用方式,activity布局文件:main.xml
<?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" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 注意需要加上命名空间 在eclipse开发工具中:使用 xmlns:app="http://schemas.android.com/apk/res/com.ivan.app1.widgets" 在IntelliJ Idea或者Android Studio中以Gradle构建时,使用 xmlns:app="http://schemas.android.com/apk/res-auto" --> <!-- 通过包的类的全名来引用自定义视图--> <com.ivan.app1.widgets.Header android:id="@+id/header" android:layout_width="match_parent" android:layout_height="48dp" android:background="@color/black" app:titleText="我是标题" app:titleTextColor="#ff0000" app:titleTextSize="12sp"/> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:text="我是内容" android:textSize="60sp"/></LinearLayout>
主Activity类:MainActivity.java
package com.ivan.app1;import com.ivan.app1.widgets.Header;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.Toast;/** * User: xyh * Date: 2015/6/2 * Time: 10:30 */public class MainActivity extends AppCompatActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ((Header)findViewById(R.id.header)).setOnHeaderClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(),"标题栏的按钮被点击了",Toast.LENGTH_LONG).show(); } }); }}
运行结果:
原创文章,转载请注明出处。
更多相关文章
- Android单选和多选按钮的使用
- Android(安卓)进阶解密:init 进程启动过程
- s5p4418 Android(安卓)4.4.2 驱动层 HAL层 服务层 应用层 开发流
- Android(安卓)Framework 之HelloWorld(一)
- 解析android framework下利用app_process来调用java写的命令及示
- Android(安卓)8.0系统源码分析--Zygote启动过程分析
- android 7.1 找不到 ll (ls -l)命令
- Android(安卓)U盘文件显示在文件管理器
- android GridView学习笔记