[JAVA] [Android] [Bibliothèque] J'ai essayé d'utiliser une bibliothèque d'animations appelée "Before After animation".

1.Tout d'abord

La bibliothèque d'animation écrite en Kotlin appelée "Before After animation" est "Before After animation library write in Kotlin de Android Example 365. -after-animation-library-write-in-kotlin /) "a été publié, alors j'ai essayé de l'utiliser.

2. Image d'utilisation

Déplacez la diapositive de gauche à droite pour changer progressivement d'images.

--Avant de déménager

--Après avoir déménagé

3. Préparation préalable

Veuillez préparer les éléments suivants à l'avance.

-Android Studio avec le plug-in Kotlin installé

4. Procédure de configuration

4.1 Édition de build.gradle

Ajoutez ce qui suit à build.gradle du projet.

allprojects {
    repositories {
        google()
        jcenter()
        maven { url 'https://jitpack.io' }   //Postscript
}

Ajoutez ce qui suit au module build.gradle.

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                                         //Postscript
    implementation 'com.github.fevziomurtekin:BeforeAfterView:1.0.0'          //Postscript
}

4.2 Description de l'activité

Décrivez MainActivity.

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }
}

4.3 Description du fichier de mise en page

Décrivez ce qui suit dans 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"
   />

Vous pouvez modifier les attributs comme suit:

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 Préparation du fichier image

Sous res / drawable, after.jpg et before.jpg de la source d'image spécifiée dans la mise en page sont stockés. Veuillez préparer une image. Cependant, si le fichier image est volumineux, une erreur se produira lors de sa lecture.

5. Source

La source est publiée sur Github.

fevziomurtekin/BeforeAfterView

La licence Apache License 2.0.

6. À la fin

Vous pouvez désormais créer facilement une animation d'image. Pourquoi ne pas l'essayer en l'incorporant dans votre projet ou en personnalisant l'animation?