AcitonBar自定义布局

时间 2019-11-06

标签 acitonbar 自定义布局繁體版

原文原文链接

Android系统中ActionBar默认的布局不美观且难于控制，经过为ActionBar自定义布局的方式能够灵活控制ActionBar。android

工具/原料

android集成开发环境eclipse、ADTapp
android sdk 3.0及以上eclipse

方法/步骤

自定义Activity主题和ActionBar样式ide
在新建的android工程的res/values/styles.xml添加自定义ActionBar样式的代码和自定义Activity主题的代码，并在AndroidMainfest.xml中给须要使用该自定义ActionBar的Activity中加入该主题：工具
（1）自定义ActionBar样式代码以下：布局
this
<style name="actionbar_def_style" parent="@android :style/Widget.Holo.Light.ActionBar">spa
 .net
<item name="android:background">@drawable/actionbar_background</item>xml

<item name="android:displayOptions">useLogo</item>
</style>
（2）自定义Activity主题代码以下：

<style name="ActivityTheme_Light" parent="android:Theme.Holo.Light">
<item name="android:actionBarStyle">@style/actionbar_def_style</item>
</style>
（3）在AndroidManifest.xml文件中须要使用该自定义ActionBar的Activity中加入该主题以下：
<activity
android:name="com.zmy.actionbarstyle.DiyActionBarActivity"
android:theme="@style/ActivityTheme_Light"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
在Activity中加载ActionBar的自定义布局
（1）ActionBar加载自定义布局的代码封装以下：
/**
* 设置ActionBar的布局
* @param layoutId 布局Id
*
* */
public void setActionBarLayout( int layoutId ){
ActionBar actionBar = getActionBar( );
if( null != actionBar ){
actionBar.setDisplayShowHomeEnabled( false );
actionBar.setDisplayShowCustomEnabled(true);
LayoutInflater inflator = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View v = inflator.inflate(layoutId, null);
ActionBar.LayoutParams layout = new ActionBar.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
actionBar.setCustomView(v,layout);
}
}
（2）在onCreate()方法中调用该方法，并传入自定义的布局文件ID：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_diy_action_bar);
// 自定义actionbar的布局
setActionBarLayout( R.layout.actionbar_port_layout );
}
（3）自定义布局文件“actionbar_port_layout.xml ”代码以下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="63.0dp"
android:id="@+id/actionbarLayoutId"
android:background="@drawable/actionbar_background">
<ImageButton
android:id="@+id/menuBtnId"
android:layout_marginLeft="12.0dp"
android:layout_marginTop="12.0dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/menu"
android:contentDescription="@string/app_name"
android:onClick="onClick"
/>
<ImageButton
android:id="@+id/noteBtnId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12.0dp"
android:background="@drawable/notes"
android:contentDescription="@string/app_name"
android:layout_marginRight="12.0dp"
android:layout_alignParentRight="true"
android:onClick="onClick"
/>
<ImageButton
android:id="@+id/editBtnId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12.0dp"
android:background="@drawable/edit"
android:layout_toLeftOf="@id/noteBtnId"
android:layout_marginRight="12.0dp"
android:contentDescription="@string/app_name"
android:onClick="onClick"
/>
<ImageButton
android:id="@+id/downloadBtnId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12.0dp"
android:background="@drawable/download"
android:layout_toLeftOf="@id/editBtnId"
android:layout_marginRight="12.0dp"
android:contentDescription="@string/app_name"
android:onClick="onClick"
/>
</RelativeLayout>
在Action中监听ActionBar中按钮的点击事件
/**
* 实现onClick方法，在这里面监听actionbar中按钮的点击事件
*
* */
public void onClick( View v ){
switch( v.getId( ) ){
case R.id.menuBtnId:{
showToast( this, "menuBtn" );
}
break;
case R.id.noteBtnId:{
showToast( this, "noteBtn" );
}
break;
case R.id.downloadBtnId:{
showToast( this, "downloadBtn" );
}
break;
case R.id.editBtnId:{
showToast( this, "editBtn" );
}
break;
default:{
}
break;
}
}
END

源码连接：

1
http://download.csdn.net/detail/zmywly/6922375
END

注意事项

自定义actionbar的布局时，应经过自定义actionbar的样式为其设置默认背景以免在进入窗口耗时较长时会首先显示actionbar默认的背景。

经