备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

ActionBar的使用

2017-10-31 963
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前言山水一程，三生有幸。启用ActionBarActionBar需要在Android3.0以上的版本才能启用。如果希望关闭ActionBar，则可以设置该应用的主题为Xxxx.NoActionBar，配置如下。

前言

山水一程，三生有幸。

启用ActionBar

ActionBar需要在Android3.0以上的版本才能启用。如果希望关闭ActionBar，则可以设置该应用的主题为Xxxx.NoActionBar，配置如下。
android:theme="@android:style/Theme.Material.NoActionBar"
但是在实际项目中，通常推荐使用代码来控制ActionBar的显示、隐藏。

代码示例

actionbar.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:onClick="show"
        android:text="显示" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:onClick="hide"
        android:text="隐藏" />

</LinearLayout>
MainActivity.java
public class MainActivity extends Activity {

    ActionBar actionBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.actionbar);

        //获取该Activity的ActionBar
        //只有当应用主题没有关闭ActionBar才生效
        actionBar = getActionBar();
    }

    public void show(View v)
    {
        actionBar.show();
    }
    public void hide(View v)
    {
        actionBar.hide();
    }

}

效果

img_09961fd7f54cc1408b34bde7e1c50fde.png
Screenshot_20171024-153252.png
img_39ef30f0d001b484cecc9d44f271ce4f.png
Screenshot_20171024-153406.png

使用ActionBar显示选项菜单项

因为Android不再强制要求手机必须提供MENU按键，这样可能导致用户无法打开选项菜单。为解决这个问题，从Android3.0开始，MenuItem新增了如下方法。
  • setShowAsAction(int actionEnum):该方法设置是否将该菜单项显示在ActionBar上，作为Action Item。
该方法支持如下参数值。
  • SHOW_AS_ACTION_ALWAYS:总是将MenuItem显示在ActionBar上。
  • SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW:将该ActionView折叠成普通菜单项。
  • SHOW_AS_ACTION_IF_ROOM:当ActionBar位置足够时才显示MenuItem。
  • SHOW_AS_ACTION_NEVER:不将该MenuItem显示在ActionBar上。
  • SHOW_AS_ACTION_WITH_TEXT:将该MenuItem显示在ActionBar上，并显示菜单项的文本。
对上一章的菜单示例稍作修改

代码示例

main.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.张敦锋.uidemo9.MainActivity" >

    <item
        android:icon="@drawable/ic_launcher"
        android:showAsAction="always|withText"
        android:title="font_size">
        <menu>

            <!-- 定义一组单选菜单项 -->
            <group android:checkableBehavior="single" >

                <!-- 定义多个菜单项 -->
                <item
                    android:id="@+id/font_10"
                    android:title="font_10"/>
                <item
                    android:id="@+id/font_12"
                    android:title="font_12"/>
                <item
                    android:id="@+id/font_14"
                    android:title="font_14"/>
                <item
                    android:id="@+id/font_16"
                    android:title="font_16"/>
                <item
                    android:id="@+id/font_18"
                    android:title="font_18"/>
            </group>
        </menu>
    </item>
    <!-- 定义一个普通菜单项 -->
    <item
        android:id="@+id/plain_item"
        android:showAsAction="always"
        android:title="plain_item"/>
    <item
        android:icon="@drawable/ic_launcher"
        android:showAsAction="always|withText"
        android:title="font_color">
        <menu>
            <!-- 定义一组普通菜单项 -->
            <group>
                <!-- 定义三个菜单项 -->
                <item
                    android:id="@+id/red_font"
                    android:title="red_title"
                    />
                <item
                    android:id="@+id/green_font"
                    android:title="green_title"
                    />
                <item
                    android:id="@+id/blue_font"
                    android:title="blue_title"
                    />
            </group>
        </menu>
    </item>
</menu>

效果

img_7b7c2b62d683112c14ab1c51ed7327c2.png
Screenshot_20171025-110032.png

提示

Android将会根据不同手机设备采取不同的行为。

启用程序图标导航

为了将应用程序图标转变成可以点击的图标，可以调用ActionBar的如下方法。
  • setDisplayHomeAsUpEnable(boolean showHomeAsUp):设置是否将应用程序图标转变成可点击的图标，并在图标上添加一个向左箭头。
  • setDisplayOptions(int options):通过传入int类型常量来控制ActionBar的显示选项。
  • setDisplayShowHomeEnabled(boolean showHome):设置是否显示应用程序图标。
  • setHomeButtonEnabled(boolean enabled):设置是否将应用程序图标转变成可点击的按钮。

代码示例

MainActivity.java
public class MainActivity extends Activity {

