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);
     }
 }

好了，就这样吧。