2015-07-07 10 views
8

Tak więc zacząłem migrować do oficjalnej biblioteki projektowania wsparcia dla mojej aplikacji na Androida, zastępując elementy na bieżąco. Właśnie zamieniłem FAB (zaimplementowałem jako ImageButton) z oficjalnym android.support.design.widget.FloatingActionButton. Ale ikona wewnątrz przycisku jest mniejsza w porównaniu z ikoną, która znajdowała się w ImageButton. Jaki mógł być powód?Android.support.design.widget.FloatingActionButton implenetation FAB zmniejsza rozmiar obrazu

FloatingActionButton „s Realizacja:

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/icon" /> 

Próbowałem dodanie app:fabSize="normal ale to nie działa, albo.

Jak to wygląda po użyciu FloatingActionButton:

enter image description here

I tak to wyglądało podczas używania go jako ImageButton:

enter image description here

Odpowiedz

1

tylko domyślać skoro nie podałem żadnych szczegółów. Biblioteka FloatingActionButton biblioteki projektowania ma obliczenia wypełnienia, które zmniejszają ikonę, jeśli jest zbyt duża, podczas gdy twój ImageButton prawdopodobnie tylko centruje ikonę bez skalowania. Zgaduję, że nie zaobserwowałbyś takiego zachowania, jeśli używasz prawidłowo ustawionej ikony 24dp, takiej jak te, które otrzymujesz: https://www.google.com/design/icons/.

+0

Mógłbyś rozwinąć odpowiednio dobrane „” bit? Na stronie znajdują się również inne opcje rozmiarów. –

+0

Po [oficjalnych guildlines projektu] (http://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button), ikona FAB powinna mieć 24dp, co oznacza, że ​​powinna wynosić [24x24 px przy mdpi] (http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/#screen-densities-and-icon-dimensions) . – tachyonflux

+0

Czy ta reguła dotyczy ikon innych niż FAB? Jak pasek narzędzi, pasek akcji i ikony paska nawigacji? –

16

Ustaw typ skala android:scaleType="center"