    private TextView txt;
    ActionBar actionBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.menu);
        txt = (TextView) findViewById(R.id.txt);
        actionBar = getActionBar();
        //设置是否显示该应用程序图标
        actionBar.setDisplayShowHomeEnabled(true);
        //将应用程序图标设置为可点击的按钮
        //actionBar.setHomeButtonEnabled(true);
        actionBar.setDisplayHomeAsUpEnabled(true);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        MenuInflater inflator = new MenuInflater(this);
        inflator.inflate(R.menu.main, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(item.isCheckable())
        {
            //勾选该菜单项
            item.setChecked(true);
        }

        //判断单击的是哪个菜单
        switch (item.getItemId()) {
        case android.R.id.home:
            //创建启动FirstActiviy的Intent
            Intent intent = new Intent(this,FirstActivity.class);
            //添加额外的Flag，将Activity栈中处于FirstActivity之上的Activity弹出
            intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
            //启动intent
            startActivity(intent);
            break;
        case R.id.font_10:
            txt.setTextSize(10 * 2);
            break;
        case R.id.font_12:
            txt.setTextSize(12 * 2);
            break;
        case R.id.font_14:
            txt.setTextSize(14 * 2);
            break;
        case R.id.font_16:
            txt.setTextSize(16 * 2);
            break;
        case R.id.font_18:
            txt.setTextSize(18 * 2);
            break;
        case R.id.red_font:
            txt.setTextColor(Color.RED);
            item.setChecked(true);
            break;
        case R.id.green_font:
            txt.setTextColor(Color.GREEN);
            item.setChecked(true);
            break;
        case R.id.blue_font:
            txt.setTextColor(Color.BLUE);
            item.setChecked(true);
            break;
        case R.id.plain_item:
            Toast.makeText(MainActivity.this, "您单击了普通菜单项", Toast.LENGTH_SHORT).show();
            break;
        }
        return true;
    }
}

效果

img_636f1300bd77e28c6edc8ee8ceca4476.png
Screenshot_20171025-130336.png

提示

应用程序图标的ID为android.R.id.home。

添加Action View

ActionBar上除了可以显示普通的Action Item之外，还可以显示普通的UI组件。为了在ActionBar上添加Action View，可以来用如下两种方式。
  • 定义Action Item时使用android:actionViewClass属性指定Action View的实现类。
  • 定义Action Item时使用android:actionLayout属性指定Action View对应的视图资源。

代码示例

menu_main.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:title="search"
        android:id="@+id/search"
        android:orderInCategory="100"
        android:showAsAction="always"
        android:actionViewClass="android.widget.SearchView"
        />
    <item
        android:id="@+id/progress"
        android:title="clock"
        android:actionLayout="@layout/clock"
        android:orderInCategory="100"
        android:showAsAction="always"
        />
</menu>
clock.xml
<?xml version="1.0" encoding="utf-8"?>
<AnalogClock
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
MainActivity.java
public class MainActivity extends Activity {

    ActionBar actionBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.actionbar);

        actionBar = getActionBar();
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        MenuInflater inflator = new MenuInflater(this);
        inflator.inflate(R.menu.menu_main, menu);
        return super.onCreateOptionsMenu(menu);
    }
}

效果

img_71ef85a6b02f8f5b75e41b6b4d4e250c.png
Screenshot_20171025-131704.png

使用ActionBar实现Tab导航

为了使用ActionBar实现Tab导航，按如下步骤进行即可。
  • 调用ActionBar的setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)方法设置使用Tab导航方式。
  • 调用ActionBar的addTab()方法添加多个Tab标签，并为每个Tab标签添加事件监听器。
实际项目中为了更好地展现Tab导航效果，ActionBar通常会与Fragment结合使用，Fragment非常像Activity，后面的章节将会讲述到。

代码示例

main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
</LinearLayout>
DummyFragment.java
public class DummyFragment extends Fragment{

    public static final String ARG_SECTION_NUMBER = "section_number";
    //该方法返回值就是Fragment显示的View组件

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        TextView textView = new TextView(getActivity());
        textView.setGravity(Gravity.START);
        //获取创建该Fragment时传入的参数Bundle
        Bundle args = getArguments();
        //设置TextView显示的文本
        textView.setText(args.getInt(ARG_SECTION_NUMBER) + "");
        textView.setTextSize(30);
        //返回该TextView
        return textView;
    }
}
MainActivity.java
public class MainActivity extends Activity implements ActionBar.TabListener{

