一:打开Android Studio中项目app目录下的buile.gradle,检查是否有v7包,如果没有,添加v7包
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:24.2.1'
}
二:2.修改系统的values目录下的styles的theme样式
三:3.在values目录下打开strings.xml文件
ZhiHu
open
close
四:4.创建ToolBar标题栏的布局文件:tool_bar.xml
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize">
五:5.创建DrawerLayout侧滑面板的布局:custom_drawer.xml
DrawerLayout至少需要两个布局,第一个布局是主布局,就是ToolBar以下的所有位置;第二个布局为隐藏的侧边栏,主要是以ListView为主,此时的gravity="start"相当于left,代表从左边拉开
主布局代码要放在侧滑菜单布局的前面,这可以帮助DrawerLayout判断谁是侧滑菜单,谁是主布局
android:id="@+id/drawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="首页"
android:textSize="30dp"
android:textColor="@android:color/darker_gray"
android:layout_centerInParent="true"/>
android:layout_width="250dp"
android:layout_height="match_parent"
android:background="#F5F5F5"
android:orientation="vertical"
android:layout_gravity="start">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="侧边栏"
android:textSize="20sp"/>
六:在activity.xml文件中插入ToolBar布局、DrawerLayout布局
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
七:在MainActivity中编写逻辑代码,显示ToolBar的抽屉按钮并添加打开关闭功能及动画
public class MainActivity extends AppCompatActivity {
private Toolbar toolbar;
private DrawerLayout drawerLayout;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
initView();
//初始化数据
initData();
}
private void initData() {
// 设置Toolbar标题,需在setSupportActionBar之前,不然会失效
//设置应用的title
toolbar.setTitle(R.string.tv_home);
//设置字体颜色
toolbar.setTitleTextColor(Color.parseColor("#ffffff"));
//设置Tollbar支持ActionBar
setSupportActionBar(toolbar);
// 实现按钮开关的显示及打开关闭功能并同步动画
initDrawerToggle();
}
private void initDrawerToggle() {
// 参数:开启抽屉的activity、DrawerLayout的对象、toolbar按钮打开关闭的对象、描述open drawer、描述close drawer
ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.open, R.string.close);
// 添加抽屉按钮,通过点击按钮实现打开和关闭功能; 如果不想要抽屉按钮,只允许在侧边边界拉出侧边栏,可以不写此行代码
mDrawerToggle.syncState();
// 设置按钮的动画效果; 如果不想要打开关闭抽屉时的箭头动画效果,可以不写此行代码
drawerLayout.setDrawerListener(mDrawerToggle);
}
private void initView() {
toolbar = (Toolbar) findViewById(R.id.toolbar);
drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
}
}
ToolBar修改
1.通过布局来修改Toolbar标题并指定具体位置
mToolbar.setTitle("首页");
mToolbar.setTitleTextColor(Color.TRANSPARENT);
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize">
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="60dp"
android:text="首页"
android:textColor="#ffffff"
android:textSize="20sp"/>