54

我一直在搜索互联网（例如 Android 文档、此处的答案等）以寻找我认为是一个相当微不足道的问题的答案。您如何实现像Google Music和YouTube中那样的半透明操作栏（链接是图片示例）？

我希望视频内容是全屏的，并且不受操作栏的限制/下推，同时仍能利用内置 UI 组件的优势。我显然可以使用完全自定义的视图，但如果可能的话，我宁愿利用 ActionBar。

显现

<activity
    android:name="videoplayer"
    android:theme="@android:style/Theme.Holo"
    android:launchMode="singleTop"
    android:configChanges="keyboardHidden|orientation"/>

活动

// Setup action bar
ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
View customActionBarView = getLayoutInflater().inflate(R.layout.player_custom_action_bar, null);
actionBar.setCustomView(customActionBarView,
                        new ActionBar.LayoutParams(ActionBar.LayoutParams.MATCH_PARENT,
                                                   R.dimen.action_bar_height));
actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

菜单

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/button1"
        android:icon="@drawable/button1"
        android:showAsAction="always"/>

    <item
        android:id="@+id/button2"
        android:icon="@drawable/button2"
        android:showAsAction="always"/>
</menu>

自定义操作栏视图

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_action_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:background="@color/TranslucentBlack">

    <!--Home icon with arrow-->
    <ImageView
        android:id="@+id/home"
        android:src="@drawable/home"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"/>

    <!--Another image-->
    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:visibility="visible"/>

    <!--Text if no image-->
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        android:visibility="gone"/>

    <!--Title-->
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:paddingLeft="20dp"
        android:gravity="center_vertical"/>
</LinearLayout>
4

7 回答 7

102

如果您希望您的活动全屏但仍显示操作栏，但使用 alpha 您必须为onCreate()活动中的操作栏请求覆盖模式：

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

//getWindow().requestFeature(WindowCompat.FEATURE_ACTION_BAR_OVERLAY); << Use this for API 7+ (v7 support library)

然后在您调用之后setContentView(..)（因为setContentView(..)在设置内容旁边还初始化了操作栏），您可以在操作栏上设置一个背景可绘制对象：

getActionBar().setBackgroundDrawable(getResources().getDrawable(R.drawable.actionbar_bg));

它可以是一个可绘制的形状，带有一个放在 res/drawable 中的 alpha：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
    <solid android:color="#BB000000" /> 
</shape>

您也可以通过创建一个完全以编程方式执行此操作ColorDrawable：

getActionBar().setBackgroundDrawable(new ColorDrawable(Color.argb(128, 0, 0, 0)));

否则当然你可以完全隐藏操作栏；在这种情况下，您可以在清单中为您的活动设置自定义主题：

@android:style/Theme.NoTitleBar.Fullscreen

或以编程方式调用

getActionBar().hide();
于 2011-07-19T15:06:14.017 回答
13

除了正确答案之外，如果您使用的是 AppcomatActivity，请调用 supportRequestWindowFeature 而不是

旧版： getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

你想使用：

@Override
protected void onCreate(Bundle savedInstanceState) {
    supportRequestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
    super.onCreate(savedInstanceState);
}
于 2015-06-26T15:26:14.690 回答
9

我认为您应该能够使用 Window 标志来执行此操作FEATURE_ACTION_BAR_OVERLAY。

在调用setContentView()活动之前，

称呼：

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

它将使用覆盖ActionBar而不是向下推您的窗口。

于 2011-07-19T15:14:40.350 回答
6

上面的代码对于制作动作栏是绝对正确的。

代替

getActionBar().setBackgroundDrawable(new ColorDrawable(Color.argb(128, 0, 0, 0)))

利用

getActionBar().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

这样，您将能够看到操作栏完全透明。

于 2014-10-16T17:30:36.517 回答
5

这是我如何让它工作的：

1）通过调用以编程方式请求操作栏覆盖

       getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

在调用“setContentView(R.layout.my_layout)”之前，必须从您的活动“onCreate()”方法中请求此“requestFeature()”：

2）通过调用设置操作栏颜色，setBackgroundDrawable()如下所示：

getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#00212121")) );

此方法需要对可绘制对象的引用，或者您也可以使用颜色解析器来解析十六进制颜色值（前 2 位数字用于从 #00 到 #FF 的 alpha 通道）

请注意，我使用的是 actionBarSherlok getSupportActionBar()，但这应该适用于任何操作栏。

如果您仍然无法使其正常工作，请尝试将其添加到您的主题样式中 

<item name="windowActionBarOverlay">true</item>
 <item name="android:actionBarStyle">@style/ActionBar.Transparent.Example</item>
 <item name="android:windowActionBarOverlay">true</item>
于 2013-09-21T18:56:27.520 回答
0

我只想与您分享我为实现这一目标而采取的步骤：

1) 在您的活动的 OnCreate 中，

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

然后

getWindow().setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,
            WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

这是在 setContentView 之前完成的。

2）setContentView之后，可以做如下

 getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.argb(0, 100, 181, 246)));

其中 alpha 值为 0 表示它是完全透明的。

于 2018-09-05T14:37:00.643 回答
0

第一步：首先，在styles.xml中设置你的主题

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

第二步：其次，您必须在 AndroidManifest.xml 中为您的活动设置主题

    <activity android:name=".activity.YourActivity"
        android:theme="@style/AppTheme.NoActionBar"/>

第三步：现在，在您的活动布局文件中设置如下：

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/agri_bg_login">
        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/tool_bar"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
    </RelativeLayout>

最后，您可以在您的活动中设置它。

    Toolbar tool_bar = findViewById(R.id.tool_bar);
    setSupportActionbar(tool_bar);
    getSupportActionbar().setTitle("Your actionbar title");
    getSupportActionbar().setDisplayHomeAsUpEnabled(true);

就是这样，您将获得透明操作栏的结果。此外，如果你想在这里显示抽屉切换按钮和菜单，它会显示它们。

于 2020-04-26T08:34:54.977 回答