右抽屉 - 如何添加工具栏按钮? [英] Right Drawer - how to add Toolbar button?
问题描述
我已经扩展了著名的谷歌抽屉式导航示例通过添加工具栏和右侧抽屉在GitHub上一个简单的测试项目一>:
作为Android的新手(特别是工具栏和DrawerLayout)我不知道,如何添加一个汉堡按钮,工具栏 - 这将打开右侧抽屉(目前你只能用一个手指轻扫吧)
为左抽屉中的汉堡按钮是已经存在的和行之有效的(可能是ActionBarDrawerToggle加?)
下面是我当前的<一个href=\"https://github.com/afarber/android-newbie/blob/q33/NavigationDrawerExample/res/layout/activity_main.xml\"相对=nofollow> activity_main.xml中:
&LT; android.support.v4.widget.DrawerLayout
的xmlns:机器人=http://schemas.android.com/apk/res/android
机器人:ID =@ + ID / drawer_layout
机器人:layout_width =match_parent
机器人:layout_height =match_parent&GT; &LT;的LinearLayout
机器人:方向=垂直
机器人:layout_width =match_parent
机器人:layout_height =match_parent&GT; &LT; android.support.v7.widget.Toolbar
的xmlns:机器人=http://schemas.android.com/apk/res/android
机器人:ID =@ + ID /工具栏
机器人:layout_width =match_parent
机器人:layout_height =WRAP_CONTENT/&GT; &LT;的FrameLayout
机器人:ID =@ + ID / content_frame
机器人:layout_width =match_parent
机器人:layout_height =match_parent/&GT; &LT; / LinearLayout中&GT; &LT; ListView控件
机器人:ID =@ + ID / left_drawer
机器人:layout_width =240dp
机器人:layout_height =match_parent
机器人:layout_gravity =开始
机器人:choiceMode =singleChoice/&GT; &LT; ListView控件
机器人:ID =@ + ID / right_drawer
机器人:layout_width =160dp
机器人:layout_height =match_parent
机器人:layout_gravity =结束
机器人:choiceMode =singleChoice/&GT;&LT; /android.support.v4.widget.DrawerLayout>
这是<一个href=\"https://github.com/afarber/android-newbie/blob/q33/NavigationDrawerExample/src/com/example/android/navigationdrawerexample/MainActivity.java\"相对=nofollow> MainActivity.java :
公共类MainActivity扩展AppCompatActivity {
私人工具栏mToolbar;
私人DrawerLayout mDrawerLayout;
私人的ListView mDrawerList;
私人的ListView mActionList;
私人ActionBarDrawerToggle mDrawerToggle; 私有String [] mPlanetTitles;
私有String [] mActions;
私人诠释[] mIcons; @覆盖
保护无效的onCreate(捆绑savedInstanceState){
super.onCreate(savedInstanceState);
的setContentView(R.layout.activity_main); mPlanetTitles = getResources()getStringArray(R.array.planets_array)。
mActions = getResources()getStringArray(R.array.music_actions)。 TypedArray TA = getResources()obtainTypedArray(R.array.music_icons)。
mIcons =新INT [ta.length()];
的for(int i = 0; I&LT; mIcons.length;我++)
mIcons [I] = ta.getResourceId(ⅰ,R.drawable.ic_menu_black_24dp);
ta.recycle(); mToolbar =(工具栏)findViewById(R.id.toolbar);
setSupportActionBar(mToolbar); mDrawerLayout =(DrawerLayout)findViewById(R.id.drawer_layout);
mDrawerList =(ListView控件)findViewById(R.id.left_drawer);
mActionList =(ListView控件)findViewById(R.id.right_drawer); mDrawerList.setAdapter(新ArrayAdapter&LT;串GT;(这一点,
R.layout.drawer_list_item,mPlanetTitles){
@覆盖
公共查看getView(INT位置,查看convertView,父母的ViewGroup){
TextView的视图=(TextView中)super.getView(位置,convertView,父母);
view.setCompoundDrawablePadding(24);
view.setCompoundDrawablesWithIntrinsicBounds(
R.drawable.ic_stars_white_24dp,0,0,0);
返回视图。
}
}); mActionList.setAdapter(新ArrayAdapter&LT;串GT;(这一点,
android.R.layout.simple_list_item_1,mActions){
@覆盖
公共查看getView(INT位置,查看convertView,父母的ViewGroup){
TextView的视图=(TextView中)super.getView(位置,convertView,父母);
view.setCompoundDrawablePadding(24);
view.setCompoundDrawablesWithIntrinsicBounds(mIcons [位置],0,0,0);
返回视图。
}
}); mDrawerToggle =新ActionBarDrawerToggle(
对此,/ *主机活动* /
mDrawerLayout,/ * DrawerLayout对象* /
mToolbar,
R.string.drawer_open,/ *开放抽屉的描述可访问* /
R.string.drawer_close / *关闭抽屉的描述可访问* /
){
公共无效onDrawerClosed(查看视图){
mToolbar.setTitle(mTitle);
invalidateOptionsMenu(); //创建调用上prepareOptionsMenu()
} 公共无效onDrawerOpened(查看drawerView){
mToolbar.setTitle(mDrawerTitle);
invalidateOptionsMenu(); //创建调用上prepareOptionsMenu()
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle); 如果(savedInstanceState == NULL){
选择信息(0);
}
}
我曾尝试以下2行过 - 但他们没有改变任何东西(既不左也不右按钮):
getSupportActionBar()setDisplayHomeAsUpEnabled(真)。
getSupportActionBar()setHomeButtonEnabled(真)。
您必须创建自定义工具栏象下面这样:
&LT; android.support.v7.widget.Toolbar
机器人:ID =@ + ID /工具栏
机器人:layout_width =match_parent
机器人:layout_height =?ATTR / actionBarSize
机器人:ATTR / colorPrimary背景=
机器人:主题=@风格/ ThemeOverlay.AppCompat.Dark.ActionBar&GT; &LT; ImageView的
机器人:layout_width =WRAP_CONTENT
机器人:SRC =@绘制/ ic_menu
机器人:填充=@扪/八
机器人:ID =@ + ID / ivCustomDrawable
机器人:adjustViewBounds =真
机器人:layout_height =WRAP_CONTENT/&GT; &LT;的TextView
机器人:layout_width =WRAP_CONTENT
机器人:TEXTSIZE =20SP
机器人:文字=自定义工具栏
机器人:文字颜色=@机器人:彩色/白
机器人:layout_height =WRAP_CONTENT/&GT; &LT; /android.support.v7.widget.Toolbar>
和Java中的文件中添加此行:
私人无效setupToolbar(){
工具条工具栏=(栏)findViewById(R.id.toolbar);
setSupportActionBar(工具栏); ivCustomDrawable =(ImageView的)toolbar.findViewById(R.id.ivCustomDrawable);
ivCustomDrawable.setOnClickListener(新View.OnClickListener(){
@覆盖
公共无效的onClick(视图v){
drawerLayout.openDrawer(GravityCompat.START); //什么都你的抽屉重力
}
}); 动作条动作条= getSupportActionBar();
如果(动作条!= NULL){
actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
actionBar.setDisplayHomeAsUpEnabled(假);
actionBar.setDisplayShowTitleEnabled(假);
}
}
I have extended the well-known Google Navigation Drawer Example by adding Toolbar and right-side Drawer in a simple test project at GitHub:
As an Android newbie (especially for Toolbar and DrawerLayout) I wonder, how to add a "burger" button to the Toolbar - which would open the right Drawer (currently you can only swipe it with a finger).
The "burger" button for the left Drawer is already there and works well (probably added by ActionBarDrawerToggle?)
Here is my current activity_main.xml:
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice" />
<ListView
android:id="@+id/right_drawer"
android:layout_width="160dp"
android:layout_height="match_parent"
android:layout_gravity="end"
android:choiceMode="singleChoice" />
</android.support.v4.widget.DrawerLayout>
And here is the MainActivity.java:
public class MainActivity extends AppCompatActivity {
private Toolbar mToolbar;
private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
private ListView mActionList;
private ActionBarDrawerToggle mDrawerToggle;
private String[] mPlanetTitles;
private String[] mActions;
private int[] mIcons;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mPlanetTitles = getResources().getStringArray(R.array.planets_array);
mActions = getResources().getStringArray(R.array.music_actions);
TypedArray ta = getResources().obtainTypedArray(R.array.music_icons);
mIcons = new int[ta.length()];
for (int i = 0; i < mIcons.length; i++)
mIcons[i] = ta.getResourceId(i, R.drawable.ic_menu_black_24dp);
ta.recycle();
mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
mActionList = (ListView) findViewById(R.id.right_drawer);
mDrawerList.setAdapter(new ArrayAdapter<String>(this,
R.layout.drawer_list_item, mPlanetTitles) {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
TextView view = (TextView) super.getView(position, convertView, parent);
view.setCompoundDrawablePadding(24);
view.setCompoundDrawablesWithIntrinsicBounds(
R.drawable.ic_stars_white_24dp, 0, 0, 0);
return view;
}
});
mActionList.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, mActions) {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
TextView view = (TextView) super.getView(position, convertView, parent);
view.setCompoundDrawablePadding(24);
view.setCompoundDrawablesWithIntrinsicBounds(mIcons[position], 0, 0, 0);
return view;
}
});
mDrawerToggle = new ActionBarDrawerToggle(
this, /* host Activity */
mDrawerLayout, /* DrawerLayout object */
mToolbar,
R.string.drawer_open, /* "open drawer" description for accessibility */
R.string.drawer_close /* "close drawer" description for accessibility */
) {
public void onDrawerClosed(View view) {
mToolbar.setTitle(mTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
public void onDrawerOpened(View drawerView) {
mToolbar.setTitle(mDrawerTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
if (savedInstanceState == null) {
selectItem(0);
}
}
I did try the following 2 lines too - but they haven't changed anything (neither the left, nor the right buttons):
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);
you have to create custom toolbar like below :
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<ImageView
android:layout_width="wrap_content"
android:src="@drawable/ic_menu"
android:padding="@dimen/eight"
android:id="@+id/ivCustomDrawable"
android:adjustViewBounds="true"
android:layout_height="wrap_content" />
<TextView
android:layout_width="wrap_content"
android:textSize="20sp"
android:text="Custom Toolbar"
android:textColor="@android:color/white"
android:layout_height="wrap_content" />
</android.support.v7.widget.Toolbar>
and in Java file add this lines:
private void setupToolbar() {
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
ivCustomDrawable = (ImageView) toolbar.findViewById(R.id.ivCustomDrawable);
ivCustomDrawable.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
drawerLayout.openDrawer(GravityCompat.START); //What ever your drawer gravity
}
});
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
actionBar.setDisplayHomeAsUpEnabled(false);
actionBar.setDisplayShowTitleEnabled(false);
}
}
这篇关于右抽屉 - 如何添加工具栏按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!