Android自定義實現微信標題欄

    前言：在android的開發中有時我們需要更個性化的標題欄，而不僅僅是系統預定義的圖標加軟件名，同時有時候我們需要在標題欄中實現更多功能，如添加按鈕響應用戶點擊。這就要求我們實現自定義標題欄。下面以微信的標題欄為例：

微信界面的標題欄：

   step 1:寫標題欄布局文件

    新建一個布局文件titleBar.xml文件：

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#434343"
    >
    
    <TextView
        android:id="@+id/barText"
        android:layout_alignParentLeft="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#FFFFFF"
        android:layout_centerVertical="true"
        
        android:textSize="20sp"
        android:layout_marginLeft="5dp"
        android:text="微信(4)"
        />

    <ImageView
        android:id="@+id/barAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_add"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:layout_centerVertical="true"
        />
    
     <ImageView
        android:id="@+id/barSearch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_search"
        android:layout_toLeftOf="@+id/barAdd"
        android:layout_marginRight="20dp"
        android:layout_centerVertical="true"
        />
</RelativeLayout>

  step2：在源文件OnCreat中添加：設置titleBar.xml為標題欄布局

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
        setContentView(R.layout.main);
        //設置標題布局為titlebar
        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.titlebar);
}

step3:定義標題欄的風格

在drawable新建color.xml:

<?xml version="1.0" encoding="utf-8"?>
<color xmlns:android="http://schemas.android.com/apk/res/android" >
           <item name="android:color">#434343</item>  //設置背景色
</color>

在values新建titleStyle.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MyStyle" parent="android:Theme.Light">
          <item name="android:windowTitleSize">50dp</item>//設置寬度
          <item name="android:windowTitleBackgroundStyle">@drawable/color</item> //設置背景風格，否則可能有邊框
    </style>
</resources>

在AndroidManifest.xml中修改配置：

在application中添加：android:theme="@style/titleStyle"

step4:添加點擊處理：

在修改源文件為：

public class WeixinActivity extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
    public ImageView addBtn;
    public ImageView searchBtn;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
        setContentView(R.layout.main);
        //設置標題布局為titlebar
        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.titlebar);
        
        addBtn=(ImageView)this.findViewById(R.id.barAdd);
        searchBtn=(ImageView)this.findViewById(R.id.barSearch);
        
        addBtn.setOnClickListener(this);
        searchBtn.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch(v.getId()){
        case R.id.barAdd:Toast.makeText(WeixinActivity.this, "你點擊了添加", Toast.LENGTH_SHORT).show();break;
        case R.id.barSearch:Toast.makeText(WeixinActivity.this, "你點擊了搜索", Toast.LENGTH_SHORT).show();break;
        default:break;
        }
    }
}

step5：運行

 

 ok

這樣就完成了，圖片我用的系統的圖片，不太美觀，大家可以自己修改