android 自定义组合控件

自定义控件是一些android程序员感觉很难攻破的难点,起码对我来说是这样的,但是我们可以在网上找一些好的博客关于自定义控件好好拿过来学习研究下,多练,多写点也能找到感觉,把一些原理弄懂,今天就讲下自定义组合控件,这个特别适合在标题栏或者设置界面,看下面图：

就非常适合使用组合控件了,现在写一个玩玩：

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hy="http://schemas.android.com/apk/res/com.example.customcircle"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
 >
     <com.example.customcircle.SettingView
         android:id="@+id/sv1"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         hy:title = "标题1"
         hy:content = "内容1"
         ></com.example.customcircle.SettingView>
     <com.example.customcircle.SettingView
         android:id="@+id/sv2"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
           hy:title = "标题2"
         hy:content = "内容2"
         ></com.example.customcircle.SettingView>
     <com.example.customcircle.SettingView
         android:id="@+id/sv3"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         hy:title = "标题3"
         hy:content = "内容3"
         ></com.example.customcircle.SettingView>
</LinearLayout>

SettingView.java

public class SettingView extends RelativeLayout {
	private TextView title;
	private TextView content;

	public SettingView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initView(context);
	}

	public SettingView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
		/**
		 * 获取一个样式的属性集
		 * 把布局文件xml中的获取到的样式集合attrs跟自己自定义的样式集合建立一个映射关系
		 */
		TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SettingView);
		String title = a.getString(0);
		String content = a.getString(1);
		//设置到界面上
		setTitle(title);
		setContent(content);
		a.recycle();
	}

	public SettingView(Context context) {
		super(context);
		initView(context);
	}
	
	private View initView(Context context){
		View view = View.inflate(context, R.layout.setting_view, this);
		title = (TextView) view.findViewById(R.id.title);
		content = (TextView) view.findViewById(R.id.content);
		return view;
	}
	
	public void setTitle(String tilte){
		title.setText(tilte);
	}
	public void setContent(String strContent){
		content.setText(strContent);
	}
	public void setTextSize(int size){
		content.setTextSize(size);
		title.setTextSize(size);
	}
}

setting_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="wrap_content"
    android:orientation="vertical" 
    android:background="#22000000"
    >
    
   <RelativeLayout 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   
   >
   <TextView
       android:id="@+id/title"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:textSize="20sp"
       android:layout_marginTop="5dp"
       android:layout_marginLeft="5dp"
       />
   <TextView
       android:id="@+id/content"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:textSize="16sp"
       android:layout_marginLeft="5dp"
       android:layout_below="@id/title"
       />
   <CheckBox 
       android:id="@+id/cb"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentRight="true"
       android:layout_centerVertical="true"
       />
  
</RelativeLayout>
<View 
       android:layout_width="fill_parent"
       android:layout_height="1px"
       android:background="#000000"
       android:layout_below="@id/cb"
       />
</LinearLayout>

我们发现在activity_main.xml中有二个属性

hy:title = "标题1"
hy:content = "内容1"

这个时候xml文件会报错

error: Error parsing XML: unbound prefix  说没有hy这样的前缀,因为我们写android：什么属性  都是因为有 xmlns:android  = "http://schemas.android.com/apk/res/android"

这样一个命名空间在,

那我们也自定义一个命名空间,仿照上面的写就是了

xmlns:hy  = "http://schemas.android.com/apk/res/ com.example.customcircle"//res后面的是你得包名

现在xml文件有报错了：

Multiple annotations found at this line:

 - error: No resource identifier found for attribute 'content' in package

 'com.example.customcircle'

说在我们的包下没有找到conent的定义

而   hy:title  =  "标题"

    hy:content  =  "内容"

是我自定义的属性

如果要使用自定义的属性,就要把这些属性定义出来,而为什么系统的android:属性名---就可以呢?那是因为android sdk已经声明好了,在找到我们使用的sdk

D:\java\tools\adt-bundle-windows-x86_64-20130917\sdk\platforms\android-10\data\res\values在这个目录下有一个attrs.xml文件，我们就找一个平时大家都会用到的

