Android: NavigationDrawer和ActionBarCompat

9

我开始使用ActionBarSherlock来使用NavigationDrawer并取得了良好的效果,但是我们公司批准这个开源项目的可能性不太高,所以我正在努力切换到ActionBarCompat。

ActionBarCompat刚刚在昨天(2013年7月24日)正式发布。有没有人已经让它们很好地配合使用?我希望我能回答自己的问题,但想知道是否有人已经做到了。比赛开始了!:-)

关于ActionBarCompat发布的YouTube视频: https://www.youtube.com/watch?v=6TGgYqfJnyc


更新(工作代码,是的!): 我已经将Google的示例NavigationDrawer应用程序转换为使用ActionBarCompat,并且它运行良好。您可以在此处找到它作为参考或项目启动: https://github.com/bcrider/NavigationDrawerActionBarCompat

2.x版本看起来比使用ActionBarSherlock时更好,但我还需要更多地使用ActionBarCompat来确定它是否更好。



我很想知道你使用ActionBar compat和Nav drawer的经验,我也用过Nav drawer和ABS,效果还不错。 - Jaison Brooks
工作正常,除了菜单项。请查看此答案以获取正确的语法https://dev59.com/V3XYa4cB1Zd3GeqP1AGf - Zeezer
Appcompat抽屉导航在我的M860 Motorola上非常慢,我尝试了一些自定义的抽屉库,它们的性能要好得多。 - Truong Nguyen
4个回答

13

注意:我太新了,不能在一篇文章中添加超过一个链接等内容,所以我回答自己的问题而不是编辑它(希望这不违反规则?)等待允许后会编辑原始内容。

使用ActionBarCompat添加导航抽屉的简单方法: 我发现转换我现有的应用程序并没有我想象的那么糟糕。Google的示例让我认为Fragments是必需品,但实际上并非如此......相反很简单。

您可以简单地将现有的布局包装在DrawerLayout中,并插入ListView(或任何包含ListView的布局),以进行实际的导航。然后,像往常一样向现有Activity添加正常代码(扩展ActionBarActivity),并构建导航,就像您本来需要做的那样。

以下是一些示例代码,可用于包装现有的布局:

<?xml version="1.0" encoding="utf-8"?>

<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" >

[YOUR EXISTING LAYOUT GOES HERE]

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="300dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />

</android.support.v4.widget.DrawerLayout>

如果你想要从一个使用片段的示例应用程序开始,然后继续进行,这是我的基于示例代码的 GitHub 存储库:https://github.com/bcrider/NavigationDrawerActionBarCompat


2

昨天我将我的应用程序从ActionBarSherlock转换为ActionBarCompat。我遇到了一些问题,但没有太严重的。

我有一些评论:

要更新主题,我只需要将"Sherlock"覆盖为"AppCompat"。例如,不再继承@style/Theme.Sherlock.Light.DarkActionBar,而是继承@style/Theme.AppCompat.Light.DarkActionBar。

对于操作项,只需按照以下方式进行更新:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:yourapp="http://schemas.android.com/apk/res-auto" >
    <item android:id="@+id/action_search"
          android:icon="@drawable/ic_action_search"
          android:title="@string/action_search"
          yourapp:showAsAction="ifRoom"  />
    ...
</menu>

在onCreateOptionsMenu中,使用普通的MenuItem,但使用MenuItemCompat的静态方法来处理ActionBar的内容。例如:MenuItemCompat.expandActionView(searchMenuItem);
如果您使用RoboGuice从RoboSherlockActivity继承,如果只是复制并更改为ActionBarActivity,您将会遇到麻烦。这是我的解决方案:
public class RoboActionBarActivity extends ActionBarActivity implements RoboContext {

    protected EventManager eventManager;
    protected HashMap<Key<?>, Object> scopedObjects = new HashMap<Key<?>, Object>();

