基于AndroidStudio自定义顶部菜单栏----ActionBar和ToolBar的基本实现
自定义ActionBar
ActionBar是一个确定用户位置的窗口功能,并且能提供用户操作和导航的模块。使用ActionBar能够为用户提供一个熟悉的界面进行界面的切换,这个切换能够使系统更优雅是适应不同屏幕的配置。
ActionBar可以自定义以下几种元素,实现不同风格
- 设置返回键
- 设置标题
- 自定义搜索框
- 自定义菜单(图标及文字形式的菜单)
我在项目中封装了7种ActionBar,可以适应不同的需求
(1)去掉系统自带的ActionBar,在values/styles.xml中修改style为:
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
- 可以根据喜好更改颜色(参数如下)
<!--状态栏颜色-->
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<!--控制各个控件被选中时的颜色-->
<item name="colorAccent">@color/colorAccent</item>
<!--页面背景色-->
<item name="android:windowBackground">@color/windowBackg</item>
<!--底部导航栏颜色-->
<item name="android:navigationBarColor">@color/navigationColor</item>
<!--Appbar背景色-->
<item name="android:colorPrimary">@color/colorPrimary</item>
<!--ToolBar上的Title颜色-->
<item name="android:textColorPrimary">@color/textColorPrimary</item>
<!--各个控制控件的默认颜色-->
<item name="android:colorControlNormal">@color/colorControlNormal</item>
(2)为自定义的ActionBar定义布局(customactionbar.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="wrap_content"
android:background="#00BFFF">
<ImageView
android:id="@+id/header_back"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_centerVertical="true"
android:layout_marginLeft="5dp"
android:padding="4dp"
android:src="@mipmap/ic_arrow_back" />
<LinearLayout
android:id="@+id/linear_header_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true">
<TextView
android:id="@+id/header_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="18sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/search"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="@drawable/edittext_bg_shape"
android:layout_margin="3dp"
android:layout_centerInParent="true"
android:padding="5dp"
android:visibility="gone">
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:hint="search"
android:layout_centerInParent="true"
android:padding="3dp"
android:t