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

来源:互联网 发布:js object 遍历 值 编辑:程序博客网 时间:2024/04/27 06:31

前面我们已经可以在一个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>

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

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

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

@Overridepublic 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 方法了,只需要在其中增加一下事件监听就行了

@Overridepublic 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 就是声明覆盖式工具栏,注意第二行是兼容库的时候用。

0 0
原创粉丝点击