[JAVA] [Android] [Bibliothek] Ich habe versucht, eine Animationsbibliothek namens "Vorher Nachher Animation" zu verwenden.
1. Zuallererst
Die in Kotlin geschriebene Animationsbibliothek mit dem Namen "Vorher Nachher Animation" lautet "Vorher Nachher Animationsbibliothek in Kotlin schreiben von Android Example 365. -after-animation-library-write-in-kotlin /) "wurde veröffentlicht, also habe ich versucht, es zu verwenden.
2. Nutzungsbild
Bewegen Sie die Folie von links nach rechts, um die Bilder schrittweise zu wechseln.
--Vor dem Umzug
--Nach dem Umzug
3. Vorbereitung vorbereiten
Bitte bereiten Sie Folgendes im Voraus vor.
-Android Studio mit installiertem Kotlin-Plug-In
4. Einrichtungsverfahren
4.1 Bearbeiten von build.gradle
Fügen Sie Folgendes zu build.gradle des Projekts hinzu.
allprojects {
repositories {
google()
jcenter()
maven { url 'https://jitpack.io' } //Nachtrag
}
Fügen Sie dem Modul build.gradle Folgendes hinzu.
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
// Before After animation library //Nachtrag
implementation 'com.github.fevziomurtekin:BeforeAfterView:1.0.0' //Nachtrag
}
4.2 Aktivitätsbeschreibung
Beschreiben Sie die Hauptaktivität.
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
4.3 Beschreibung der Layoutdatei
Beschreiben Sie Folgendes in res / layout / activitymain.xml.
<com.fevziomurtekin.beforeafterview.BeforeAfterView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:bgColor="@android:color/black"
app:sliderTintColor="@android:color/white"
app:sliderIconTint="@android:color/white"
app:afterSrc="@drawable/after"
app:beforeSrc="@drawable/before"
app:imageHeightPercent="0.5"
app:sliderWidthPercent="0.75"
/>
Sie können die Attribute wie folgt bearbeiten:
| ATTRIBUTE | DESCRIPTION |
|---|---|
| bgColor | The color in int of the background color (by default @android:color/black) |
| sliderTintColor | The color int of the slider tint color (by default @android:color/white) |
| sliderIconTint | The size in int of the slider icon color (by default @android:color/white) |
| afterSrc | The resource in int of the imageview src |
| beforeSrc | The resource in int of the imageview src |
| imageHeightPercent | The height percent of the imageView (by default 0.55f) |
| sliderWidthPercent | The width percent of the sliderView (by default 0.65f) |
4.4 Vorbereitung der Bilddatei
Unter res / drawable werden after.jpg und before.jpg der im Layout angegebenen Bildquelle gespeichert. Bitte halten Sie ein Bild bereit. Wenn die Bilddatei jedoch groß ist, tritt beim Lesen ein Fehler auf.
5. Quelle
Die Quelle wird auf Github veröffentlicht.
fevziomurtekin/BeforeAfterView
Die Apache License 2.0 Lizenz.
6. Am Ende
Jetzt können Sie ganz einfach eine Bildanimation erstellen. Warum probieren Sie es nicht aus, indem Sie es in Ihr Projekt integrieren oder die Animation anpassen?
Informationen aktualisieren
-
Kotlin
-
Einführung in Kotlin
-
Android
- Library
-
Ich habe versucht, eine Animationsbibliothek namens "Vorher Nachher Animation" zu verwenden. [Neu]
-
Java
- Java 10
-
IDE
- IntelliJ IDEA
Recommended Posts