• Android 学习笔记四:创建工具栏按钮


    原文:http://blog.csdn.net/lihongxun945/article/details/48951199

    前面我们已经可以在一个Activity中添加一些按钮之类的组件。由于手机的屏幕很小,所以很多时候我们会需要用到工具栏,通过下拉菜单之类的方式来节省空间。

    Android 提供了对工具栏按钮的强大支持。

    增加一个工具栏按钮

    我们现在给 MainActivity 增加一个搜索按钮。增加一个按钮需要做这三件事

    一,在 res/menu/activity_main.xml 中增加一个按钮的配置。在自动生成的项目中已经有了这个文件,并且自动创建了一个设置按钮,我们只要增加一个搜索按钮即可

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
    
        <item android:id="@+id/action_search"
            android:icon="@drawable/ic_search_white_24dp"
            android:title="@string/action_search"
            android:showAsAction="ifRoom" />
        <!-- Settings, should always be in the overflow -->
        <item android:id="@+id/action_settings"
            android:title="@string/action_settings"
            android:showAsAction="never" />
    </menu>
    

    注意其中我们用到了 drawable 和 string 中的两个资源,需要自己去创建一下。

    二,在 MainActivity 中引用配置好的按钮

    在 MainActivity 中已经声明了一个 onCreateOptionsMenu 方法了,其实根本不用改:

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
    

    三,给按钮绑定事件

    这里我们也已经有一个 onOptionsItemSelected 方法了,只需要在其中增加一下事件监听就行了

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
    
        //noinspection SimplifiableIfStatement
        switch (id) {
            case R.id.action_search: Toast.makeText(this, "你点击了搜索", Toast.LENGTH_SHORT).show();
            case R.id.action_settings: Toast.makeText(this, "你点击了设置", Toast.LENGTH_SHORT).show();
        }
    
        return super.onOptionsItemSelected(item);
    }
    

    增加返回按钮

    很多时候,我们需要给不是 MainActivity 的活动都增加一个返回按钮,以方便用户通过返回按钮能返回到上一个活动。安卓提供了返回按钮的默认支持,我们只需要配置一下即可,并不用写返回的逻辑代码。

    只需要两步既可以实现返回按钮的功能。这里我们希望能在 ProfileActivity 中增加一个 返回按钮,点击返回MainActivity 中

    一,在 AndroidManifest.xml 中 Activity 的声明中加上父活动的声明:

      <activity
            android:name=".ProfileActivity"
            android:label="@string/title_activity_profile"
            android:parentActivityName=".MainActivity">
            <!-- Parent activity meta-data to support 4.0 and lower -->
            <meta-data
                android:name="android.support.PARENT_ACTIVITY"
                android:value=".MainActivity" />
    
            <intent-filter>
                <action android:name="com.lihongxun.Profile" />
                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
        </activity>
    

    注意,如果想支持 4.0 及以下设备需要加上 meta-data 那一行,不然就只需要加上android:parentActivityName=".MainActivity” 即可

    二,在 ProfileActivity 中启用返回按钮。在 onCreate 函数中加上一行代码即可:

     getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    

    然后再运行试试。

    三 覆盖式工具栏

    默认情况下,顶部的工具栏是占用空间的,他会把内容区挤到下面去。有时候你可能会希望它是覆盖在内容区上的,特别是你希望能动态显示隐藏工具栏的时候。 
    只需要在 styles.xml 中声明使用覆盖式工具栏即可

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="android:windowActionBarOverlay">true</item>
        <!-- Support library compatibility -->
        <item name="windowActionBarOverlay">true</item>
    </style>
    

    中间的两行 item 就是声明覆盖式工具栏,注意第二行是兼容库的时候用。

  • 相关阅读:
    [微信产品经理推荐] 有车一族福音,这个小程序能够帮到你很多忙,功能很逆天!
    微信小程序开闸,关于入口、推广、场景的一些观察与思考
    微信小程序体验(2):驴妈妈景区门票即买即游
    微信小程序的机会在于重新理解群组与二维码
    如何为你的微信小程序体积瘦身?
    体验报告:微信小程序在安卓机和苹果机上的区别
    微信小程序体验(1):携程酒店机票火车票
    张小龙宣布微信小程序1月9日发布,并回答了大家最关心的8个问题
    重点必看:小程序的服务范围限制有哪些?
    一些JS常用的方法
  • 原文地址:https://www.cnblogs.com/mochaMM/p/5131462.html
Copyright © 2020-2023  润新知