TollBar+DrawerLayout实现侧滑菜单

一:打开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"/>

你可能感兴趣的:(TollBar+DrawerLayout实现侧滑菜单)