透明操作栏不透明

时间:2015-02-15 18:24:59

标签: android android-layout android-actionbar android-actionbar-compat

我想要一个透明的操作栏,左右两个按钮。

我在我的活动中写道:

protected void onCreate(Bundle savedInstanceState) {
    supportRequestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
    super.onCreate(savedInstanceState);

    if(getResources().getBoolean(R.bool.portrait_only)){
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
    }

    actionBar = getSupportActionBar();
    LayoutInflater mInflater = LayoutInflater.from(this);
    actionBarView = mInflater.inflate(R.layout.actionbar_menu_button, null);
    actionBar.setCustomView(actionBarView);
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setDisplayUseLogoEnabled(false);
    actionBar.setDisplayShowHomeEnabled(false);

    actionBarLeftButton = (ImageView) actionBar.getCustomView().findViewById(R.id.action_bar_left_button);
    actionBarTitle = (TextView) actionBar.getCustomView().findViewById(R.id.actionbar_title);
    actionBarRightButton = (ImageView) actionBar.getCustomView().findViewById(R.id.action_bar_right_button);
}

在style.xml中我有:

<style name="AppTheme" parent="Theme.AppCompat">
    <item name="android:textColor">@color/oeo_grey_5</item>
    <item name="android:windowActionBarOverlay">true</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="android:actionBarStyle">@style/MyActionBar</item>
</style>
<style name="MyActionBar" parent="Theme.AppCompat">
    <item name="android:background">@color/oeo_transparent</item>
    <item name="android:backgroundStacked">@android:color/transparent</item>
</style>

我的操作栏布局是:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:paddingRight="20dp"
>
<ImageView
    android:id="@+id/action_bar_left_button"
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:clickable="false"
    android:focusable="false"
    android:longClickable="false"
    android:src="@drawable/actionbar_menu_button"
    android:layout_alignParentStart="true"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    />

<TextView
    android:id="@+id/actionbar_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="TITLE"
    android:gravity="center"
    android:textSize="18sp"
    android:singleLine="true"
    android:ellipsize="end"
    android:textColor="@color/oeo_grey_2"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    />

<ImageView
    android:id="@+id/action_bar_right_button"
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:clickable="false"
    android:focusable="false"
    android:longClickable="false"
    android:src="@drawable/actionbar_account_button"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    />
</RelativeLayout>

但即使叠加设置正常,我也总是有一种黑/深灰色背景。 我错过了什么?

更新 在查看this link

之后

我做了以下修改:

@Override
protected void onCreate(Bundle savedInstanceState) {
    supportRequestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
    super.onCreate(savedInstanceState);

    if(getResources().getBoolean(R.bool.portrait_only)){
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
    }

    actionBar = getSupportActionBar();
    actionBar.setBackgroundDrawable(new ColorDrawable(getResources().getColor(R.color.oeo_transparent)));
    actionBar.setStackedBackgroundDrawable(new ColorDrawable(getResources().getColor(R.color.oeo_transparent)));
    LayoutInflater mInflater = LayoutInflater.from(this);
    actionBarView = mInflater.inflate(R.layout.actionbar_menu_button, null);
    actionBar.setCustomView(actionBarView);
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setDisplayUseLogoEnabled(false);
    actionBar.setDisplayShowHomeEnabled(false);

    actionBarLeftButton = (ImageView) actionBar.getCustomView().findViewById(R.id.action_bar_left_button);
    actionBarTitle = (TextView) actionBar.getCustomView().findViewById(R.id.actionbar_title);
    actionBarRightButton = (ImageView) actionBar.getCustomView().findViewById(R.id.action_bar_right_button);

它有效。 (我也能从styles.xml中删除样式MyActionBar)

1 个答案:

答案 0 :(得分:0)

MyActionBar样式应该是:

<style name="MyActionBar"
       parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:background">@android:color/transparent</item>

</style>

或者为动作栏制作透明的drawable:

    <item name="android:background">@drawable/actionbar_transparent</item>

以上父主题适用于DarkActionBar,否则您的父主题应为:

parent="@style/Widget.AppCompat.Light.ActionBar

insdead of:

parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse