Пользовательский полупрозрачный Android ActionBar

Question

Я обыскивал сети (например, документацию по Android, ответы здесь и т. Д.), Чтобы найти ответ на довольно простой вопрос. Как достичь полупрозрачной панели действий, как в Google Music и YouTube (ссылки являются примерами изображений)?

Я хочу, чтобы видеоконтент отображался в полноэкранном режиме и не был ограничен / оттеснен панелью действий, но при этом использовал преимущества встроенного компонента пользовательского интерфейса. Очевидно, я могу использовать полностью настраиваемое представление, но я бы лучше использовал ActionBar, если это возможно.

Manifest

<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>

Пользовательский вид ActionBar

<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>

Answer 1

Если вы хотите, чтобы ваша деятельность была полноэкранной, но при этом отображалась панель действий, но с альфа-каналом вам нужно запросить оверлейный режим для панели действий в 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:

<?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();

Answer 2

Помимо правильного ответа, если вы используете AppcomatActivity, вместо

вызовите supportRequestWindowFeature

Старая версия: getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

Вы хотите использовать:

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

Answer 3

Я думаю, вы должны сделать это, используя флаг Window FEATURE_ACTION_BAR_OVERLAY.

Прежде чем позвонить setContentView() в своей деятельности,

Вызов:

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

И он будет использовать наложенный ActionBar вместо того, чтобы опускать ваше окно.

Answer 4

Приведенный выше код является абсолютно правильным для создания панели действий.

Вместо

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

использование

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

Таким образом, вы сможете видеть панель действий полностью прозрачной.

Answer 5

Вот как я заставил это работать:

1) Запрос программного наложения на панель действий путем вызова

       getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

этот 'requestFeature ()' должен быть запрошен из метода onCreate () вашей активности перед вызовом setContentView (R.layout.my_layout) ':

2) установить цвет панели действий, вызвав setBackgroundDrawable() следующим образом:

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

этот метод требует либо ссылки на чертеж, либо вы также можете использовать синтаксический анализатор цветов для анализа шестнадцатеричного значения цвета (первые 2 цифры используются для альфа-канала, начинающегося с # 00 до #FF)

Обратите внимание, что я использую actionBarSherlok getSupportActionBar(), но это должно работать с любой панелью действий.

Если вы все еще не можете заставить это работать, попробуйте добавить это в свой стиль темы

<item name="windowActionBarOverlay">true</item>
 <item name="android:actionBarStyle">@style/ActionBar.Transparent.Example</item>
 <item name="android:windowActionBarOverlay">true</item>

Answer 6

Я просто хотел бы поделиться с вами шагами, которые я предпринял для достижения этой цели:

1) В момент создания вашей деятельности

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)));

Где значение 0 означает, что оно полностью прозрачно.