[英]Android: Floating Action Button appears with transparent background
我已使用 png 圖標ic_send
將FloatingActionButton
添加到我的應用程序中。 當我使用姜餅設備進行測試時,它一直顯示沒有背景顏色的按鈕,但在棒棒糖上顯示正常。
這是我的活動代碼:
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import butterknife.Bind;
import butterknife.ButterKnife;
public class MainActivity2 extends AppCompatActivity {
@Bind(R.id.toolbar)Toolbar toolbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
ButterKnife.bind(this);
setSupportActionBar(toolbar);
}
}
這是我的xml 文件:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include
layout="@layout/toolbar" />
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/dp10"
android:background="@color/card"
android:gravity="center"
card_view:cardCornerRadius="5dp">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="@dimen/dp5">
<EditText
android:id="@+id/main_edt_from"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/dp30"
android:hint="@string/amount"
android:inputType="numberDecimal" />
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/btn_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/dp15"
android:src="@drawable/ic_send"
app:elevation="2dp"
app:fabSize="normal"
app:layout_anchor="@id/card"
app:layout_anchorGravity="bottom|right|end" />
</android.support.design.widget.CoordinatorLayout>
我的build.gradle配置是:
apply plugin: 'com.android.application'
android {
compileSdkVersion 23
buildToolsVersion "23.0.1"
defaultConfig {
applicationId "com.kr.currencyconverter"
minSdkVersion 10
targetSdkVersion 23
versionCode 4
versionName "2.0"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
testCompile 'junit:junit:4.12'
compile 'com.jakewharton:butterknife:7.0.1'
compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:support-v4:23.0.1'
compile 'com.android.support:design:23.0.1'
compile 'com.google.android.gms:play-services:8.1.0'
compile 'com.android.support:cardview-v7:23.0.1'
}
我嘗試過的是將app:backgroundTint="@color/accent"
到FloatingActionButton
但它不起作用。
你必須設置
app:backgroundTint="@color/yourcolor"
在此處附加此圖標
"@dimen/dp15"
此圖像中似乎存在背景顏色。
我有一個與 FloatingActionButton(FAB) 類似的問題。 就我而言,我在 Activity 中使用了 Fragment,而我的 Activity 布局文件中有 FAB。 所以片段渲染在 FAB 之上。 所以我不得不添加fab.bringToFront();
在我的活動中的onPostResume()
方法中使其工作。
@Override
protected void onPostResume() {
super.onPostResume();
fab.bringToFront(); // fab - reference of FloatingActionButton
}
此外,布局的檢查高程應小於 FAB 的高程。
移除 FloatingActionButton 上的 app:elevation="2dp"
<android.support.design.widget.FloatingActionButton
android:id="@+id/btn_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/dp15"
android:src="@drawable/ic_send"
//app:elevation="2dp"
app:fabSize="normal"
app:layout_anchor="@id/card"
app:layout_anchorGravity="bottom|right|end" />
相反,使用給定的片段
<android.support.design.widget.FloatingActionButton
android:id="@+id/btn_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/dp15"
android:src="@drawable/ic_send"
app:fabSize="normal"
app:layout_anchor="@id/card"
app:layout_anchorGravity="bottom|right|end" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.