1. 程式人生 > >自定義ActionBar的兩種方式(靜態&動態)

自定義ActionBar的兩種方式(靜態&動態)

說明

Android 3.0及以上已經有了ActionBar的API,有了ActionBar的API之後可以隨意自定義自己漂亮的ActionBar了

基本知識瞭解

1.Actionbar’s API

1.1 setHomeButtonEnabled這個小於4.0版本的預設值為true的。但是在4.0及其以上是false,該方法的作用:決定左上角的圖示是否可以點選。沒有向左的小圖示。 true 圖示可以點選 false 不可以點選。

1.2 actionBar.setDisplayHomeAsUpEnabled(true) // 給左上角圖示的左邊加上一個返回的圖示 。對應ActionBar.DISPLAY_HOME_AS_UP

1.3 actionBar.setDisplayShowHomeEnabled(true) //使左上角圖示是否顯示,如果設成false,則沒有程式圖示,僅僅就個標題,否則,顯示應用程式圖示,對應id為android.R.id.home,對應ActionBar.DISPLAY_SHOW_HOME

1.4 actionBar.setDisplayShowCustomEnabled(true) // 使自定義的普通View能在title欄顯示,即actionBar.setCustomView能起作用,對應ActionBar.DISPLAY_SHOW_CUSTOM

1.5 actionBar.setDisplayShowTitleEnabled(true) //對應ActionBar.DISPLAY_SHOW_TITLE。
其中setHomeButtonEnabled和setDisplayShowHomeEnabled共同起作用,如果setHomeButtonEnabled設成false,即使setDisplayShowHomeEnabled設成true,圖示也不能點選

2.文章引用

講解

1.“靜態”自定義ActionBar,這裡的靜態只得就是通過佈局程式碼,和選單一樣為ActionBar新增選項。

原始碼介紹

Mainactivity.java

package com.jony.actionbarccustom;

import android.app.ActionBar;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import
android.view.View.OnClickListener; import android.widget.Toast; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //自定義ActionBar final ActionBar actionBar = getActionBar(); actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM); actionBar.setCustomView(R.layout.actionbar);//自定義ActionBar佈局 actionBar.getCustomView().setOnClickListener(new OnClickListener() {//監聽事件 @Override public void onClick(View arg0) { switch (arg0.getId()) { case R.id.back: showToast(R.string.finish); finish(); break; default: break; } } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.actionbar_menu, menu); getMenuInflater().inflate(R.menu.main, menu); //使用程式碼來動態控制MenuItem的顯示狀態 or XML定義MenuItem的顯示狀態 /* MenuItem share = menu.findItem(R.id.share); MenuItem undo = menu.findItem(R.id.undo); MenuItem redo = menu.findItem(R.id.redo); MenuItem save = menu.findItem(R.id.save); share.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS); undo.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS); redo.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS); save.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);*/ return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.undo: showToast(R.string.undo); break; case R.id.redo: showToast(R.string.redo); break; case R.id.save: showToast(R.string.save); break; case R.id.share: showToast(R.string.share); break; default: break; } return super.onOptionsItemSelected(item); } private void showToast(int msg){ Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT).show(); } }

actiivty_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

acitonbar_menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/share"
        android:showAsAction="never"
        android:enabled="false"
        android:title="@string/share"/>
    <item
        android:id="@+id/undo"
        android:icon="@drawable/filtershow_button_undo"
        android:showAsAction="always"
        android:title="@string/undo"/>
    <item
        android:id="@+id/redo"
        android:icon="@drawable/filtershow_button_redo"
        android:showAsAction="always"
        android:title="@string/redo"/>
    <item
        android:id="@+id/save"
        android:icon="@drawable/filtershow_button_save"
        android:showAsAction="always"
        android:title="@string/save"/>
</menu>

showAsAction屬性用來定義每個Action是如何顯示的。

  • always表示永遠顯示在ActionBar中,如果螢幕空間不夠則無法顯示。

  • ifRoom表示螢幕空間夠的情況下顯示在ActionBar中,不夠的話就顯示在overflow中。

  • never則表示永遠顯示在overflow中。

main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:showAsAction="never"
        android:title="@string/action_settings"/>
</menu>

效果:
這裡寫圖片描述 這裡寫圖片描述 這裡寫圖片描述

1.“動態”自定義ActionBar,這裡的動態指的就是在初始化activity的時候載入Actionbar.

原始碼介紹
MainAcitivty,.java

package com.example.custemactionbar;

import android.os.Bundle;
import android.app.ActionBar;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;

public class MainActivity extends Activity {

    TitleLayout layout = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LayoutInflater inflator = (LayoutInflater)this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View v = inflator.inflate(R.layout.activity_title, null);
        getActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        getActionBar().setCustomView(v);
    }


}

activity_main.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="45dp"
    android:background="#4DFFFF"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="43dp"
        android:background="#4DFFFF"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/iv"
            android:layout_width="40dp"
            android:layout_height="match_parent"
            android:padding="10dp"
            android:scaleType="fitXY"
            android:src="@drawable/ied" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="U  b  e  r  優  步"
            android:textColor="#FFD2D2"
            android:textSize="20sp" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#898989" />

</LinearLayout>

效果:
這裡寫圖片描述