    @Inject
    ContentViewListener ignored; // BUG find a better place to put this

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        final RoboInjector injector = RoboGuice.getInjector(this);
        eventManager = injector.getInstance(EventManager.class);
        injector.injectMembersWithoutViews(this);
        super.onCreate(savedInstanceState);
        eventManager.fire(new OnCreateEvent(savedInstanceState));
    }

    @Override
    public void setContentView(int layoutResID) {
        super.setContentView(layoutResID);
        contentViewChanged();
    }

    @Override
    public void setContentView(View view) {
        super.setContentView(view);
        contentViewChanged();
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        super.setContentView(view, params);
        contentViewChanged();
    }

    @Override
    public void addContentView(View view, ViewGroup.LayoutParams params) {
        super.addContentView(view, params);
        contentViewChanged();
    }

    private void contentViewChanged() {
        RoboGuice.getInjector(this).injectViewMembers(this);
        eventManager.fire(new OnContentChangedEvent());
    }

    @Override
    protected void onRestart() {
        super.onRestart();
        eventManager.fire(new OnRestartEvent());
    }

    @Override
    protected void onStart() {
        super.onStart();
        eventManager.fire(new OnStartEvent());
    }

    @Override
    protected void onResume() {
        super.onResume();
        eventManager.fire(new OnResumeEvent());
    }

    @Override
    protected void onPause() {
        super.onPause();
        eventManager.fire(new OnPauseEvent());
    }

    @Override
    protected void onNewIntent( Intent intent ) {
        super.onNewIntent(intent);
        eventManager.fire(new OnNewIntentEvent());
    }

    @Override
    protected void onStop() {
        try {
            eventManager.fire(new OnStopEvent());
        } finally {
            super.onStop();
        }
    }

    @Override
    protected void onDestroy() {
        try {
            eventManager.fire(new OnDestroyEvent());
        } finally {
            try {
                RoboGuice.destroyInjector(this);
            } finally {
                super.onDestroy();
            }
        }
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        final Configuration currentConfig = getResources().getConfiguration();
        super.onConfigurationChanged(newConfig);
        eventManager.fire(new OnConfigurationChangedEvent(currentConfig, newConfig));
    }

    @Override
    public void onContentChanged() {
        super.onContentChanged();
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        eventManager.fire(new OnActivityResultEvent(requestCode, resultCode, data));
    }

    @Override
    public Map<Key<?>, Object> getScopedObjectMap() {
        return scopedObjects;
    }

}

现在,您可以使用supportStartActionMode()来启动ActionMode,并从库的包中导入ActionMode。

要使用SearchView,您需要执行以下操作:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:icon="@drawable/abc_ic_search"
        app:showAsAction="always|collapseActionView"
        android:title="@string/search"/>

</menu>

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.search_menu, menu);

    searchMenuItem = menu.findItem(R.id.search);
    searchView = (SearchView) MenuItemCompat.getActionView(searchMenuItem);

    if (searchView != null) {
        searchView.setIconifiedByDefault(false);

        SearchView.OnQueryTextListener queryTextListener = new SearchView.OnQueryTextListener() {
            public boolean onQueryTextChange(String newText) {
                return true;
            }

            public boolean onQueryTextSubmit(String query) {
                doSomething(query);
                return true;
            }
        };

        searchView.setOnQueryTextListener(queryTextListener);

    }

    return super.onCreateOptionsMenu(menu);
}

其他部分无需修改,只是导入包的问题。
你可以在这里查看更多信息:http://developer.android.com/guide/topics/ui/actionbar.html

非常好!我很高兴你提到了搜索视图部分,因为在我(希望)从ABS转换为ABC后的下一周左右,我将开始使用它。 - Brian Crider
嗯,我在使用SearchView时遇到了问题。请看这里:https://dev59.com/OGMm5IYBdhLWcg3wFLw4 - Fernando Camargo
另一个路障:ActionBarCompat和在MapActivity上使用它。你有没有已经克服这个障碍?我在这里发布了一个问题:http://stackoverflow.com/questions/17980503/actionbarcompat-and-mapactivity - Brian Crider

0

0

4.3 sdk提供的示例看起来很有希望,但我将创建一个测试项目,尝试将自己的应用程序转换为ActionBarCompact并查看其功能是否比ActionBarSherlock更好或更差!如果成功或失败,我将更新此帖子!


2
终于可以回到这个问题上来了,我发现整合过程中缺少了一步。视频没有清楚地提到(或者对我来说不够清晰),即将项目作为库导入。一旦我这样做了,很多问题都解决了。我只需将.\sdk\extras\android\support\v7\appcompat导入我的工作区,然后将其作为库添加到我的主项目中。仅仅像视频中建议的那样复制jar文件是不够的。 - Brian Crider

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接