Home / Android-Entwicklung / Das Android Arsenal – Floating Action Buttons

Das Android Arsenal – Floating Action Buttons

Eine weitere Implementierung von Floating Action Button für Android mit vielen Funktionen.

Die Bibliothek benötigt Android API Level 14+ .

Sehen Sie sich ein kurzes Demo-Video an YouTube oder versuchen Sie es mit Android-Simulator im Browser auf Appetize.io. Beispiel-APK finden Sie im Abschnitt Veröffentlichungen.

  • Ripple-Effekt auf Android-Lollipop-Geräten
  • Option zum Festlegen von benutzerdefinierten [19459006 / gedrückt / Welligkeit Farben
  • Option zum Einstellen von benutzerdefinierten Schattenfarben und Versätzen
  • Option zum Deaktivieren von Schatten für Schaltflächen und (oder) Beschriftungen
  • Option zu Festlegen von benutzerdefinierten Animationen
  • Option zum Festlegen von benutzerdefinierten Symbolen
  • Unterstützung für normale 56dp und Mini-Schaltflächen 40dp Benutzerdefinierte FloatingActionMenu-Symbolanimationen
  • 19659005] Option zum Erweitern des Menüs nach oben und unten
  • Option zum Anzeigen von Beschriftungen links und rechts vom Menü
  • Option zum Anzeigen des Kreisfortschritts auf FloactinActionButton
  • Option zum Hinzufügen einer Schaltfläche zu das FloatingActionMenu programmgesteuert
  • Option zum Dimmen des FloatinActionMenu Hintergrund
  • Option zum Entfernen aller Schaltflächen aus dem FloatingActionMenu
  • Option zum Festlegen einer Bezeichnung für das FloatingActionMenu button

Fügen Sie eine Abhängigkeit zu Ihrer build.gradle hinzu:




 dependencies {
    compile 'com.github.clans: fab: 1.6.4'
}

Fügen Sie den com.github.clans.fab.FloatingActionButton zu Ihrer Layout-XML-Datei hinzu.

 < FrameLayout  xmlns :  android  =  http://schemas.android.com/apk/res/android 
 xmlns :  fab  =  http : //schemas.android.com/apk/res-auto  "
 android :  layout_width  = "  match_parent  "
 android :  layout_height  =  " match_parent " 

>

    < ListView 
 android :  id  =  " @ + id / list " 

         android :  layout_width  =  " match_parent " 

         android :  layout_height  =  " match_parent " 

 />

    < com 
 .github.clans.fab.FloatingActionButton
         android :  id  =  " @ + id / fab " 

         android :  layout_width  =  " wrap_content " 

         android :  layout_height  =  " wrap_content " 

         android :  layout_gravity  =  " rechts unten " 

         android :  layout_marginBottom  =  " 8dp " 

         android :  layout_marginRight  =  " 8dp " 

         android :  src  =  " @ drawable / ic_menu " 

         fab :  fab_colorNormal  =  " @ color / app_primary " 

         fab :  fab_colorPressed  =  " @ color / app_primary_pressed " 

         fab :  fab_colorRipple  =  " @ color / app_ripple " 

 />

</  FrameLayout > 

Mit dem xml-Attribut android: src können Sie ein Symbol für den FloatingActionButton festlegen. Verwenden Sie Zeichnungsdateien der Größe 24dp wie in den Richtlinien angegeben. Mit Android Asset Studio können Symbole in der gewünschten Größe generiert werden.

Floating-Aktionsschaltfläche

Hier sind alle xml-Attribute des FloatingActionButton mit ihren Standardwerten aufgeführt, was bedeutet, dass Sie Sie müssen nicht alle festlegen:

 < com 
 .github.clans.fab.FloatingActionButton
         android :  id  =  " @ + id / fab " 

         android :  layout_width  =  " wrap_content " 

         android :  layout_height  =  " wrap_content " 

         android :  layout_gravity  =  " rechts unten " 

         android :  layout_marginBottom  =  " 8dp " 

         android :  layout_marginRight  =  " 8dp " 

         android :  src  =  " @ drawable / your_icon_drawable " 

         App :  fab_colorNormal  =  " # DA4336 " 

         App :  fab_colorPressed  =  " # E75043 " 

         App :  fab_colorRipple  =  " # 99FFFFFF " 

         App :  fab_showShadow  =  " true " 

         App :  fab_shadowColor  =  " # 66000000 " 

         App :  fab_shadowRadius  =  " 4dp " 

         App :  fab_shadowXOffset  =  " 1dp " 

         App :  fab_shadowYOffset  =  " 3dp " 

         App :  Fab_size  =  " Normal " 

         App :  fab_showAnimation  =  " @ anim / fab_scale_up " 

         App :  fab_hideAnimation  =  " @ anim / fab_scale_down " 

         App :  Fab_Label  =  "" 

         App :  fab_progress_color  =  " # FF009688 " 

         App :  fab_progress_backgroundColor  =  " # 4D000000 " 

         App :  fab_progress_indeterminate  =  " false " 

         App :  fab_progress_max  =  " 100 " 

         App :  Fab_Progress  =  " 0 " 

         App :  fab_progress_showBackground  =  " true "  /> 

