首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ToolBar导航按钮

ToolBar导航按钮
EN

Stack Overflow用户
提问于 2015-01-28 09:04:17
回答 4查看 8.1K关注 0票数 2

这是我的工具栏:

这是Gmail应用程序工具栏:

我想有一个按钮,打开导航抽屉的Gmail应用程序。

我怎么能做到这一点?

这是我的ToolBar:

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="@dimen/abc_action_bar_default_height_material"
    android:background="#EDAA00" />

这是我这个应用的主题:

代码语言:javascript
复制
<style name="noActionBar" parent="Theme.AppCompat.Light.NoActionBar"/>

这是我创建工具栏的代码:

代码语言:javascript
复制
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setTitleTextColor(Color.WHITE);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);

..。

代码语言:javascript
复制
 mDrawerToggle = new ActionBarDrawerToggle(
                getActivity(),                    /* host Activity */
                mDrawerLayout,                    /* DrawerLayout object */
                R.drawable.ic_drawer,             /* nav drawer image to replace 'Up' caret */
                R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
                R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
        )

提前感谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-01-28 14:35:55

我在这张照片的可绘制新ic_drawer中添加了:

票数 0
EN

Stack Overflow用户

发布于 2015-01-28 09:18:43

我们在onCreate中有这样的代码:

代码语言:javascript
复制
toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);// Supported toolbar
drawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout); //this is the navigation drawer
content_frame=(FrameLayout)findViewById(R.id.content_frame);
        actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.drawer_open,R.string.drawer_close){
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                float moveFactor = (getActivity().findViewById(R.id.left_drawer).getWidth() * slideOffset);

                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB)
                {
                    content_frame.setTranslationX(moveFactor);
                }
                else
                {
                    TranslateAnimation anim = new TranslateAnimation(lastTranslate, moveFactor, 0.0f, 0.0f);
                    anim.setDuration(0);
                    anim.setFillAfter(true);
                    content_frame.startAnimation(anim);
                    lastTranslate = moveFactor;
                }
                super.onDrawerSlide(drawerView, slideOffset);
            }
        };
        drawerLayout.setDrawerListener(actionBarDrawerToggle);
        drawerLayout.post(new Runnable() {
            @Override
            public void run() {
                actionBarDrawerToggle.syncState();
            }
        });

 @Override
    public void onBackPressed() {
        if (drawerLayout.isDrawerOpen(GravityCompat.START)) {
            drawerLayout.closeDrawer(drawerListview);
        } else super.onBackPressed();
    }

但是,不要忘记v7支持库:

代码语言:javascript
复制
import android.support.v4.app.Fragment;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.widget.Toolbar;

不向工具栏添加任何可绘制的ActionBarDrawerToggle v7,将其添加并赋予其动画,当抽屉打开时,将其转换为后退按钮。

请参阅此链接,抽屉箭可拉

票数 1
EN

Stack Overflow用户

发布于 2015-01-28 09:19:08

您可以使用以下样式:

代码语言:javascript
复制
<style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light">
        <item name="android:homeAsUpIndicator">@drawable/ic_drawer</item>
        <item name="android:windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
    </style>

    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>

请参考这个链接

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28188229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档