android ActionBar用法详解

一、ActionBar介绍

ActionBar是位于Activity顶部，用于显示Activity的图标，标题，以及菜单的。可用于导航等功能，广泛应用于View的交互。ActionBar可分为三部分，分别是第一Icon、第二Item、第三overflow按钮。如图

二、如何添加ActionBar。(ActionBar 是在Android 3.0(API 11）中加入到SK中的，想在低版本中使用ActionBar使用Support
Library v7。)

1、新建activity继承自AppCompatActivty.

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

2、实现Theme.AppCompat.Light.DarkActionBar主题

 <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

style文件主题配置。

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

3、下面为大家图解一下theme主题配置文件中的样式都有哪些，前人总结的。

4、最终效果图如下

三、移除ActionBar。

1、修改theme主题

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">#55A028</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

2、代码中修改。

package com.example.cdy.actionbardemo;

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //得到actionBar，注意我的是V7包，使用getSupportActionBar()
        ActionBar actionBar = getSupportActionBar();
        //隐藏actionBar
        actionBar.hide();
    }
}

四、修改actionBar的样式

1、修改ActionBar的图标。

ActionBar的标题默认是继承了Applicition和Activity的lable属性，所以只需要修改activity的lable属性即可。值得一提的是，老的版本中修改icon也是默认继承自logo属性，但是发现前段时间更新之后就无法显示了，需要代码中设定。

 <activity android:name=".MainActivity"
            android:label="@string/actionBar_title">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //得到actionBar，注意我的是V7包，使用getSupportActionBar()
        ActionBar actionBar = getSupportActionBar();
        //在使用v7包的时候显示icon和标题需指定一下属性。
        actionBar.setDisplayShowHomeEnabled(true);
        actionBar.setLogo(R.mipmap.back_black);
        actionBar.setDisplayUseLogoEnabled(true);
        setContentView(R.layout.activity_main);

    }

2、效果图

五、添加item和overfloy。

1、把所有的action item定义在menu的资源文件中。showAsAction（此item如何显示在actionBar上） icon（图标） title（标题）。showAsAction属性，never不显示在actionBar上，ifRoom如果有空间就显示，没空间就显示在overflow上，always只显示在actionbar上。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_delete"
        android:orderInCategory="100"
        app:showAsAction="never"
        android:icon="@mipmap/ic_launcher"
        android:title="删除"/>
    <item
        android:id="@+id/action_add"
        android:orderInCategory="100"
        app:showAsAction="ifRoom"
        android:icon="@mipmap/ic_launcher"
        android:title="添加"/>
    <item
        android:id="@+id/action_select"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:icon="@mipmap/ic_launcher"
        android:title="选择"/>

</menu>

2、在activity中引用资源文件。

package com.example.cdy.actionbardemo;

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //得到actionBar，注意我的是V7包，使用getSupportActionBar()
        ActionBar actionBar = getSupportActionBar();
        //在使用v7包的时候显示icon和标题需指定一下属性。
        actionBar.setDisplayShowHomeEnabled(true);
        actionBar.setLogo(R.mipmap.back_black);
        actionBar.setDisplayUseLogoEnabled(true);
        setContentView(R.layout.activity_main);

    }

    /**
     * @param menu
     * @return
     * 使用菜单
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.actionbar_menu, menu);
        return super.onCreateOptionsMenu(menu);
    }

    /**
     * @param item
     * @return
     * item的点击事件
     */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            // action with ID action_refresh was selected
            case R.id.action_delete:
                Toast.makeText(this, "删除", Toast.LENGTH_SHORT).show();
                break;
            // action with ID action_settings was selected
            case R.id.action_add:
                Toast.makeText(this, "添加", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_select:
                Toast.makeText(this, "选择", Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}

3、效果如图

六、使用自定义的view添加到actionBar上。

1、自定义layout_actionbar.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:paddingLeft="10dp"
    android:paddingRight="10dp" >

    <ImageButton
        android:id="@+id/left_imbt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:background="@mipmap/back_black"
        />

    <TextView
        android:id="@+id/bar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textColor="#FFFFFFFF"
        android:textSize="18sp"
        android:text="标题" />
    <!-- actionbar 右边按钮 -->

    <TextView
        android:id="@+id/right_bt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:textSize="18sp"
        android:background="@null"
        />

</RelativeLayout>

2、在activity中引用，并且得到控件

package com.example.cdy.actionbardemo;

import android.graphics.Color;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    //声明控件

    TextView bar_title;
    TextView right_bt;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //得到actionBar，注意我的是V7包，使用getSupportActionBar()
        ActionBar actionBar = getSupportActionBar();
        //在使用v7包的时候显示icon和标题需指定一下属性。
        actionBar.setDisplayShowHomeEnabled(true);
        //actionBar.setLogo(R.mipmap.back_black);
        actionBar.setDisplayUseLogoEnabled(true);
        // 返回箭头（默认不显示）
        actionBar.setDisplayHomeAsUpEnabled(false);
        // 左侧图标点击事件使能
        actionBar.setHomeButtonEnabled(true);
        //显示自定义的actionBar
        actionBar.setDisplayShowCustomEnabled(true);
        View actionbarLayout = LayoutInflater.from(this).inflate(R.layout.layout_actionbar, null);
        actionBar.setCustomView(actionbarLayout);
        bar_title = (TextView)actionbarLayout.findViewById(R.id.bar_title);
        right_bt = (TextView)actionbarLayout.findViewById(R.id.right_bt);
        bar_title.setText("我的任务");
        right_bt.setText("筛选");
        bar_title.setTextColor(Color.WHITE);
        right_bt.setTextColor(Color.WHITE);
        setContentView(R.layout.activity_main);

    }

    /**
     * @param menu
     * @return
     * 使用菜单
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        return super.onCreateOptionsMenu(menu);
    }

    /**
     * @param item
     * @return
     * item的点击事件
     */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        return super.onOptionsItemSelected(item);
    }
}

