آموزش ساخت background متحرک در برنامه نویسی اندروید

امتیاز 1.50 ( 2 رای )

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش ساخت background متحرک در برنامه نویسی اندروید می پردازیم دقیقا بخواهید بدونید چیه ما برای پس زمینه layout خودمان یک سری انیمیشن ایجاد می کنیم که تغییر کنید دقیق تر بخواهیم بگیم یه چیزی شبیه به background صفحه لوگین اینستاگرام می شود در ادامه با ما همراه باشید.
ما سه تا فایل xml داریم که به نام های gradient_1.xml , gradient_2.xml و gradient_3.xml این ها کار اصلی برنامه ما می شود و این اجزا در پوشه drawable باید قرار گیرند
پس فایل اولی یا gradient_1.xml همانند زیر می شود.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="225"
        android:endColor="#044fab"
        android:startColor="#21d6d3" />
</shape>

<?xml version="1.0" encoding="utf-8"?>

<gradient

android:angle="225"

android:endColor="#044fab"

android:startColor="#21d6d3" />

</shape>

فایل دوم ما یا gradient_2.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="45"
        android:endColor="#933c94"
        android:startColor="#517f95" />
</shape>

<?xml version="1.0" encoding="utf-8"?>

<gradient

android:angle="45"

android:endColor="#933c94"

android:startColor="#517f95" />

</shape>

فایل سوم ما یا gradient_3.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="135"
        android:endColor="#43b4ef"
        android:startColor="#d40845" />
</shape>

<?xml version="1.0" encoding="utf-8"?>

<gradient

android:angle="135"

android:endColor="#43b4ef"

android:startColor="#d40845" />

</shape>

کد های بالا یک رینچ رنگ برای ما درست می کنن حالا باید این رینج رنگ ها را با هم ترکیب کنیم برای اینکار یک فایل به نام android_gradient_list.xml در پوشه drawable ایجاد کنید و کد زیر را در آن قرار دهید.

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/gradient_1"
        android:duration="4000" />
    <item
        android:drawable="@drawable/gradient_2"
        android:duration="4000" />
    <item
        android:drawable="@drawable/gradient_3"
        android:duration="4000" />
</animation-list>

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">

<item

android:drawable="@drawable/gradient_1"

android:duration="4000" />

<item

android:drawable="@drawable/gradient_2"

android:duration="4000" />

<item

android:drawable="@drawable/gradient_3"

android:duration="4000" />

</animation-list>

تا اینجا انیمیشن ما ایجاد شده است حالا باید از آن استفاده کنیم حالا هر شئی را که می خواهید این رنگ برای آن تنظیم شود فقط کافی است ویژگی background آن را برابر با android_gradient_list.xml قرار دهید مثل زیر

android:background="@drawable/android_gradient_list"

1	android:background="@drawable/android_gradient_list"

ما یک نمونه دیگر برای شما قرار میدهیم.

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/root_layout"
    android:background="@drawable/android_gradient_list"
    tools:context="com.viralandroid.animatedgradientandroid.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Programchi.ir"
        android:textColor="#ffffff"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

<?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"

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/root_layout"

android:background="@drawable/android_gradient_list"

tools:context="com.viralandroid.animatedgradientandroid.MainActivity">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Programchi.ir"

android:textColor="#ffffff"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

دوستان در بالا از ConstraintLayout آشنایی ندارید می تونید به پست آموزشی آن مراجعه کنید کافی است همین واژه “ConstraintLayout” را در سایت جستجو کنید.
برای تمامی layout ها می توانید از این استفاده کنید برای RelativeLayout و LinerLayout نیز باید ویژگی background را تنظیم کنید.

حالا بخش کد برنامه هم مثل زیر می شود.

package ir.programchi;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.support.constraint.ConstraintLayout;
import android.support.v7.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ConstraintLayout constraintLayout = (ConstraintLayout) findViewById(R.id.root_layout);
        AnimationDrawable animationDrawable = (AnimationDrawable) constraintLayout.getBackground();
        animationDrawable.setEnterFadeDuration(2000);
        animationDrawable.setExitFadeDuration(4000);
        animationDrawable.start();
    }
}

package ir.programchi;

import android.graphics.drawable.AnimationDrawable;

import android.os.Bundle;

import android.support.constraint.ConstraintLayout;

import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ConstraintLayout constraintLayout = (ConstraintLayout) findViewById(R.id.root_layout);

AnimationDrawable animationDrawable = (AnimationDrawable) constraintLayout.getBackground();

animationDrawable.setEnterFadeDuration(2000);

animationDrawable.setExitFadeDuration(4000);

animationDrawable.start();

}

دوستان برای layout های دیگر هم همین به همین شکل است با کمی تغییر.

این آموزش هم به پایان رسید.

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

مطالعه بیشتر

6 پاسخ به “آموزش ساخت background متحرک در برنامه نویسی اندروید”

محسن سرهادی گفت:
آبان 7, 1396 در 1:10 ق.ظ
بسیار عالی بود.
پاسخ
علی گفت:
مهر 2, 1397 در 8:40 ب.ظ
عالی بود فقط ایا راه کاری برای جلو گیری از سفید شدن پیش زمینه هنگام تغییر رنگ ندارید؟؟؟
پاسخ
1. محمد حسین جعفری پور مدیر سایت گفت:
  مهر 5, 1397 در 7:35 ب.ظ
  سلام و درود
  باید رینج رنگ رو تغییر بدید.
  پاسخ
Amirreza گفت:
اسفند 27, 1397 در 9:34 ب.ظ
با سلام جناب برای اینکه پس زمینه طبق رنگ تصویر ست بشه چه تابعی باید استفاده کرد ؟
پاسخ
motahare گفت:
فروردین 26, 1398 در 9:57 ب.ظ
برای انتقال بین دو اکتیویتی اگر بخام ک با اومدن اکتیویتی دوم دوباره از اول طیف رنگ شروع نشه و طیف رنگ همون اکتیویتی اول ادامه داشته باشه باید چیکار کنم؟
پاسخ
:/ گفت:
خرداد 24, 1400 در 11:12 ب.ظ
چرا رنگ ب صورت خودکار تعغیر نمیکنه
پاسخ

آموزش ساخت background متحرک در برنامه نویسی اندروید

مطالب مشابه

6 پاسخ به “آموزش ساخت background متحرک در برنامه نویسی اندروید”

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

مطالب مشابه

6 پاسخ به “آموزش ساخت background متحرک در برنامه نویسی اندروید”

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

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