Android自定义实现微信标题栏

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

这样就完成了，图片我用的系统的图片，不太美观，大家可以自己修改