3、效果如图

ActivityBar的使用大致就介绍到这来，ActivityBar中还有很多的使用方法，和特殊的效果需要我们事先。大家可以好好研究一下。欢迎指正和转载

时间： 2024-11-09 18:52:31

android ActionBar用法详解的相关文章

Android GLSurfaceView用法详解（二）

输入如何处理       若是开发一个交互型的应用(如游戏),通常需要子类化 GLSurfaceView,由此可以获取输入事件.下面有个例子: java代码: package eoe.ClearTest; import javax.microedition.khronos.egl.EGLConfig; import javax.microedition.khronos.opengles.GL10; import android.app.Activity; import android.conte

Android.mk用法详解

一.Android.mk介绍 Android.mk是Android提供的一种makefile文件,用来指定诸如编译生成so库名.引用的头文件目录.需要编译的.c/.cpp文件和.a静态库文件等.要掌握jni,就必须熟练掌握Android.mk的语法规范. 它的基本格式如下: [cpp] view plain copy print? LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) ................ LOCAL_xxx      

Android Fragment用法详解(1)--静态使用Fragment

Fragment,也就是碎片,本意是为了适配大屏幕的安卓设备而生的.但是出现后,很多安卓开发者都非常喜欢这个东西.这个东西很好用,但是也不是很容易用.下面我来来细细解说Android中的Fragment. 1.Fragment产生的缘由 运行Android的设备繁多,屏幕大小更是多种多样.针对不同屏幕尺寸,通常情况下,开发者都是先针对手机开发一套源代码,然后拷贝一份,修改布局以适应大屏幕设备,或平板,电视等.为了决解这样的麻烦,Google推出了Fragment.你可以把Fragment当成Ac

Android ActionBar 使用详解

ActionBar取代了以前的TitleBar,是一种更加灵活的人机交互方式:ActionBar并不是完全自立门户的一个新兴的东西,而是和3.0以下版本的menu进行了合并整合:so,添加actionbar的方式肯定和添加menu方式类似: 1.常见普通ActionBar先来看一个menu的xml配置 <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id=

【Android UI设计与开发】8.顶部标题栏（一）ActionBar 奥义&#183;详解

原文地址:http://www.cnblogs.com/yc-755909659/p/4290784.html 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解

【Android UI设计与开发】顶部标题栏（一）ActionBar 奥义&#183;详解

转自:http://www.cnblogs.com/yc-755909659/p/4290784.html 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解它的

Android开发技巧之viewstub用法详解及实现延迟加载

这一篇是接着上面的include标签的例子来讲的,地址http://blog.csdn.net/jason0539/article/details/26131831 上一篇的布局中间就用了viewstub这个控件,现在来说一下其作用和用法 " ViewStub 是一个不可见的,大小为0的View,最佳用途就是实现View的延迟加载,避免资源浪费,在需要的时候才加载View " 需要注意的是,加载view之后,viewstub本身就会被新加载进来的view替换掉 上代码了,看完就理解了

Android开发之DatePickerDialog与TimePickerDialog的功能和用法详解

DatePickerDialog与TimePickerDialog的功能比较简单,用法也很简单,只要下面两步即可. ?  通过new关键字创建DatePickerDialog.TimePickerDialog实例,调用它们的show()方法即可将日期选择对话框.时间选择对话框显示出来. ?  为DatePickerDialog.TimePickerDialog绑定监听器,这样可以保证用户通过DatePickerDialog.TimePickerDialog设置事件是触发监听器,从而通过监听器来获

Android入门——Fragment详解之基本概念与用法（一）

引言 Android在3.0中引入了Fragments的概念,其目的是用在大屏幕设备上–例如平板电脑上,支持更加动态和灵活的UI设计.平板电脑的屏幕要比手机的大得多,有更多的空间来放更多的UI组件,并且这些组件之间会产生更多的交互.Fragment允许这样的一种设计,而不需要你亲自来管理 Viewhierarchy的复杂变化. 通过将Activity的布局分散到Fragment中, 你可以在运行时修改Activity的外观,并在由Activity管理的back stack中保存那些变化. 一.F