快捷導(dǎo)航

Android實(shí)現(xiàn)自定義標(biāo)題欄的方法

更新時間：2015年12月30日 11:10:27 作者：林炳文Evankaka

這篇文章主要介紹了Android實(shí)現(xiàn)自定義標(biāo)題欄的方法,需要的朋友可以參考下

本文要講自己定義一個標(biāo)題欄，能加事件。然后可以移值到不同的手機(jī)上，基本上不用改什么，調(diào)用也很簡單
在layout文件夾下，新建一個XML。名字叫做layout_title_bar.xml然后來看看布局：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="45.0dip" 
  android:background="@drawable/bg_title_bar" 
  android:gravity="top" > 
 
  <ImageView 
    android:id="@+id/title_bar_menu_btn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerVertical="true" 
    android:layout_marginLeft="3.0dip" 
    android:layout_marginRight="3.0dip" 
    android:layout_marginTop="3.0dip" 
    android:gravity="center" 
    android:src="@drawable/ic_top_bar_category" /> 
 
  <ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" 
    android:layout_toRightOf="@id/title_bar_menu_btn" 
    android:background="@drawable/ic_top_divider" /> 
 
  <TextView 
    android:id="@+id/title_bar_name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:ellipsize="end" 
    android:gravity="center" 
    android:paddingLeft="75.0dip" 
    android:paddingRight="75.0dip" 
    android:singleLine="true" 
    android:text="Java學(xué)習(xí)寶典" 
    android:textColor="#ffffff" 
    android:textSize="22sp" /> 
 
</RelativeLayout>

看下效果：

接下要就是要用了，在要用到的地方：我這里是activity_main.xml文件中：
加上一句： <include layout="@layout/layout_title_bar" />這樣就行了，
然后我們要給標(biāo)題欄上的按鈕添加事件，這個更加簡單了：
在MainActivity.java（對應(yīng)activity_main.xml）中，onCreate函數(shù)中添加：事件可以自己改，我這里是讓它控制左右滑動的功能。

ImageView menuImg = (ImageView) findViewById(R.id.title_bar_menu_btn); 
    menuImg.setOnClickListener(new View.OnClickListener() { 
 
      @Override 
      public void onClick(View arg0) { 
        if (!menuIsShow) 
          showMenu(); 
        else { 
          hideMenu(); 
        } 
 
      } 
 
    });

這樣就可以了：
我們來看看效果