Google 公司为我们开发Android应用程序提供了丰富的UI组件，有时一个控件无法满足我们的需求，这就要求我们同时使用两个三个或者个更多的控件一起使用。有些常用的组合我就把他写成一个自定的的组件，这样就方便了以后自己的使用。本人新手，研究一天写出的组件虽然实现了自己想要的功能，但代码应该还有许多不足的地方，希望大家可以指点一下。写本帖的目的是防止自己忘记。
首先第一步，写一个布局文件my_title.xml里面放着我们要经常用到的几个控件。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="50dip"
android:id="@+id/my_title_layout"
android:orientation="horizontal" > <Button
android:id="@+id/my_titlt_left_btn"
android:layout_width="60dip"
android:layout_height="fill_parent"
android:background="#00000000"
android:text="返回"
/>
<TextView
android:id="@+id/my_title_middle_text"
android:layout_height="fill_parent"
android:layout_width="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:textColor="#f00"
android:textSize="20sp"
android:text="我是标题栏"
/>
<Button
android:id="@+id/my_title_right_btn"
android:layout_height="fill_parent"
android:layout_width="60dip"
android:background="#00ffffff"
android:text="删除"
/>
</LinearLayout>
第二步，为了方便封装后设置某些属性，因此我们要为该组件添加一些自定义属性！在values文件夹下新建attrs.xml文件。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="myTitle">
<attr name="background" format="reference|color"/>
<attr name="middlebackground" format="reference|color"/>
<attr name="btnleftbackground" format="reference|color"/>
<attr name="btnrightbackground" format="reference|color"/>
</declare-styleable>
</resources>
第三步，我们新建一个类并继承于LinearLayout在这个类里面引用上面的布局文件my_title.xml。并在里面定义一些我们要用到的方法，和初始化我们自定义的属性。
package com.Jett.mytitle; import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView; public class MyTitleView extends LinearLayout { private LinearLayout ll;
private Button btnleft,btnright;
private TextView middletext; //构造函数
public MyTitleView(Context context) {
this(context, null);
// TODO Auto-generated constructor stub
}
public MyTitleView(Context context, AttributeSet attrs) {
super(context, attrs);
//初始化控件属性
LayoutInflater.from(context).inflate(R.layout.my_title,this,true); ll = (LinearLayout)this.findViewById(R.id.my_title_layout);
btnleft = (Button)this.findViewById(R.id.my_titlt_left_btn);
btnright = (Button)this.findViewById(R.id.my_title_right_btn);
middletext = (TextView)this.findViewById(R.id.my_title_middle_text); //初始化
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myTitle);
//设置标题栏颜色和中间颜色(默认没有颜色)
setBackground(a.getColor(R.styleable.myTitle_background,0));
setMiddleTextBackgroundColoe(a.getColor(R.styleable.myTitle_middlebackground,0));
//设置左右按钮的背景图片(默认没有背景图片)
setBtnLeftBackground(a.getResourceId(R.styleable.myTitle_btnleftbackground,0));
setBtnRightBackground(a.getResourceId(R.styleable.myTitle_btnrightbackground,0)); //同步一下属性
a.recycle();
}
//设置显示的文字
public void setBtnLeftText(String text)
{
btnleft.setText(text);
}
public void setBtnRightText(String text)
{
btnright.setText(text);
}
public void setMiddleText(String text)
{
middletext.setText(text);
}
//设置背景颜色
public void setBackground(int resId)
{
ll.setBackgroundColor(resId);
}
public void setMiddleTextBackgroundColoe(int color)
{
middletext.setBackgroundColor(color);
}
//设置左右按钮的背景图片
public void setBtnLeftBackground(int resId)
{
btnleft.setBackgroundResource(resId);
}
public void setBtnRightBackground(int resId)
{
btnright.setBackgroundResource(resId);
} //设置左右按钮的点击事件
public void setLeftOnClick(OnClickListener clickListener)
{
btnleft.setOnClickListener(clickListener);
}
public void setRightOnClick(OnClickListener clickListener)
{
btnright.setOnClickListener(clickListener);
}
}
写到这我们自定义的组件其实已经写好了。下面就是如何使用了。
首先我们在布局文件里面引用。使用自定义属性需要加入xmlns:mytitle="http://schemas.android.com/apk/res/com.Jett.mytitle" 红色字体随便写，不过下面要用来调用自定义属性。蓝色字体是包名。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:mytitle="http://schemas.android.com/apk/res/com.Jett.mytitle"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="0dip"
android:paddingRight="0dip"
android:paddingTop="0dip"
tools:context=".MainActivity" > <com.Jett.mytitle.MyTitleView
android:id="@+id/Mian_mytitle"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
mytitle:background="#2aa9f4"
mytitle:middlebackground="#2595ef"
mytitle:btnrightbackground="@drawable/mytitle_btn_style"
>
</com.Jett.mytitle.MyTitleView> </RelativeLayout>
还有就是在Activity 里面设置一些组件方法
package com.Jett.mytitle; import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import android.app.Activity;
import android.graphics.Color; public class MainActivity extends Activity {
private MyTitleView mytitle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); mytitle = (MyTitleView)this.findViewById(R.id.Mian_mytitle); mytitle.setMiddleText("标题");
mytitle.setBtnRightText("右侧");
mytitle.setLeftOnClick(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(MainActivity.this, "你点击了左侧按钮！", 1).show();
}
});
}
}
这样就好了，对了把按钮样式也贴出来一下吧。
在res文件夹下新建文件夹drawable在给文件夹下新建文件mytitle_btn_style.xml。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按钮按下 -->
<item android:state_pressed="true">
<shape>
<!-- 填充颜色 -->
<solid
android:color="#1a6d99"/>
<!-- 间隔 -->
<padding android:left="0dp" android:right="0dp"
android:top="0dp" android:bottom="0dp"/> </shape>
</item> <item android:state_enabled="true">
<shape>
<!-- 间隔 -->
<padding android:left="0dp" android:right="0dp"
android:top="0dp" android:bottom="0dp"/>
<!-- 填充 -->
<solid
android:color="#2aa9f4"/><!-- 填充的颜色 -->
</shape>
</item>
</selector>
到此我们自定义的组件就完成了。可以方便以后我们项目中的使用。
效果如下：
