Android Welt Android Welt
Related Articles
Curved-Waved-Animated BottomSheet
Outputs
Summary
Curved Bottom Sheet, mit dem Sie ausgefallene, außergewöhnliche UX mit Bottom Sheet-Verhalten anzeigen können. Auch wenn sein Name Bottom enthält, unterstützt er auch Top Sheet.Wenn Sie das klassische BottomSheet gelangweilt haben, fahren Sie fort.
Download
Diese Bibliothek ist in jitpack verfügbar, daher müssen Sie dieses Repository hinzufügen Ihr root build.gradle am Ende der Repositories:
allprojects {
Repositories {
maven {url ' https://jitpack.io '
}
}
}
Hinzufügen der Abhängigkeit:
Abhängigkeiten {
Implementierung ' com.github.TayfunCesur: CurvedBottomSheet: 1.0 '
}
Beispielnutzung
Die Beispiel-App hat alle außer wenn Sie einen schnellen Tipp möchten,
// Ihre Sicht hier
In Ihrer Aktivität oder Ihrem Fragment
CurvedBottomSheet (view = bottom_sheet,
shape = CurvedBottomSheet.Shape.Concave,
location = CurvedBottomSheet.Location.BOTTOM,
type = CurvedBottomSheet.Type.CURVE)
.drin()
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
| Radius | Schwimmer | Der Standardwert ist 180F. Dieser Parameter ist für die Schönheit Ihrer Kurven so wichtig. Im Allgemeinen müssen Sie diesen Parameter als (Bildschirmbreite / 6) übergeben. Wenn Sie sich für die Vernunft interessieren, vergessen Sie nicht, den unteren Rand der Seite zu lesen. |
| shape | Enum (Concave, Convex) | Der Standardwert ist Concave. Dieser Parameter hilft Ihnen bei der Entscheidung, ob Ihre Form konvex oder konkav ist. |
| Position | Aufzählung (OBEN, UNTEN) | Der Standardwert ist UNTEN. Wenn Sie TOP verwenden möchten, vergessen Sie nicht Übergeben Sie app: layout_behavior = "com.tayfuncesur.curvedbottomsheet.TopSheetBehavior" an Ihr CurvedLayout. |
| Geben Sie | Enum (CURVE, WAVE) ein. | Der Standardwert ist CURVE. Dieser Parameter zeichnet eine Welle oder Kurve. |
| Rückruf | null | Der Standardwert ist null. Mit diesem Parameter können Sie benachrichtigt werden, während ein Blatt gescrollt wird. Möglicherweise möchten Sie beim Scrollen einige magische Aktionen ausführen. Zum Beispiel Alpha-Animation. (Dies erfolgt in WavedActivity.) |
Attribute
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
| fillColor | Farbe | Die Standardfarbe ist Weiß. Dieser Parameter füllt den Hintergrund Ihres gekrümmten Layouts. Verwenden Sie die Eigenschaft backgroundColor nicht, da Sie nicht das gesamte Layout ausfüllen möchten, das die Stellen außerhalb von Kurven oder Wellen enthält. |
| showControlPoints | boolean | Der Standardwert ist false. Dieser Parameter zeichnet Punkte im Layout. Wenn Sie im Debug-Modus arbeiten, können Sie die Kontrollpunkte leichter ermitteln. |
Erläuterung
| Erläuterung der App: fillColor | Erläuterung der App: showControlPoints |
|---|---|
Bonus-Teil: Alpha-Animation
Dieser Bonus-Teil wurde bereits in WavedActivity implementiert.
Wenn Sie den Callback-Parameter an CurvedBottomSheet übergeben, werden Sie have
Objekt: Rückruf {
Überschreibe Fun onSlide (p0: View, p1: Float) {
// Hier kannst du Alpha mit p1 Wert spielen.
contentLayout.alpha = p1
dolphinLayout.alpha = 1 - p1
}
Nützliche Ressourcen
Projekt verwaltet von
Tayfun Cesur
Open-Source-Enthusiast | Android Engineer
Grüße
Wenn Sie Fragen haben, schlagen Sie mich auf Twitter
Lizenz
Copyright 2019 Tayfun CESUR
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.
.
