android-oldman之TitleBar

　　随着大众口味的不断提高，对app要的开发的要求也不断提高，开发人员们要在app上展示的东西安也越来越多，android早期的一些控件慢慢的不不能满足开发的要求了，比如TitleBar的应用的就没有原来的那么多了，后来，谷歌推出了ActionBar,再后来又推出了ToolBar.来满足日益增加的开发需求。

　　本文还是为了复习原来的一些技术，至于新的技术，其实道理都是一个样的，掌握一些关键的地方，很容易就弄明白。

　　下面，我们说一下，如何自定义一个TitleBar,来实现一些功能：1.可以在任一要用到此统一样式的TitleBar的Activity中，设置TitleBar了不同标题。2.在不同标题中，依据需求，显示后退按钮。3.在不同activity中，依据需求，设置titleBar左侧展示图片，文字，并实现点击执行动作的功能。

　　最终要实现的样示：

　　特点：把TitleBarActiviti.class放在一个util文件夹中，哪里用到，直接在个xml布局文件里如本类中一样引用(像用TextView一样去用就行了。)。可以设置左侧后退不显示，右侧刷新不显示。至于titleBar的样式，大家完全可以自己设置。

　　

这里，在退只是给后退控件变下着色，不做太深的说明。刷新也只是在log里打下日志，有兴趣的小伙伴可以自己去扩展下功能。

废话不多说，直接开干：我理解的安卓开发，就是种萝卜，挖个坑，放个萝卜。坑就是要一些控件了，萝卜就是不管哪里来的经过怎么处理后的数据。

一、挖坑：

　　在layout布局文件里编写TitleBar的布局文件。

activity_titlebar.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:gravity="center_horizontal"
    android:background="#ffffff">

    <View
        android:id="@+id/view_line"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignParentBottom="true"
        android:background="#0000ff" />

    <RelativeLayout
        android:id="@+id/rel_titlebar"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/tv_back"
            android:layout_width="45dp"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:background="#66ff0000"
            android:gravity="center"
            android:focusable="true"
            android:clickable="true"
            android:text="后退"
            android:visibility="invisible" />

        <View
            android:id="@+id/view_left"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_toRightOf="@id/tv_back"
            android:background="#6600ff00"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/tv_other"
            android:layout_width="45dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:background="#66ff0000"
            android:gravity="center"
            android:text="刷新"
            android:focusable="true"
            android:clickable="true"
            android:visibility="invisible" />

        <View
            android:id="@+id/view_right"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_toLeftOf="@id/tv_other"
            android:background="#6600ff00"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/tv_title_name"
            android:layout_width="45dp"
            android:layout_height="match_parent"
            android:layout_toLeftOf="@id/view_right"
            android:layout_toRightOf="@id/view_left"
            android:background="#6600ff00"
            android:gravity="center"
            android:text="Title_Name" />
    </RelativeLayout>

</RelativeLayout>

二、种萝卜（编写TitileBar类）
TtitleBarActivity.class

package com.example.ttilebardemo;

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

public class TitleBarActivity extends RelativeLayout implements OnClickListener {

    private Context mContext;
    private View left, bottom, right;
    private TextView backTextView, titleName, refersh;
    private OnClickListener onClickListener;
    private boolean canBack = false;

    public TitleBarActivity(Context context) {
        this(context, null);

    }

    public TitleBarActivity(Context context, AttributeSet attr) {
        super(context, attr);
        mContext = context;
        init();
    }

    private void init() {
        LayoutInflater.from(mContext).inflate(R.layout.activity_titlebar, this, true);
        // 初始化view
        left = findViewById(R.id.view_left);
        bottom = findViewById(R.id.view_line);
        right = findViewById(R.id.view_right);
        // 初始化textview
        backTextView = (TextView) findViewById(R.id.tv_back);
        backTextView.setOnClickListener(this);
        titleName = (TextView) findViewById(R.id.tv_title_name);
        refersh = (TextView) findViewById(R.id.tv_other);

    }

    /**
     * 设置titleBar的名字
     */
    public void setTitleName(String name) {
        titleName.setText(name);
    }

    /**
     * 设置titleBar左侧可见性
     */
    public void setBackVisible() {
        backTextView.setVisibility(View.VISIBLE);
        left.setVisibility(View.VISIBLE);
        
    }


    /**
     * 设置右侧字体可见
     */
    public void setRefeshVisible() {
        refersh.setVisibility(View.VISIBLE);
        right.setVisibility(View.VISIBLE);
    }
    /**
     * 设置左侧刷新的监听
     */
    public void setRefreshListener(OnClickListener onRefresh , boolean canBack){
        refersh.setOnClickListener(onRefresh);
        this.canBack = canBack;
    }
    

    /**
     * 设左边的按钮的点击事件。
     */

    @Override
    public void onClick(View v) {
        if(v.getId() == R.id.tv_back && backTextView.isShown() && canBack){
            backTextView.setBackgroundColor(Color.GREEN);
        }

    }

}

好了，titleBar已经定义完成，下面就开始 使用了。

三、在使用类的xml布局文件中引用Titlebar

activity_main.xml

<RelativeLayout 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:gravity="center_horizontal"
    android:background="#e7e7e7" >

    <com.example.ttilebardemo.TitleBarActivity
        android:id="@+id/title_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
    </com.example.ttilebardemo.TitleBarActivity>

    <TextView
        android:id="@+id/tv_haha"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:gravity="center"
        android:layout_below="@id/title_bar"
        android:text="你好，titleBar" />

</RelativeLayout>

四、在代码中对Titlebar依据需求进行编写。

package com.example.ttilebardemo;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
    private TextView tvHa;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        tvHa = (TextView) findViewById(R.id.tv_haha);
        TitleBarActivity titleBar = (TitleBarActivity) findViewById(R.id.title_bar);
        titleBar.setBackVisible();
        titleBar.setTitleName("在窗口设置");
        titleBar.setRefeshVisible();
        
        titleBar.setRefreshListener(new OnClickListener() {
            
            public void onClick(View v) {
                Log.d("引用页面：：：：：：", "kwg kwg ........");
            }
        },true);
    }
}

好了，就这样吧。