آموزش پنهان کردن کردن اجزا هنگام Scroll در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش پنهان کردن کردن اجزا هنگام Scroll در برنامه نویسی اندروید می پردازیم کاری که دقیقا انجام می شود وقتی که شما رو به بالا اسکرول می کنید تا رو به پایین بروید هر یک از اجزا کم کم نمایان می شوند و در صورتی که برعکس این کار را انجام دهید view های نمایش داده شده hide می شوند در ادامه با ما همراه باشید.
این آموزش سبب زیبا تر شدن برنامه شما نیز می شود.
ما از یک کتاب خانه برای این کار استفاده می کنیم
پس مثل همیشه وارد فایل Build.gradle شده از نوع module سپس در بخش dependencies خط زیر را اضافه کنید.

compile 'com.github.flavienlaurent.discrollview:library:0.0.2@aar'

1	compile 'com.github.flavienlaurent.discrollview:library:0.0.2@aar'

یک فایل به نام animated_scrolling_android_imageview.xml ایجاد کنید و کد های زیر را در آن قرار دهید.

<com.flavienlaurent.discrollview.lib.DiscrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:discrollve="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/android_animated_discroll_view_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.flavienlaurent.discrollview.lib.DiscrollViewContent
        android:id="@+id/discroll_view_content_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/text_view"
            android:layout_width="match_parent"
            android:layout_height="600dp"
            android:background="@android:color/white"
            android:fontFamily="serif"
            android:gravity="center"
            android:padding="25dp"
            android:text="Scroll Down the Screen..."
            android:textColor="@android:color/black"
            android:textSize="68sp"
            tools:visibility="gone" />
        <View
            android:id="@+id/animated_custom_view_color"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            discrollve:discrollve_alpha="true"
            discrollve:discrollve_fromBgColor="#3cac32"
            discrollve:discrollve_threshold="0.3"
            discrollve:discrollve_toBgColor="#0869a6" />
        <ImageView
            android:id="@+id/animated_imageview_images"
            android:layout_width="200dp"
            android:layout_height="120dp"
            android:layout_marginBottom="16dp"
            android:layout_marginTop="16dp"
            android:src="@drawable/ic_launcher"
            discrollve:discrollve_alpha="true"
            discrollve:discrollve_translation="fromLeft|fromBottom" />
        <View
            android:id="@+id/animated_color"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            discrollve:discrollve_fromBgColor="#ac7b32"
            discrollve:discrollve_toBgColor="#7b1d1d" />
        <ImageView
            android:layout_width="220dp"
            android:layout_height="110dp"
            android:layout_gravity="right"
            android:layout_marginBottom="16dp"
            android:layout_marginTop="16dp"
            android:src="@drawable/ic_launcher"
            discrollve:discrollve_translation="fromRight" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fontFamily="serif"
            android:gravity="center"
            android:padding="20dp"
            android:text="Every Things In Programchi.ir"
            android:textSize="18sp"
            discrollve:discrollve_alpha="true"
            discrollve:discrollve_translation="fromBottom" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_gravity="center"
            android:layout_margin="20dp"
            android:layout_marginBottom="16dp"
            android:layout_marginTop="16dp"
            android:src="@drawable/android_logo_icon"
            discrollve:discrollve_scaleX="true"
            discrollve:discrollve_scaleY="true" />
        <View
            android:layout_width="match_parent"
            android:layout_height="100dp"
            discrollve:discrollve_alpha="true"
            discrollve:discrollve_fromBgColor="#3cac32"
            discrollve:discrollve_threshold="0.3"
            discrollve:discrollve_toBgColor="#0869a6" />
    </com.flavienlaurent.discrollview.lib.DiscrollViewContent>
</com.flavienlaurent.discrollview.lib.DiscrollView>

<com.flavienlaurent.discrollview.lib.DiscrollView xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:discrollve="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/android_animated_discroll_view_layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

<com.flavienlaurent.discrollview.lib.DiscrollViewContent

android:id="@+id/discroll_view_content_layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

<TextView

android:id="@+id/text_view"

android:layout_width="match_parent"

android:layout_height="600dp"

android:background="@android:color/white"

android:fontFamily="serif"

android:gravity="center"

android:padding="25dp"

android:text="Scroll Down the Screen..."

android:textColor="@android:color/black"

android:textSize="68sp"

tools:visibility="gone" />

<View

android:id="@+id/animated_custom_view_color"

android:layout_width="match_parent"

android:layout_height="200dp"

discrollve:discrollve_alpha="true"

discrollve:discrollve_fromBgColor="#3cac32"

discrollve:discrollve_threshold="0.3"

discrollve:discrollve_toBgColor="#0869a6" />

<ImageView

android:id="@+id/animated_imageview_images"

android:layout_width="200dp"

android:layout_height="120dp"

android:layout_marginBottom="16dp"

android:layout_marginTop="16dp"

android:src="@drawable/ic_launcher"

discrollve:discrollve_alpha="true"

discrollve:discrollve_translation="fromLeft|fromBottom" />

<View

android:id="@+id/animated_color"

android:layout_width="match_parent"

android:layout_height="200dp"

discrollve:discrollve_fromBgColor="#ac7b32"

discrollve:discrollve_toBgColor="#7b1d1d" />

<ImageView

android:layout_width="220dp"

android:layout_height="110dp"

android:layout_gravity="right"

android:layout_marginBottom="16dp"

android:layout_marginTop="16dp"

android:src="@drawable/ic_launcher"

discrollve:discrollve_translation="fromRight" />

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:fontFamily="serif"

android:gravity="center"

android:padding="20dp"

android:text="Every Things In Programchi.ir"

android:textSize="18sp"

discrollve:discrollve_alpha="true"

discrollve:discrollve_translation="fromBottom" />

<ImageView

android:layout_width="wrap_content"

android:layout_height="200dp"

android:layout_gravity="center"

android:layout_margin="20dp"

android:layout_marginBottom="16dp"

android:layout_marginTop="16dp"

android:src="@drawable/android_logo_icon"

discrollve:discrollve_scaleX="true"

discrollve:discrollve_scaleY="true" />

<View

android:layout_width="match_parent"

android:layout_height="100dp"

discrollve:discrollve_alpha="true"

discrollve:discrollve_fromBgColor="#3cac32"

discrollve:discrollve_threshold="0.3"

discrollve:discrollve_toBgColor="#0869a6" />

</com.flavienlaurent.discrollview.lib.DiscrollViewContent>

</com.flavienlaurent.discrollview.lib.DiscrollView>

کد بالا را تست کنید خودتان به تمامی چیز ها پی میبرید !
و کد مربوط به اکتیویتی ما هم همانند زیر می شود.

package ir.programchi;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
public class AnimatedAndroidTextViewEffect extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.animated_scrolling_android_imageview);
    }
}

package ir.programchi;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

public class AnimatedAndroidTextViewEffect extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.animated_scrolling_android_imageview);

}

می بینید که کار خاصی انجام نشده فقط در بخش layout کارهای مربوطه انجام شده است.
این آموزش هم به پایان رسید.

موفق و موید باشید.

مطالعه بیشتر

آموزش پنهان کردن کردن اجزا هنگام Scroll در برنامه نویسی اندروید

مطالب مشابه

دیدگاهتان را بنویسید لغو پاسخ

مطالب مشابه

دیدگاهتان را بنویسید لغو پاسخ

اشتراک گذاری در شبکه های اجتماعی