201

フローティングボタン 新しいフローティング アクション ボタンは56 dp x 56 dpで、その中のアイコンは24 dp x 24 dpである必要があります。したがって、アイコンとボタンの間のスペースは16dpにする必要があります。

<ImageButton
    android:id="@+id/fab_add"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:layout_gravity="bottom|right"
    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:background="@drawable/ripple_oval"
    android:elevation="8dp"
    android:src="@drawable/ic_add_black_48dp" />

ripple_oval.xml 

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

これは私が得た結果です: \material-design-icons-1.0.0\content\drawable-hdpi\ic_add_black_48dp.png https://github.com/google/material-design-icons/releases
フローティング ボタンの結果
のアイコンを使用しました/タグ/1.0.1

ボタン内のアイコンのサイズをガイドラインに記載されているとおりにするにはどうすればよいですか?

http://www.google.com/design/spec/components/buttons.html#buttons-floating-action-button

4

14 に答える 14

192

コンテンツは 24 dp x 24 dp であるため、24 dp アイコンを使用する必要があります。android:scaleType="center"次に、自動サイズ変更を避けるために ImageButton に設定します。

于 2014-12-15T12:41:53.323 に答える
124

このエントリをディメンションで作成します

<!--Floating action button-->
<dimen name="design_fab_image_size" tools:override="true">36dp</dimen>

ここで 36dp は、浮動小数点ボタンのアイコン サイズです。これにより、フローティング アクション ボタンのすべてのアイコンのサイズが 36 dp に設定されます。

コメントによる更新

特定のフローティング アクション ボタンにアイコン サイズを設定する場合は、app:fabSize="normal" や android:scaleType="center" などのフローティング アクション ボタン属性を使用します。

  <!--app:fabSize decides size of floating action button You can use normal, auto or mini as per need-->
  app:fabSize="normal" 

  <!--android:scaleType decides how the icon drawable will be scaled on Floating action button. You can use center(to show scr image as original), fitXY, centerCrop, fitCenter, fitEnd, fitStart, centerInside.-->
  android:scaleType="center"
于 2016-06-24T05:28:46.847 に答える
108

カスタム FAB には、次の 3 つの主要な XML 属性があります。

  • app:fabSize: 「mini」(40dp)、「normal」(56dp) (デフォルト) 、または「auto」のいずれか
  • app:fabCustomSize: これにより、FAB 全体のサイズが決まります。
  • app:maxImageSize: アイコンのサイズを決定します。

例：

app:fabCustomSize="64dp" 
app:maxImageSize="32dp"

FAB パディング (アイコンと背景の円の間のスペース、別名ripple ) は、次のように暗黙的に計算されます。

4-edge padding = (fabCustomSize - maxImageSize) / 2.0 = 16

android:marginfab のマージンは、通常のxml タグ プロパティで設定できることに注意してください。

于 2019-04-28T21:18:47.873 に答える
28

設計ガイドラインでは 2 つのサイズが定義されており、いずれかを使用しない強い理由がない限り、サイズfabSizeはコンポーネントの XML 属性で制御できFloatingActionButtonます。

app:fabSize="normal"または のいずれかを使用して指定することを検討してくださいapp:fabSize="mini"。

<android.support.design.widget.FloatingActionButton
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/ic_done_white_24px"
   app:fabSize="mini" />
于 2016-08-10T01:12:52.770 に答える
15 
<ImageButton
        android:background="@drawable/action_button_bg"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:padding="16dp"
        android:src="@drawable/ic_add_black_48dp"
        android:scaleType="fitXY"
        android:elevation="8dp"/>

あなたが提供した背景を使用すると、デバイスのボタンの下に表示されます（Nexus 7 2012）

ここに画像の説明を入力

は、私にはよく見えますよ。

于 2014-12-15T12:33:14.290 に答える