自定義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>
效果: