如何将 DrawerLayout 添加到我的 ToolBar / ActionBar
How to add DrawerLayout to my ToolBar / ActionBar
我在 MainActivity 中设置了一个自定义工具栏作为顶部操作栏。问题是,如何实现一个NavigationDrawer,在点击工具栏中的ImageView时显示?
在 MainActivity 中
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_main_drawer);
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
我的layout_main_drawer
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container"
android:layout_width="match_parent" android:layout_height="match_parent"
tools:context="com.XXXX" tools:ignore="MergeRootFrame" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:minHeight="?attr/actionBarSize"
android:background="#ccc">
<ImageView
android:id="@+id/toolbar_action"
android:src="@drawable/ic_drawer"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="50dp"/>
</android.support.v7.widget.Toolbar>
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
mDrawerList.setAdapter(new ArrayAdapter<String>(this, R.layout.drawer_list_item, mDrawerString));
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.string.drawer_open, R.string.drawer_close) {
public void onDrawerClosed(View view) {
super.onDrawerClosed(view);
}
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
}
@Override
public void onDrawerSlide(View drawerView, float slideOffset) {
super.onDrawerSlide(drawerView, slideOffset);
mDrawerLayout.bringChildToFront(drawerView);
mDrawerLayout.requestLayout();
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
}
在此之后使用 onDrawerOpen() 和 onDrawerClose() 方法!
希望这有帮助。
别忘了导入:
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
你可以这样使用:
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
DrawerLayout mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(
this, mDrawerLayout, mToolbar,
R.string.navigation_drawer_open, R.string.navigation_drawer_close
);
mDrawerLayout.setDrawerListener(mDrawerToggle);
mDrawerToggle.syncState();
注意。
android.support.v4.app.ActionBarDrawerToggle
已弃用。
你必须使用android.support.v7.app.ActionBarDrawerToggle。
这个 class 有一个带有 Toolbar
.
的构造函数
我在 MainActivity 中设置了一个自定义工具栏作为顶部操作栏。问题是,如何实现一个NavigationDrawer,在点击工具栏中的ImageView时显示?
在 MainActivity 中
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_main_drawer);
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
我的layout_main_drawer
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container"
android:layout_width="match_parent" android:layout_height="match_parent"
tools:context="com.XXXX" tools:ignore="MergeRootFrame" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:minHeight="?attr/actionBarSize"
android:background="#ccc">
<ImageView
android:id="@+id/toolbar_action"
android:src="@drawable/ic_drawer"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="50dp"/>
</android.support.v7.widget.Toolbar>
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
mDrawerList.setAdapter(new ArrayAdapter<String>(this, R.layout.drawer_list_item, mDrawerString));
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.string.drawer_open, R.string.drawer_close) {
public void onDrawerClosed(View view) {
super.onDrawerClosed(view);
}
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
}
@Override
public void onDrawerSlide(View drawerView, float slideOffset) {
super.onDrawerSlide(drawerView, slideOffset);
mDrawerLayout.bringChildToFront(drawerView);
mDrawerLayout.requestLayout();
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
}
在此之后使用 onDrawerOpen() 和 onDrawerClose() 方法! 希望这有帮助。
别忘了导入:
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
你可以这样使用:
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
DrawerLayout mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(
this, mDrawerLayout, mToolbar,
R.string.navigation_drawer_open, R.string.navigation_drawer_close
);
mDrawerLayout.setDrawerListener(mDrawerToggle);
mDrawerToggle.syncState();
注意。
android.support.v4.app.ActionBarDrawerToggle
已弃用。
你必须使用android.support.v7.app.ActionBarDrawerToggle。
这个 class 有一个带有 Toolbar
.