1

This is what my floating action button is showingフローティングアクションボタンがイメージを正しく表示しないのはなぜですか?

画像の実際の円部分を表示するだけでなく、.pngファイルの背景を浮動動作ボタンに合わせようとします。ここ

は私のXMLコードです:

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/addToKitchenButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:layout_gravity="bottom|end" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentEnd="true" 
    android:src="@drawable/fab_icon" 
    /> 

how do I get it to look like this?

私はすでに私の.PNGファイル透明な背景を与えてくれたので、私は私がする必要がある他に何かわかりません。助けてください。

ありがとうございます。

答えて

3

(Androidスタジオを使用していると仮定します) - FloatingActionButtonのsrcに独自のカスタム.pngを使用するのではなく、そのアイコンで新しいベクターアセットを作成します。 Android Studioでres/drawableフォルダを右クリックし、「新規作成」 - >「ベクター資産」をクリックします。

http://i.imgur.com/qThPorK.png

あなたはより多くの何かのカスタムをしていた場合は、独自のベクトルの資産をインポートすることができたが、使用しているアイコンは、Androidのメーカーに組み込まれています。それが生成するXMLは次のようになります。

<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="24dp" 
    android:height="24dp" 
    android:viewportWidth="24.0" 
    android:viewportHeight="24.0"> 
<path 
    android:fillColor="#FF000000" 
    android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/> 

、あなたはfillcolorの色を変更することができます。 FloatingActionButtonをandroid:srcのこのドロアブルに設定してください。あなたは良いです。

+0

ありがとう、これは私が必要としたものでしたが、今私はこの問題がありますhttp://stackoverflow.com/questions/39737699/why-is-my-floating-action-button-not-displaying-properly-different- mからissue-mそれは正しく表示されていません –

0

丸い角の画像を指定する必要はありません。私はthis imageを使用していると私は私のXMLは、この

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/addFolder" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:clickable="true" 
    android:src="@drawable/plus" 
    app:layout_anchor="@id/mainRl" 
    android:background="#ff0000" 
    app:layout_anchorGravity="bottom|right|end" 
    android:onClick="onAddFolderClick" 

    /> 

のように見える私はあなたが欲しいピンクを使用し、背景色として#FF0000の(赤)を使用しています。 それは私のためにうまく動作します。

0

一貫した見た目のために、2つの必要な処理があります。 この答えは、あなたが本当にリンクで見てthis

  1. まずステップであるあなたによって提供したいと仮定し - 背景色は何もありませんが、アプリのアクセントカラーは何か特定の色を提供する必要はありません。最初に、あなたのアプリのテーマにアクセントカラーが設定されていることを確認してください。

  2. 第2ステップ - 完了したら、以下のXMLコードを使用する必要があります。 リンクを見たい場合は、新しいPNGを作成する必要はありません。 this official google material icons linkから白色の追加アイコンで簡単にダウンロードできます。このリンクは、Googleのほとんどの標準マテリアルアイコンに使用できます。


<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin" 
    android:src="@drawable/ic_add_white_24dp"/> 

この情報がお役に立てば幸いです。それがあなたのために物事を変えたら私に知らせてください。

EDIT::あなたは、デフォルトのアクセントカラーとは完全に異なるものにアイコンの色や背景を変更したい場合、あなたは使用する必要があり、これらの属性 -

//カスタム背景用

app:backgroundTint="@color/yourCustomColor" 

//カスタムアイコンの色の

android:tint="@color/yourCustomColor"  
+0

これはありがとうございましたが、今私はこの問題がありますhttp://stackoverflow.com/questions/39737699/why-is-my-floating-action-button-not-displaying-properly -different-issue-from-mそれは正しく表示されません –

関連する問題