2

新しい Android デザイン ライブラリはandroid.support.design.widget.FloatingActionButton、フローティング アクション ボタンの実装を容易にする を提供します。

ただし、ボタンは常に円です。

会社のデザイナーから正方形のフローティング ボタンのコンセプトを受け取りましたが、 の背景を変更して正方形の背景にするための参照が見つかりませんandroid.support.design.widget.FloatingActionButton。

注: カスタム カスタム ドローアブルを使用すると、背景には次のように円が残ります。

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:layout_anchorGravity="bottom|right|end" />

ここに画像の説明を入力

シンプルな を使用しようとしましたButtonが、折りたたんだときにツールバーのサイズが壊れているようです:

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:elevation="10dp"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:layout_anchorGravity="bottom|right|end" />

ここに画像の説明を入力

新しい Android デザイン ライブラリを使用して正方形のボタンを使用することは可能ですか?FloatingActionButton

4

2 に答える 2

3

問題は「android:background」です。以下のテンプレートを見て、「app:backgroundTint」に注意してください。それをテンプレートとして使用すると、機能するはずです。

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/your_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/floating_button_margin_bottom"
        android:layout_marginRight="@dimen/floating_button_margin_right"
        app:elevation="@dimen/floating_button_elevation"
        app:borderWidth="0dp"
        app:rippleColor="@color/your_ripple_color"
        app:backgroundTint="@color/your_bg_color" />
于 2015-06-09T18:57:03.093 に答える
0

Alright, using use the attribute app:borderWidth="0dp" in the FloatingActionButton solved the problem.

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:borderWidth="0dp"
    app:layout_anchorGravity="bottom|right|end" />
于 2015-06-08T17:32:35.537 に答える