Alle diese FloatingActionButton -Attribute haben ihre entsprechenden Getter und Setter. Sie können sie also programmgesteuert einstellen.

Floating-Aktionsmenü

Hier sind alle xml-Attribute von mit ihren Standardwerten was bedeutet, dass Sie müssen nicht alle festlegen:

 < com 
 .github.clans.fab.FloatingActionMenu
         android :  id  =  " @ + id / menu " 

         android :  layout_width  =  " wrap_content " 

         android :  layout_height  =  " wrap_content " 

         android :  layout_alignParentBottom  =  " true " 

         android :  layout_alignParentRight  =  " true " 

         android :  layout_marginRight  =  " 10dp " 

         android :  layout_marginBottom  =  " 10dp " 

         android :  layout_marginLeft  =  " 10dp " 

         fab :  menu_fab_size  =  " normal " 

         fab :  menu_showShadow  =  " true " 

         fab :  menu_shadowColor  =  " # 66000000 " 

         fab :  menu_shadowRadius  =  " 4dp " 

         fab :  menu_shadowXOffset  =  " 1dp " 

         fab :  menu_shadowYOffset  =  " 3dp " 

         fab :  menu_colorNormal  =  " # DA4336 " 

         fab :  menu_colorPressed  =  " # E75043 " 

         fab :  menu_colorRipple  =  " # 99FFFFFF " 

         fab :  menu_animationDelayPerItem  =  " 50 " 

         fab :  menu_icon  =  " @ drawable / fab_add " 

         fab :  menu_buttonSpacing  =  " 0dp " 

         fab :  menu_labels_margin  =  " 0dp " 

         fab :  menu_labels_showAnimation  =  " @ anim / fab_slide_in_from_right " 

         fab :  menu_labels_hideAnimation  =  " @ anim / fab_slide_out_to_right " 

         fab :  menu_labels_paddingTop  =  " 4dp " 

         fab :  menu_labels_paddingRight  =  " 8dp " 

         fab :  menu_labels_paddingBottom  =  " 4dp " 

         fab :  menu_labels_paddingLeft  =  " 8dp " 

         fab :  menu_labels_padding  =  " 8dp " 

         fab :  menu_labels_textColor  =  " #FFFFFF " 

         fab :  menu_labels_textSize  =  " 14sp " 

         fab :  menu_labels_cornerRadius  =  " 3dp " 

         fab :  menu_labels_colorNormal  =  " # 333333 " 

         fab :  menu_labels_colorPressed  =  " # 444444 " 

         fab :  menu_labels_colorRipple  =  " # 66FFFFFF " 

         fab :  menu_labels_showShadow  =  " true " 

         fab :  menu_labels_singleLine  =  " false " 

         fab :  menu_labels_ellipsize  =  " none " 

         fab :  menu_labels_maxLines  =  " -1 " 

         fab :  menu_labels_style  =  " @ style / YourCustomLabelsStyle " 

         fab :  menu_labels_position  =  " left " 

         fab :  menu_openDirection  =  " up " 

         fab :  menu_backgroundColor  =  " @android: color / transparent " 

         fab :  menu_fab_label  =  " your_label_here " 

         fab :  menu_fab_show_animation  =  " @ anim / my_show_animation " 

         fab :  menu_fab_hide_animation  =  " @ anim / my_hide_animation " 

>

        < com 
 .github.clans.fab.FloatingActionButton
             android :  id  =  " @ + id / menu_item " 

             android :  layout_width  =  " wrap_content " 

             android :  layout_height  =  " wrap_content " 

             android :  src  =  " @ drawable / ic_star " 

             fab :  fab_size  =  " mini " 

             fab :  fab_label  =  " Menüpunkt 1 " 

 />

    </  com  .github.clans.fab.FloatingActionMenu> 

Wenn Sie einen benutzerdefinierten Stil für Beschriftungen verwenden – andere Beschriftungsattribute werden ignoriert.

Die Beschriftungsschatteneinstellungen hängen von den entsprechenden ab ] FloatingActionButtons 'shadow preferences.

Weitere Verwendungsbeispiele finden Sie im Beispielprojekt .

Auf der Seite Changelog können Sie nachlesen, was sich kürzlich geändert hat.

Ich habe die Clans-FAB-Bibliothek und verwendet Ich halte es derzeit aufrecht.














 Copyright 2015 Dmytro Tarianyk

Lizenziert unter der Apache-Lizenz, Version 2.0 (die "Lizenz");
Sie dürfen diese Datei nur in Übereinstimmung mit der Lizenz verwenden.
Eine Kopie der Lizenz erhalten Sie unter

   http://www.apache.org/licenses/LICENSE-2.0

Sofern nicht gesetzlich vorgeschrieben oder schriftlich vereinbart, Software
unter der Lizenz vertrieben wird auf einer "AS IS" -Basis verteilt,
OHNE GARANTIEN ODER BEDINGUNGEN JEGLICHER Art, entweder ausdrücklich oder stillschweigend.
In der Lizenz finden Sie die spezifische Sprache für die Berechtigungen und
Einschränkungen unter der Lizenz.

.

About AndroidWeltEditor

Check Also

15 best Android emulators for PC and Mac of 2021

There are a lot of valid reasons why someone would want to run Android emulators …

Leave a Reply

Your email address will not be published. Required fields are marked *