Android自定义UI控件（简单方便版，但不灵活）

这种方法的优点就是简单，容易理解，适合开发一些不经常用到的自定义UI控件

缺点就是比较不灵活，如果其他应用想使用这个控件的话得改很多

简单来说，这个方法是用来做成品的，下一篇的方法是用来做模板的。

先看成品，这是一个标题栏控件：

 

由左右两个按钮和中一个TextView组成：

实现方法：

第一步：定义一个xml文件，用来设计你自定义控件的雏形

示例代码：文件名为title

<?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:background="#000" > 
    <Button 
        android:id="@+id/title_back" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_margin="5dip" 
        android:background="#000" 
        android:text="Back" 
        android:textColor="#fff" />
     <TextView 
         android:id="@+id/title_text" 
         android:layout_width="0dip" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center" 
         android:layout_weight="1" 
         android:gravity="center" 
         android:text="Title Text" 
         android:textColor="#fff" 
         android:textSize="24sp" />
      <Button 
          android:id="@+id/title_edit" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center" 
          android:layout_margin="5dip" 
          android:background="#000" 
          android:text="Edit" 
          android:textColor="#fff" />
</LinearLayout>

接下来，直接在需要引用该控件的布局文件中写入这个句代码就可以。

<include layout="@layout/title" />

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" android:layout_height="match_parent" >
    <include layout="@layout/title" />
</LinearLayout>

第二步：创建一个Topbar类继承布局类，通过获得title布局文件中的需要设置响应事件的控件的id来设置响应事件。

示例代码：

public class TitleLayout extends LinearLayout {

     public TitleLayout(Context context, AttributeSet attrs) { 
         super(context, attrs); 
         LayoutInflater.from(context).inflate(R.layout.title, this); 
         Button titleBack = (Button) findViewById(R.id.title_back); 
         Button titleEdit = (Button) findViewById(R.id.title_edit); 
         titleBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Back button",
                Toast.LENGTH_SHORT).show();
            }
         }); 
         titleEdit.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Edit button",
                Toast.LENGTH_SHORT).show();            
            }     
         });
     }
}

也可以在布局文件中这样设置：

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" >
    <com.example.diy.TitleLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content">
    </com.example.diy.TitleLayout>

</LinearLayout>

就完成了所有需要的功能

注意控件需要写入完整的包名！

   

 如果有什么错误，或者我理解错误或不当的，恳请大家纠正，谢谢！嘻嘻嘻~