Android 自定义控件

Android 自定义控件

本文参考书籍：郭霖《第一行代码-Android》。

关键字：自定义控件

需求

对于多个Activity，在界面顶部使用一个统一的标题栏，标题栏上：返回按钮-标题文字-编辑按钮，点击可响应操作

简单分析

把这个标题栏做成一个控件，在每个Activity中使用

• xml定义标题栏样式
• 创建自己的控件类class
• 在主Activity的xml文件中使用自定义的控件

XML和代码文件

• title_all.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="match_parent"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/title_btn_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="back" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:text="this is the title" />

    <Button
        android:id="@+id/title_btn_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="edit" />

</LinearLayout>

• MyTitleLayout.java, 创建自己的控件类，包含样式和事件响应：

package com.example.androidcustomedviewtest;

import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.Toast;

import com.myising99.androidcustomedview.R;

public class MyTitleLayout extends LinearLayout
{
    public MyTitleLayout(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.title_all, this); // 填充布局

        Button btnBack = (Button) findViewById(R.id.title_btn_back);
        Button btnEdit = (Button) findViewById(R.id.title_btn_edit);

        // 注册事件
        btnBack.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                ((Activity) getContext()).finish();
            }
        });

        btnEdit.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                Toast.makeText(getContext(), "clicked edit btn", Toast.LENGTH_SHORT).show();
            }
        });

    }
}

• activity_main.xml, 在主Activity的xml文件中使用自定义控件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.androidcustomedviewtest.MainActivity" >

    <!-- 自定义控件 com.example.androidcustomedview.MyTitleLayout, 需要指明控件的完整名 -->

    <com.example.androidcustomedviewtest.MyTitleLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </com.example.androidcustomedviewtest.MyTitleLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="@string/hello_world" />

</LinearLayout>

• MainActivity.java, 主Activity：

package com.example.androidcustomedviewtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;

import com.myising99.androidcustomedview.R;

public class MainActivity extends Activity
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE); // 先去掉系统默认title bar
        setContentView(R.layout.activity_main);
    }
}

当主Activity运行时，界面顶部就显示自定义的控件。

---