    private static final String SELECTED_ITEM = "selected_item";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final ActionBar actionBar = getActionBar();
        //设置ActionBar的导航方式：Tab导航
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        //依次添加三个Tab标签，并为三个Tab标签添加事件监听器
        actionBar.addTab(actionBar.newTab().setText("第一页").setTabListener(this));
        actionBar.addTab(actionBar.newTab().setText("第二页").setTabListener(this));
        actionBar.addTab(actionBar.newTab().setText("第三页").setTabListener(this));

    }



    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {

        if(savedInstanceState.containsKey(SELECTED_ITEM))
        {
            //选中前面保存的索引对应的Fragment页
            getActionBar().setSelectedNavigationItem(savedInstanceState.getInt(SELECTED_ITEM));
        }
    }



    @Override
    protected void onSaveInstanceState(Bundle outState) {
        //将当前选中的Fragment页的索引保存到Bundle中
        outState.putInt(SELECTED_ITEM, getActionBar().getSelectedNavigationIndex());
    }


    //当指定Tab标签被选中时激发该方法
    @Override
    public void onTabSelected(Tab tab, FragmentTransaction fragmentTransaction) {
        //创建一个Fragment对象
        Fragment fragment = new DummyFragment();
        //创建一个Bundle对象，用于向Fragment传入参数
        Bundle args = new Bundle();
        args.putInt(DummyFragment.ARG_SECTION_NUMBER, tab.getPosition() + 1);
        //向Fragment传入参数
        fragment.setArguments(args);
        //获取FragmentTransaction对象
        FragmentTransaction ft = getFragmentManager().beginTransaction();
        //使用fragment代替该Activity中的container组件
        ft.replace(R.id.container, fragment);
        //提交事务
        ft.commit();
    }
    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        // TODO Auto-generated method stub

    }
    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // TODO Auto-generated method stub

    }


}

效果

img_ed126ff7f283516677b7711c12254c91.png
Screenshot_20171025-135758.png

使用ActionBar实现下拉式导航

ActionBar除了可以提供Tab导航支持之外，还提供了下拉式(DropDown)导航方式。下拉式导航的ActionBar在顶端生成下拉列表，当用户单击某个列表项时，系统根据用户单击事件导航到指定Fragment。为了使用ActionBar实现下拉式导航，按如下步骤进行即可。
  1. 调用ActionBar的setNavigationMode(ActionBar.NAVIGATION_MODE_LIST)方法设置使用下拉列表的导航方式。
  2. 调用setListNavigationCallbacks(SpinnerAdapter adapter, ActionBar.OnNavigationListener callback)方法添加多个列表项，并为每个列表项设置事件监听器。

代码示例

MainActivity.java
public class MainActivity extends Activity implements ActionBar.OnNavigationListener{

    private static final String SELECTED_ITEM = "selected_item";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final ActionBar actionBar = getActionBar();
        //设置ActionBar的导航方式：List导航
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
        //actionBar安装ArrayAdapter
        actionBar.setListNavigationCallbacks(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1
                , new String[] {"第一页","第二页","第三页"}), this);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {

        if(savedInstanceState.containsKey(SELECTED_ITEM))
        {
            //选中前面保存的索引对应的Fragment页
            getActionBar().setSelectedNavigationItem(savedInstanceState.getInt(SELECTED_ITEM));
        }
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        //将当前选中的Fragment页的索引保存到Bundle中
        outState.putInt(SELECTED_ITEM, getActionBar().getSelectedNavigationIndex());
    }

    //当导航被选中时激发该方法
    @Override
    public boolean onNavigationItemSelected(int position, long id) {
        //创建一个Fragment对象
        Fragment fragment = new DummyFragment();
        //创建一个Bundle对象，用于向Fragment传入参数
        Bundle args = new Bundle();
        args.putInt(DummyFragment.ARG_SECTION_NUMBER, position + 1);
        //向Fragment传入参数
        fragment.setArguments(args);
        //获取FragmentTransaction对象
        FragmentTransaction ft = getFragmentManager().beginTransaction();
        //使用fragment代替该Activity中的container组件
        ft.replace(R.id.container, fragment);
        //提交事务
        ft.commit();
        return true;
    }
}

效果

