Ich habe nach dem einfachsten Weg gesucht, um ein Objekt mit ConstraintLayout
von Punkt A zu Punkt B zu animieren, mit der Fähigkeit, seine Dauer und Beschleunigungsgeschwindigkeit zu ändern. Z. B. Bewegen eines Layouts/einer Ansicht von außerhalb des Bildschirms nach unten zu seiner beabsichtigten Position mit festgelegten Beschränkungen auf dem Bildschirm. Ich konnte nicht finden, wie man es für Objekte mit ConstraintLayout
macht. Jeder kann mich in die richtige Richtung weisen? Vielen Dank.Wie ConstraintLayout von unten nach oben animiert wird?
5
A
Antwort
6
diese xml
als Inhaltsansicht Mit:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/constraint_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Button"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
</android.support.constraint.ConstraintLayout>
Und dies in der Aktivität:
class SecondActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.item)
val constraintLayout = findViewById(R.id.constraint_layout) as ConstraintLayout
val button = findViewById(R.id.button)
button.setOnClickListener {
val constraintSet = ConstraintSet()
constraintSet.clone(constraintLayout)
constraintSet.setVerticalBias(R.id.button, 1.0f)
constraintSet.setHorizontalBias(R.id.button, 1.0f)
val transition = AutoTransition()
transition.duration = 1500
transition.interpolator = AccelerateDecelerateInterpolator()
TransitionManager.beginDelayedTransition(constraintLayout, transition)
constraintSet.applyTo(constraintLayout)
}
}
}
in dieser Ausgabe führen:
Siehe this article und this presentation für mehr Einzelheiten.
Verwandte Themen
- 1. Wie kann ich den NSWindow setFrame: .. animiert: YES] Funktion animiert nach unten statt nach oben?
- 2. UIView von unten nach oben
- 3. Wie div von unten nach oben bewegen
- 4. Wie man NestedScrollview nach unten animiert
- 5. Ein Trick, Absatzzeile von unten nach oben und nicht von oben nach unten zu haben
- 6. Wie man Element animiert, wenn Sie nach unten scrollen und dann nach oben
- 7. slideDown von unten nach oben (und nicht von oben nach unten)
- 8. Wie animiere ich die zweite Aktivität von unten nach oben?
- 9. Textanzeige von unten nach oben qt
- 10. Android ConstraintLayout programmatisch verbinden, aber nur von oben nach unten arbeiten
- 11. Lokalisierung in QtQuick von oben nach unten
- 12. Animate div von unten in jQuery anstelle von oben nach unten nach oben
- 13. Wie wird eine Tabellenspalte vertikal nach oben und unten ausgerichtet?
- 14. Während in Java (Selenium) Stellen verwendet wird, bin ich Werte von unten immer nach oben - statt von oben nach unten
- 15. SKSpriteNode Animation von unten nach oben erscheinen
- 16. Console Textarea von unten nach oben
- 17. Drucken BST Sideway von oben nach unten
- 18. Wie erkennen, ob Sprite wird nach oben oder unten
- 19. Schreibmodus/Textrichtung von unten nach oben einstellen
- 20. Datum verschieben Überschrift von oben nach unten
- 21. Gleitende Animationsausrichtung von oben nach unten
- 22. Fade Hintergrundfarbe nach oben/unten beim Scrollen von oben
- 23. CSS3 Übergang von unten nach oben
- 24. Objekt von unten nach oben bewegen
- 25. Linearer Verlauf von unten nach oben
- 26. Tastatur nach oben und nach unten Pfeile
- 27. Skalierung nach oben statt nach unten?
- 28. Tabellenzelle von oben nach unten statt von links nach rechts
- 29. Animation Bild Start Unten nach oben
- 30. CSS trasition - Slide nach unten und oben