<declare-styleable name="TextAppearance">
        <!-- Text color. -->
        <attr name="textColor" />
        <!-- Size of the text. Recommended dimension type for text is "sp" for scaled-pixels (example: 15sp). -->
        <attr name="textSize" />
        <!-- Style (bold, italic, bolditalic) for the text. -->
        <attr name="textStyle" />
        <!-- Typeface (normal, sans, serif, monospace) for the text. -->
        <attr name="typeface" />
        <!-- Color of the text selection highlight. -->
        <attr name="textColorHighlight" />
        <!-- Color of the hint text. -->
        <attr name="textColorHint" />
        <!-- Color of the links. -->
        <attr name="textColorLink" />
    </declare-styleable>

这就是TextView中的属性,所以我们也要模仿他创建一个attrs文件在value目录下

 <declare-styleable name="TextAppearance">

declare-styleable  声明的意思 name表示 声明的控件名称

我们的    < declare-styleable  name = "SettingView" >

      </ declare-styleable  >

当保存的时候就会在你R.java文件中生成了一个内部类

  public  static final class attr {//属性集

    }

然后声明属性

<attr name="title" format="string"></ attr>

<attr name="content" format="string" ></attr>

name表示属性的名称 format表示属性的类型

然后我们保存代码 就没错误提示了

然后再看R.java文件

  public  static  final  class  attr {

         /**  <p> Must be a string value, using '\\;' to escape characters such as '\\n' or '\\uxxxx' for a unicode character.

<p> This may also be a reference to a resource (in the form

" <code> @[  <i> package </i>  :] <i> type  </i> : <i>  name </i></code> ") or

theme attribute (in the form

" <code> ?[  <i> package </i>  :][ <i> type  </i> :] <i>  name </i></code> ")

containing a value of this type.

         */

         public  static  final  int  content =0x7f010001;

         /**  <p> Must be a string value, using '\\;' to escape characters such as '\\n' or '\\uxxxx' for a unicode character.

<p> This may also be a reference to a resource (in the form

" <code> @[  <i> package </i>  :] <i> type  </i> : <i>  name </i></code> ") or

theme attribute (in the form

" <code> ?[  <i> package </i>  :][ <i> type  </i> :] <i>  name </i></code> ")

containing a value of this type.

         */

         public  static  final  int  title =0x7f010000;

    }

这个时候我们运行下我们的项目,发现这自定义的属性并没有起作用,那意思就是说我们要用代码的方式让它显示出来

AttributeSet类表示属性的集合 在我们定义的属性

比如：

  android:id =  "@+id/sv1"

   android:layout_width = "fill_parent"

   android:layout_height = "wrap_content"

   hy:title  =  "标题"

   hy:content  =  "内容"

相当于把这些属性封装成了一个类,这真是我们java强大之处,面向对象编程思想

然在构造函数中做这个操作

public  SettingView(Context context, AttributeSet attrs) {

           super (context, attrs);

         initView(context);

           /**

          * 获取一个样式的属性集

          * 把布局文件 xml中的获取到的样式集合 attrs跟自己自定义的样式集合建立一个映射关系

          */

         TypedArray a = context.obtainStyledAttributes(attrs, R.styleable. SettingView  );

         String title = a.getString(0);

         String content = a.getString(1);

           //设置到界面上

         setTitle(title);

         setContent(content);

         a.recycle();

    }

这样就算成功了 

运行效果：

总结下自定义组合控件的步骤：

1. 写一个类 继承  ViewGroup LinearLayout  RelativeLayout


2. 如果在布局文件里面定义view对象 使用这个view对象的两个参数的构造方法.


3. 定义这个自定义控件里面要显示的内容
View.inflate(context, R.layout.ui_setting_view, this);


4. 添加自定义控件的属性. 
    定义自定义属性的命名空间


5. 声明自定义的属性
    <declare-styleable name="SettingView">
        <attr name="title" format="string" />
        <attr name="desc_on" format="string" />
        <attr name="desc_off" format="string" />
    </declare-styleable>
   观察R文件 生成 attr内部类 生成styleable  数组 所有的attrs


6. 在xml布局文件里面配置  自定义的属性.


7. 在自定义view对象的构造方法里面 获取AttributeSet 
跟我们自定义的属性建立映射关系


8. 在自定义组合控件里面 设置 布局文件的数据, 扩展点击事件.


9. 在布局文件使用自定义的view对象.