img_ed280e4b0b8e4ad8c6f04471ab5f8e35.png
Screenshot_20171025-141443.png
文章标签：
Android开发
容器
索引
数据格式
XML
arrowhalo
目录
相关文章
Hdnw
|
4月前
|
Android开发
[Android]DrawerLayout滑动菜单+NavigationView
[Android]DrawerLayout滑动菜单+NavigationView
Hdnw
27 0
想你依然心痛
|
10月前
|
XML 数据格式
DrawerLayout侧滑菜单、Toolbar和沉浸式状态栏的使用
DrawerLayout侧滑菜单、Toolbar和沉浸式状态栏的使用
想你依然心痛
127 0
小小工匠
|
11月前
|
API Android开发 容器
PopupWindow
PopupWindow
小小工匠
101 0
mogqp3unktbnq
|
XML Java Android开发
Android自定义标题栏替代复杂的Actionbar
组合控件，顾名思义就是将一些小的控件组合起来形成一个新的控件，这些小的控件多是系统自带的控件。比如很多应用中普遍使用的标题栏控件，其实用的就是组合控件，那么下面将通过实现一个简单的标题栏自定义控件来说说组合控件的用法。
mogqp3unktbnq
150 0
再见孙悟空_
CoordinatorLayout + AppBarLayout 实现标题栏置顶
CoordinatorLayout + AppBarLayout 实现标题栏置顶
再见孙悟空_
248 0
肖邦kaka
|
XML Android开发 数据格式
Toolbar的正确使用姿势
前言 Toolbar是谷歌在2014年Google IO 大会上推出的一套全新的设计规范Material Design。它的出现规范了Android开发者APP标题栏的设计风格，极大地提高了开发效率，而且Material Design设计规范也越来越多出现在我们常用的APP中。
肖邦kaka
1094 0
技术小胖子
|
Android开发 Java
Android ActionBarDrawerToggle、DrawerLayout、ActionBar 结合
技术小胖子
1080 0
ansen_666
|
Android开发
android:theme决定AlertDialog的背景颜色
ansen_666
4465 0
开开心心过
|
Android开发 数据格式 XML
Android CollapsingToolbarLayout：将ActionBar载入Toolbar（2）
Android CollapsingToolbarLayout：将ActionBar载入Toolbar（2） 我之前写了一篇文章：《Android Material Design : CollapsingToolbarLayout使用简介》文章链接地址：http://blog.csdn.net/zhangphil/article/details/48930821 这篇文章主要介绍了Android CollapsingToolbarLayout使用方法。
开开心心过
797 0
开开心心过
|
Android开发
Android AppCompatActivity的ActionBar之SearchView、ShareActionProvider以及menu
 Android AppCompatActivity的ActionBar之SearchView、ShareActionProvider以及menu Android早期推出的ActionBarActivity被Android谷歌官方废弃，推荐使用AppCompatActivity替代ActionBarActivity。
开开心心过
1084 0

热门文章

最新文章

  • 1
    随机生成UserAgent的python库（fake-useragent库）
  • 2
    使用zxing识别一幅包含多个二维码的图片
  • 3
    阿里云的SLB，植入cookie和重写cookie有什么区别？
  • 4
    基于Flink的实时日志分析系统实践
  • 5
    如何在服务器上跑python程序
  • 6
    电池技术多年没有较大发展，成为移动设备最大制约
  • 7
    Spread for WinRT 7新功能使用指南
  • 8
    codeforces Soldier and Number Game（dp+素数筛选）
  • 9
    九度oj-1001-Java
  • 10
    Android:随笔——对页面的View进行截图
  • 1
    分解商业周期时间序列：线性滤波器、HP滤波器、Baxter滤波器、Beveridge Nelson分解等去趋势2
    9
  • 2
    分解商业周期时间序列：线性滤波器、HP滤波器、Baxter滤波器、Beveridge Nelson分解等去趋势法1
    9
  • 3
    灰色关联分析(Grey Relation Analysis,GRA)中国经济社会发展指标
    9
  • 4
    极值分析：分块极大值BLOCK-MAXIMA、阈值超额法、广义帕累托分布GPD拟合降雨数据时间序列
    9
  • 5
    GARCH-DCC模型和DCC（MVT）建模估计
    8
  • 6
    ARIMA、ARIMAX、 动态回归和OLS 回归预测多元时间序列
    10
  • 7
    R语言预测期货波动率的实现：ARCH与HAR-RV与GARCH，ARFIMA模型比较
    10
  • 8
    spss modeler用决策树神经网络预测ST的股票
    9
  • 9
    K-means和层次聚类分析癌细胞系微阵列数据和树状图可视化比较
    8
  • 10
    matlab中使用VMD(变分模态分解)对信号去噪
    8

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云oss简介和使用流程
    为什么选择阿里云什么是云计算全球基础设施技术领先稳定可靠安全合规分析师报告
    产品和定价全部产品免费试用产品动态产品定价价格计算器云上成本管理
    解决方案技术解决方案
    文档与社区文档开发者社区天池大赛培训与认证
    权益中心免费试用高校计划企业扶持计划推荐返现计划
    支持与服务基础服务企业增值服务迁云服务官网公告健康看板信任中心
    关注阿里云
    关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务
    阿里云APP阿里云微信
    联系我们：4008013260
    法律声明Cookies政策廉正举报安全举报联系我们加入我们
    阿里巴巴集团淘宝网天猫全球速卖通阿里巴巴国际交易市场1688阿里妈妈飞猪阿里云计算AliOS万网高德UC友盟优酷钉钉支付宝达摩院淘宝海外阿里云盘饿了么
    © 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： 浙B2-20080101 域名注册服务机构许可： 浙D3-20210002 京D3-20220015
    浙公网安备 33010602009975号浙B2-20080101-4