10

Я хочу использовать FAB с полупрозрачным цветом фона. Но я получаю FAB с двумя разными цветами. В чем проблема?Android Floating Action Button Полупрозрачный цвет фона

<android.support.design.widget.FloatingActionButton 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|left" 
    android:fadingEdgeLength="5dp" 
    app:borderWidth="0dp" 
    app:elevation="4dp" 
    app:backgroundTint="#99f03456" 
    app:fabSize="normal"/> 

enter image description here

И без Drawable.

enter image description here

+0

попробовать создать этот цвет в вашем 'color.xml' и использовать' приложение: backgroundTint = "@ цвет/yourcolor" ' –

+0

<имя стиля = "AppTheme" родитель = "Base.Theme.AppCompat.Light"> <пункт имя = "colorAccent"> @ цвет/акцент определить свой цвет темы стиля в вашем проекте –

+0

@BOUTERBIATOualid нет разница. – Mbt925

ответ

5

Получил тот же вопрос здесь. Я попытался установить альфа-прозрачность в xml с помощью backgroundTint, но это не сработало и привело к тому же виду, что и на ваших снимках экрана (два круга).

Так что я поставил его в коде следующим образом:

floatingButton = (FloatingActionButton) findViewById(R.id.fab); 
floatingButton.setAlpha(0.25f); 

И взгляд теперь соответствует.

+0

он работает, но это также делает значок прозрачным ...: - / – lenooh

1

Если высота не требуется, вы можете удалить «внутренний круг», установив его на 0:

app:elevation="0dp" 
1

Я был в состоянии решить эту проблему с помощью Jerzy Chalupski кнопки с плавающими действиями: https://github.com/futuresimple/android-floating-action-button

для использования в проекте добавить:

compile 'com.getbase:floatingactionbutton:1.10.1' 

ваших зависимостей,

, а затем добавить:

<com.getbase.floatingactionbutton.FloatingActionButton 
      android:id="@+id/my_fab" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="12dp" 
      android:layout_marginRight="8dp" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentRight="true" 
      android:onClick="myMethod" 
      fab:fab_icon="@drawable/my_icon" 
      fab:fab_colorNormal="@color/my_transparent_color" 
      fab:fab_colorPressed="@color/white" 
      /> 

в файл XML.

Он работает

2

Набор высоты и pressedTranslationZ ноль для устранения эффекта

<android.support.design.widget.FloatingActionButton 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:onClick="onClickMyLocation" 
    app:backgroundTint="@color/transparentColor" 
    app:srcCompat="@drawable/ic_my_location" 
    app:elevation="0dp" 
    app:pressedTranslationZ="0dp"/> 
Смежные вопросы