Home / Android-Entwicklung / Das Android Arsenal – Tooltips

Das Android Arsenal – Tooltips

sTooltip ist eine einfache, flexible und selbst anpassende Tooltip-Bibliothek für Android.

Einfache Verwendung:

 Tooltip 
 .on (exampleTextView)
                .text ( R 
 .string.example)
                .icon ( android .  R 
 .drawable.ic_dialog_info)
                .iconSize ( 30  30 
)
                .color (resources.getColor ( R 
 .color.colorPrimary))
                .overlay (resources.getColor ( R 
 .color.overlay))
                .border ( Color .  BLACK  1f 
)
                .clickToHide ( true 
)
                .corner ( 5 
)
                .position ( Position .  nach oben 
)
                .show ( 3000 ) 

Erste Schritte

In Ihrem Projektbuild.gradle müssen Sie Folgendes haben

 Buildscript 
 {
     .. 

.
    Repositories {
         .. 


.
        jcenter ()
    }
     .. 

.
    Abhängigkeiten {
         .. 
.
        classpath  " org.jetbrains.kotlin: kotlin-gradle-plugin:  $ k  otlin_version " 


    }
     .. 
.
} 

In Ihrem App-Build.gradle müssen Sie Folgendes haben

 .. 
.
zutreffen  Plugin :  ' kotlin-android ' 

 zutreffen  Plugin :  ' kotlin-android-extensions  '
 .. 
.
 Abhängigkeiten 
 {
     .. 
.
    Implementierung  ' cl.jesualex.android:stooltip:1.0 ' 

} 

Optionen

Initialisierung von Builder

Der Einfachheit halber können Sie den Konstruktor nur mit dem initialisieren Ansicht, auf die sich die QuickInfo beziehen soll. In diesem Fall wird die QuickInfo an die decorView angehängt (ÜBER ALLE ANSICHTEN)

Tooltip.on (View)

oder wenn Sie möchten, können Sie eine Stammansicht und die Der Tooltip wird in dieser Ansicht angezeigt.

Tooltip.on (Ansicht, Ansicht)

Builder-Optionen

Nachdem der Builder initialisiert wurde, können Sie Ihren Tooltip konfigurieren. Nachfolgend sehen Sie kurz die verschiedenen Methoden, die Sie verwenden können Verwenden Sie für diese Konfiguration

  • Festlegen von Text Builder.text (Text)

  • Festlegen der Textfarbe Builder.textColor (colorInt)

  • Festlegen der Textschriftart Builder.textTypeFace (Schriftart) )

  • Festlegen der Textgröße builder.textSize (textSize) builder.textSize (unit, textSize)

  • Festlegen der Textgröße ty builder.textGravity (TextViewGravity)

  • So aktivieren Sie ein linkes Symbol (standardmäßig deaktiviert) builder.icon (Symbol)

  • So legen Sie den Symbolrand in px builder.iconMargin (links) fest , oben, rechts, unten)

  • Festlegen der Symbolgröße in px builder.iconSize (h, w)

  • Festlegen der Farbe der QuickInfo-Blase builder.color (color)

  • To Festlegen des Füllstands für QuickInfo-Inhalte in px builder.padding (oben, rechts, unten, links)

  • So legen Sie die Position der QuickInfo in Bezug auf die Ansicht fest, auf die sie zeigt (durch Deafult Bottom) builder .position (position)

  • Einstellen des Eckenradius in px der QuickInfo-Blase builder.corner (radius)

  • Aktivieren des automatischen Ausblendens beim Tippen (standardmäßig aktiviert) builder.clickToHide (bool )

  • So legen Sie den Abstand in px zwischen der QuickInfo und der Ansicht fest, auf die sie zeigt builder.distanceWithView (distance)

  • So legen Sie die Rahmenfarbe und -breite in px fest builde r.border (color, width)

  • Festlegen des Randes in px builder.border (margin)

  • Aktivieren und Festlegen eines Blasenschattens (standardmäßig ist der Blasenschattenradius 0, dies bedeutet Schatten disabled) builder.shadow (radius) builder.shadow (radius, farbe)

  • So legen Sie die Schattenfüllung fest builder.shadow (padding)

  • So legen Sie die Pfeilgröße fest builder .arrowSize (h, w)

  • Zum Festlegen einer QuickInfo-Minibreite in px, wenn der übergeordnete Bereich nicht ausreicht, wird die QuickInfo an die entgegengesetzte Position verschoben. builder.minWidth (w)

  • Zum Festlegen einer Tooltip minHeight in px Wenn der Platz im übergeordneten Element nicht ausreicht, wird der Tooltip an die entgegengesetzte Position verschoben. builder.minHeight (w)

  • So legen Sie einen Tooltip fest: Show / Hide Animation builder.animation (anim ) builder.animation (animIn, animOut)

  • Festlegen eines Lifecycle-Listeners, um zu erfahren, wann der Tooltip ein- oder ausgeblendet wurde. builder.displayListener (Listener)

  • Zu se Ein Klick-Listener wird abgefangen, wenn der Benutzer auf den Tooltip klickt. builder.tooltipClickListener (Listener)

  • So legen Sie einen Klick-Listener fest, der abgefangen wird, wenn der Benutzer auf die Ansicht klickt, auf die der Tooltip zeigt.

  • Um die Überlagerungsfunktion zu aktivieren und einen Listener festzulegen, der abfängt, wenn der Benutzer auf die Überlagerung klickt (standardmäßig ist der Überlagerungsklick deaktiviert), bedeutet dies, dass dieser Klick an die Ansicht unter der Überlagerung gesendet wird ) builder.overlay (Farbe) builder.overlay (Farbe, Listener)

Optionen anzeigen

Nachdem Sie Ihren Tooltip konfiguriert haben, zeigen Sie ihn einfach links an, wenn Sie eine Dauer in Millis festlegen möchten und der Tooltip dies tut nach dieser Zeit automatisch ausblenden (standardmäßig ist das automatische Ausblenden deaktiviert)

builder.show () builder.show (duration)

Diese show-Methode gibt eine Tooltip-Instanz zurück, mit der Sie close, closeNow (ohne Animation) schließen können ) und erneut anzeigen

tooltip.close () tooltip.show (Dauer, Text) tooltip.show (Text)
tooltip.show (Dauer)
tooltip.closeNow () [19659067] Beispiel

Um ein kleines Beispiel zu erhalten, laden Sie dieses Repo herunter und führen es aus.

Lizenz














 Copyright 2019 Jesualex. Alle Rechte vorbehalten.

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

Android Developers Blog: Android Dev Challenge: Week 2

Posted by Florina Muntenescu, Developer Relations Engineer 3…2…1… Time for another challenge! Welcome to the …

Leave a Reply

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