`
su1216
  • 浏览: 672003 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
Group-logo
深入入门正则表达式(jav...
浏览量:72010
E60283d7-4822-3dfb-9de4-f2377e30189c
android手机的安全问...
浏览量:128923
社区版块
存档分类
最新评论

android ActionBar与Menu - 2 - email中ActionBar分析

阅读更多

android ActionBar与Menu - 1 - api demos 学习

android ActionBar与Menu - 2 - email中ActionBar分析

 

这里以Email为例,简单分析一下ActionBar在实际中的应用

上面是在模拟器上登录原生Email的截图

 

这里说一下所谓的原生:

原生不是指大家买来手机之后没有修改过任何内容,软件本身的样子。也不是指google的各种亲儿子本身的样子,因为无论是前者还是后者,最起码都是要经过优化和修复bug的,不是亲儿子那就很有可能进行了整容,让你看不出原来的样子

这里的原生是用google发布的源码编译出来的apk,安装到手机或模拟器上面大家就可以看到

 

我们主要看看Email如何使用ActionBar和menu的

页面可以发现,Email既有AcionBar又有menu,menu被放在了底部,先看ActionBar

Email的主Activity是EmailActivity,我就不画类图了,因为总是画不明白,怕误导大家,所以就用类似堆栈log的形式来介绍

@Override
protected void onCreate(Bundle savedInstanceState) {
    ……
    initUIController();
    ……
}

private void initUIController() {
    mUIController = UiUtilities.useTwoPane(this)
            ? new UIControllerTwoPane(this) : new UIControllerOnePane(this);
}

这里初始化了一个UIController,其中的关系是这样的

UIControllerBase为父类,是一个抽象类,下面有两个实现类分别为UIControllerOnePane和UIControllerTwoPane(实在理解不了为什么这么命名。。。)

UIControllerOnePane为手机UI实现,UIControllerTwoPane为平板UI实现,我们这里只考虑UIControllerOnePane

public UIControllerBase(EmailActivity activity) {
    mActivity = activity;
    mFragmentManager = activity.getFragmentManager();
    mRefreshManager = RefreshManager.getInstance(mActivity);
    mActionBarController = createActionBarController(activity);
    if (DEBUG_FRAGMENTS) {
        FragmentManager.enableDebugLogging(true);
    }
}

这里包含了一个ActionBarController,createActionBarController是抽象方法,下面是UIControllerOnePane的实现

@Override
protected ActionBarController createActionBarController(Activity activity) {
    // For now, we just reuse the same action bar controller used for 2-pane.
    // We may change it later.
    return new ActionBarController(activity, activity.getLoaderManager(),
            activity.getActionBar(), new ActionBarControllerCallback());
}

最关键的就是ActionBarController了,它包含ActionBar所有内容

public ActionBarController(Context context, LoaderManager loaderManager,
        ActionBar actionBar, Callback callback) {
    mContext = context;
    mLoaderManager = loaderManager;
    mActionBar = actionBar;
    mCallback = callback;
    mDelayedOperations = new DelayedOperations(Utility.getMainThreadHandler());
    mAllFoldersLabel = mContext.getResources().getString(
            R.string.action_bar_mailbox_list_title);
    mAccountsSelectorAdapter = new AccountSelectorAdapter(mContext);

    // Configure action bar.
    mActionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_CUSTOM);

    // Prepare the custom view
    mActionBar.setCustomView(R.layout.action_bar_custom_view);
    mActionBarCustomView = (ViewGroup) mActionBar.getCustomView();

    // Account spinner
    mAccountSpinnerContainer =
            UiUtilities.getView(mActionBarCustomView, R.id.account_spinner_container);
    mAccountSpinner = UiUtilities.getView(mActionBarCustomView, R.id.account_spinner);
    mAccountSpinnerDefaultBackground = mAccountSpinner.getBackground();

    mAccountSpinnerLine1View = UiUtilities.getView(mActionBarCustomView, R.id.spinner_line_1);
    mAccountSpinnerLine2View = UiUtilities.getView(mActionBarCustomView, R.id.spinner_line_2);
    mAccountSpinnerCountView = UiUtilities.getView(mActionBarCustomView, R.id.spinner_count);

    // Account dropdown
    mAccountDropdown = new AccountDropdownPopup(mContext);
    mAccountDropdown.setAdapter(mAccountsSelectorAdapter);

    mAccountSpinner.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(View v) {
            if (mAccountsSelectorAdapter.getCount() > 0) {
                mAccountDropdown.show();
            }
        }
    });
}

 从上面可以看出,ActionBar实际上也不复杂,只是设置了显示选项和一个CustomView,复杂的内容几乎全部集中在这个CustomView上了

// Configure action bar.
mActionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_CUSTOM);

// Prepare the custom view
mActionBar.setCustomView(R.layout.action_bar_custom_view);
mActionBarCustomView = (ViewGroup) mActionBar.getCustomView();

当点击CustomView时候会有弹出下拉框,mAccountDropdown就发挥作用了

private class AccountDropdownPopup extends ListPopupWindow


设置了mAccountSpinner.setOnClickListener,调用到mAccountDropdownshow()

mAccountDropdownshow显示由mAccountsSelectorAdapter提供

public class AccountSelectorAdapter extends CursorAdapter

其中的数据由CursorWithExtras com.android.email.activity.ActionBarController.mCursor提供

mCursor只在一个地方进行刷新,那就是加载账户邮箱信息的时候

/**
 * Load account/mailbox info, and account/recent mailbox list.
 */
private void loadAccountMailboxInfo(final long accountId, final long mailboxId) {
    mLoaderManager.restartLoader(LOADER_ID_ACCOUNT_LIST, null,
            new LoaderCallbacks<Cursor>() {
        @Override
        public Loader<Cursor> onCreateLoader(int id, Bundle args) {
            return AccountSelectorAdapter.createLoader(mContext, accountId, mailboxId);
        }

        @Override
        public void onLoadFinished(Loader<Cursor> loader, Cursor data) {
            mCursor = (AccountSelectorAdapter.CursorWithExtras) data;
            updateTitle();
        }

        @Override
        public void onLoaderReset(Loader<Cursor> loader) {
            mCursor = null;
            updateTitle();
        }
    });
}

我们可以发现,加载完毕之后Cursor更新了,然后updateTitle,不用去看函数也能猜出这里是更新ActionBar

为了刷新列表,调用了下面语句

mAccountsSelectorAdapter.swapCursor(mCursor);

updateTitle就不再进行分析了,里面几乎都是刷新那个CustomView的内容

 

下面看看底部的菜单,之前的学习中,api demos里并没有演示这种情况,我们用hierarchyviewer查看,发现页面上下都是一个ActionBarContainer的容器

上面的ActionBar我们已经知道它是怎么来的了,那下面的呢?原因在于manifest的配置

 

<activity
    android:name=".activity.EmailActivity"
    android:uiOptions="splitActionBarWhenNarrow"
    >
</activity>

splitActionBarWhenNarrow使得ActionBar被拆分成上下两个部分

splitActionBarWhenNarrow 用于显示Activity在窄屏设备(如竖屏手机)上运行时的所有menu项。当然,如果手机有menu键的时候,当menu项过多而显示不下的时候按Menu键即可

这时迷题已解,没有什么神秘的地方了,看看menu配置,一目了然

 

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/compose"
        android:orderInCategory="100"
        android:alphabeticShortcut="c"
        android:title="@string/compose_action"
        android:icon="@drawable/ic_menu_compose_normal_holo_light"
        android:showAsAction="ifRoom"
    />
    <item
        android:id="@+id/search"
        android:orderInCategory="200"
        android:alphabeticShortcut="s"
        android:title="@string/search_action"
        android:icon="@drawable/ic_menu_search_holo_light"
        android:showAsAction="ifRoom"
    />
    <item
        android:id="@+id/show_all_mailboxes"
        android:orderInCategory="300"
        android:alphabeticShortcut="c"
        android:title="@string/mailbox_list_account_selector_show_all_folders"
        android:icon="@drawable/ic_menu_move_to_holo_light"
        android:showAsAction="ifRoom"
    />
    <item
        android:id="@+id/refresh"
        android:orderInCategory="400"
        android:alphabeticShortcut="r"
        android:title="@string/refresh_action"
        android:icon="@drawable/ic_menu_refresh_holo_light"
        android:showAsAction="ifRoom"
    />
    <!-- Note the order; we want to show them to the right of delete/move -->
    <item
        android:id="@+id/newer"
        android:orderInCategory="1500"
        android:icon="@drawable/menu_item_newer"
        android:showAsAction="always"
        android:visible="false"
    />
    <item
        android:id="@+id/older"
        android:orderInCategory="1600"
        android:icon="@drawable/menu_item_older"
        android:showAsAction="always"
        android:visible="false"
    />
    <item
        android:id="@+id/mailbox_settings"
        android:orderInCategory="2000"
        android:title="@string/mailbox_settings_action"
        android:icon="@android:drawable/ic_menu_preferences"
    />
    <item
        android:id="@+id/account_settings"
        android:orderInCategory="3000"
        android:title="@string/settings_action"
        android:icon="@android:drawable/ic_menu_preferences"
    />
</menu>

当我们横屏的时候,menu就会跑到上面去了

 

 

下面是带回退导航的


他能使用户回到上一个页面(并不是上一个activity,回到上一个activity可以通过按back键实现)

 

mActionBar.setDisplayOptions(showUp ? ActionBar.DISPLAY_HOME_AS_UP : 0, ActionBar.DISPLAY_HOME_AS_UP);

在之前的refreshInernal中已经设置过了

 

当我们打开或新建一个邮件的时候,页面会跳转到新的activity

public class MessageCompose extends Activity implements OnClickListener, OnFocusChangeListener, DeleteMessageConfirmationDialog.Callback, InsertQuickResponseDialog.Callback

这里我们看到了,页面依然有回退导航,点击之后能回退到上一个页面,当然,不再是当前的activity了

那么它是如何做到的,代码如下

 

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (handleCommand(item.getItemId())) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

private boolean handleCommand(int viewId) {
    switch (viewId) {
    case android.R.id.home:
        onBack(false /* systemKey */);
        return true;
    ……
}

/**
 * Handle a tap to the system back key, or the "app up" button in the action bar.
 * @param systemKey whether or not the system key was pressed
 */
private void onBack(boolean systemKey) {
    finish();
    if (isOpenedFromWithinApp()) {
        // If opened from within the app, we just close it.
        return;
    }

    if (isOpenedFromWidget() || !systemKey) {
        // Otherwise, need to open the main screen for the appropriate account.
        // Note that mAccount should always be set by the time the action bar is set up.
        startActivity(Welcome.createOpenAccountInboxIntent(this, mAccount.mId));
    }
}

点击回退导航时,触发的menu是android.R.id.home 

剩下的事情就好办了,这里交给了onBack来处理

 

 

至此Email应用的ActionBar和menu就基本分析完了,如果有不准确的地方还希望大家指正

 

 

最后附上别人的几篇翻译,内容很基础,也比api demos多,值得一看

Android 用户界面---操作栏(Action Bar 一) :基本操作

Android 用户界面---操作栏(Action Bar 二) :分离式ActionBar与回退导航

Android 用户界面---操作栏(Action Bar 三) :ActionView

Android 用户界面---操作栏(Action Bar 四) :ActionProvider与Tab

Android 用户界面---操作栏(Action Bar 五) :主要是关于样式

 

 

转贴请保留以下链接

本人blog地址

http://su1216.iteye.com/

http://blog.csdn.net/su1216/

  • 大小: 41.5 KB
  • 大小: 39.4 KB
  • 大小: 43.7 KB
  • 大小: 8.4 KB
  • 大小: 24.7 KB
分享到:
评论

相关推荐

    android ActionBar与Menu - 2 - email中ActionBar分析.doc

    在"android ActionBar与Menu - 2 - email中ActionBar分析"这个主题中,我们将深入探讨如何在Email应用中使用ActionBar及其相关功能。 首先,Email应用在Android设备上的界面设计通常包括ActionBar和Menu。ActionBar...

    android-actionbar-for-2.x.x.7z

    标题中的“android-actionbar-for-2.x.x.7z”暗示了这个压缩包包含的是一个针对Android 2.x版本的Action Bar实现。Action Bar是Android系统中的一种UI组件,主要用在应用程序的顶部,用于展示应用的标识、提供导航...

    android-actionbar-master.zip_android_android actionbar组件

    本资源“android-actionbar-master.zip”提供了一个通用的Android ActionBar实现,旨在帮助开发者更高效地集成和自定义这一组件。 首先,让我们深入理解Android ActionBar的核心功能和设计原则。Action Bar的主要...

    android ActionBar使用示例

    在Android开发中,ActionBar是一个非常重要的组件,它在Android 4.0(API级别14)及更高版本中被引入,作为应用界面顶部的标准导航和操作区域。在本示例中,我们将深入探讨如何在Android应用程序中使用和自定义...

    android4.0 actionbar API

    - **作为 Action 选项**:直接在 ActionBar 上展示 OptionsMenu 中的部分菜单项,提供快速访问途径。 - **未直接显示的 Action 项**:未出现在 ActionBar 上的菜单项将被归类到一个名为“更多…”的下拉菜单中。 - ...

    ActionBar-PullToRefresh-master.zip

    综上所述,ActionBar-PullToRefresh是一个强大且灵活的框架,它简化了在Android应用中实现下拉刷新功能的过程。通过深入了解其工作原理和使用技巧,开发者可以构建出更富有互动性和用户体验更佳的Android应用。在...

    ActionBar与DropDown Menu组合使用的例子

    `ActionBar`与`Dropdown Menu`的组合使用是Android开发中的常见场景。下面我们将详细探讨如何实现这一功能。 首先,为了在`ActionBar`中添加`Dropdown Menu`,我们需要在`res/menu`目录下创建一个XML文件来定义菜单...

    ActionBar-在Google官方android-support-v7包中的一些使用

    【Android ActionBar】是Android开发中的一个重要组件,它提供了一种在应用程序顶部显示菜单、标题、操作按钮等元素的界面设计模式。在早期的Android版本(API级别低于11)中,ActionBar并未内置,但随着android-...

    ActionBarDemo--包含三种不同类型的ActionBar

    ActionBarDemo ActionBar初探——ActionBar简述及三类ActionBar的使用 详细内容请看: http://blog.csdn.net/hander_wei/article/details/24182019

    android actionbar简单实例

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的关键功能入口。这个“android actionbar简单实例”是针对Android新手或者开发者想要了解和掌握ActionBar基本...

    Android ActionBar Demo

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的关键功能区。这个"Android ActionBar Demo"旨在展示如何在Android应用中有效地利用和自定义ActionBar,以提升...

    Android-带有传统标题栏ActionBar标题居中的TitleActivity

    在Android应用开发中,标题栏(ActionBar)是一个重要的UI组件,它通常位于应用程序界面的顶部,用于显示应用的名称、图标或提供导航选项。在Android的早期版本中,ActionBar是默认的标题栏实现,而在Material ...

    ActionBar-PullToRefresh 下拉刷新,ActionBar出现加载中提示

    `ActionBar-PullToRefresh` 库正是提供了这样一个功能,将下拉刷新与Android系统的ActionBar相结合,使得刷新操作更加统一和自然。 在使用 `ActionBar-PullToRefresh` 时,开发者首先需要集成这个库到项目中。这...

    Android--ActionBar

    在Android应用开发中,ActionBar是一个关键组件,它位于屏幕顶部,用于显示应用程序的logo以及提供选项菜单中的项目。本篇将详细解析ActionBar的功能、使用方法及其实现过程。 ### 一、ActionBar简介 ActionBar是...

    android--actionbar

    在Android应用开发中,`ActionBar`是一个至关重要的组件,它位于应用程序顶部,提供了一种标准的方式来展示应用的品牌、提供导航以及执行操作。本教程将深入探讨`ActionBar`的使用,同时还会涉及如何用`RadioButton`...

    Android ActionBar 自定义布局

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,通常包含应用的标识、导航选项以及一些操作按钮。自定义ActionBar布局是提升应用界面个性化和用户体验的关键步骤之一。本文将深入探讨...

    Android源代码:自定义的actionbar搜索框CustomSearchView-master

    在Android应用开发中,Action Bar(也称为ActionBar)是用户界面的一个重要组成部分,它通常位于应用程序屏幕的顶部,提供导航、操作以及应用品牌等信息。然而,原生的Action Bar并未提供内置的搜索框功能,开发者...

    Android ActionBar学习源代码

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的常用操作。本文将深入探讨Android ActionBar的学习要点,并通过源代码解析来加深理解。 首先,我们来了解一下...

    android-simple-actionbar-toolbar-app:简单的Android ActionBarToolbar示例用法

    这个项目"android-simple-actionbar-toolbar-app"显然是一个教学示例,旨在展示如何在Android应用中有效地使用这两个元素。下面将详细介绍这两个组件以及如何在Java编程环境中进行集成和使用。 **1. ActionBar** ...

    android写的actionbar的实例

    在Android应用开发中,ActionBar是一个重要的组件,它位于应用程序界面的顶部,提供了用户与应用交互的常用操作。这个实例资源是专门为Android开发者设计的,旨在帮助他们理解和掌握如何使用ActionBar来提升应用的...

Global site tag (gtag.js) - Google Analytics