Androidでアニメーショングラデーションの背景を作成する方法。

例に入る前に、グラデーションカラーとは何かを知っておく必要があります。ウィキペディアによると、コンピュータグラフィックスでは、カラーグラデーション（カラーランプまたはカラープログレッションと呼ばれることもあります）は、通常は領域を塗りつぶすために使用される、位置に依存する色の範囲を指定します。たとえば、多くのウィンドウマネージャでは、画面の背景をグラデーションとして指定できます。

この例は、Androidでアニメーショングラデーションの背景を作成する方法を示しています。

ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。

ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。

<?xml version = "1.0" encoding = "utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   xmlns:app = "https://schemas.android.com/apk/res-auto"
   xmlns:tools = "https://schemas.android.com/tools"
   android:id = "@+id/constraintLayout"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   android:background = "@drawable/gradient_animation "
   tools:context = ".MainActivity">
   <!-- Your layout here -->
   <TextView
      android:layout_width = "368dp"
      android:layout_height = "520dp"
      android:layout_marginBottom = "8dp"
      android:layout_marginLeft = "8dp"
      android:layout_marginRight = "8dp"
      android:layout_marginTop = "8dp"
      android:gravity = "center"
      android:text = "@string/app_name"
      android:textAlignment = "center"
      android:textColor = "@android:color/background_light"
      android:textSize = "30sp"
      android:textStyle = "bold"
      app:layout_constraintBottom_toBottomOf = "parent"
      app:layout_constraintLeft_toLeftOf = "parent"
      app:layout_constraintRight_toRightOf = "parent"
      app:layout_constraintTop_toTopOf = "parent"
      tools:text = "@string/app_name"/>
</android.support.constraint.ConstraintLayout>

上記のコードでは、drawableにgradient_animationとして背景を追加しました。次に、drawableフォルダーにgradient_animation.xmlを作成し、次のコードを追加します-

<?xml version = "1.0" encoding = "utf-8"?>
<animation-list xmlns:android = "https://schemas.android.com/apk/res/android">
   <item
      android:drawable = "@drawable/drawable_purple_gradient"
      android:duration = "3000" />
   <item
      android:drawable = "@drawable/drawable_amber_gradient"
      android:duration = "3000" />
   <item
      android:drawable = "@drawable/drawable_green_gradient"
      android:duration = "3000" />
   <item
      android:drawable = "@drawable/drawable_red_gradient"
      android:duration = "3000" />
</animation-list>

上記のアニメーションリストでは、4つの子ドローアブルを追加し、アニメーションビューごとに期間を追加しました。タイムアウトすると、背景が変更されます。 drawable_purple_gradientに紫色の背景が含まれているため、drawableフォルダーにdrawable_purple_gradient.xmlというファイルを作成し、次のコードを追加します-

<?xml version = "1.0" encoding = "utf-8"?>
<shape xmlns:android = "https://schemas.android.com/apk/res/android">
   <gradient
      android:angle = "90"
      android:endColor = "#D500F9"
      android:startColor = "#4A148C" />
</shape>

上記の手順に従って、Drawableフォルダーにdrawable_amber_gradient.xml、drawable_green_gradient.xml、drawable_red_gradient.xmlを作成し、以下に示すように次のコードを追加します-

drawable_amber_gradient.xml-

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

drawable_green_gradient.xml-

<?xml version = "1.0" encoding = "utf-8"?>
<shape xmlns:android = "https://schemas.android.com/apk/res/android">
   <gradient
      android:angle = "0"
      android:endColor = "#00E676"
      android:startColor = "#1B5E20"/>
</shape>

drawable_red_gradient.xml-

<?xml version = "1.0" encoding = "utf-8"?>
<shape xmlns:android = "https://schemas.android.com/apk/res/android">
   <gradient
      android:angle = "45"
      android:endColor = "#FF1744"
      android:startColor = "#B71C1C" />
</shape>

ステップ3 −次のコードをsrc/MainActivity.javaに追加します-

package com.example.andy.myapplication;

import android.graphics.drawable.AnimationDrawable;
import android.support.constraint.ConstraintLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {
   private ConstraintLayout constraintLayout;
   private AnimationDrawable animationDrawable;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      constraintLayout = (ConstraintLayout) findViewById(R.id.constraintLayout);
      animationDrawable = (AnimationDrawable) constraintLayout.getBackground();
      animationDrawable.setEnterFadeDuration(3000);
      animationDrawable.setExitFadeDuration(2000);
   }
   @Override
   protected void onResume() {
      super.onResume();
      if (animationDrawable ! = null && !animationDrawable.isRunning()) {
         animationDrawable.start();
      }
   }
   @Override
   protected void onPause() {
      super.onPause();
      if (animationDrawable ! = null && animationDrawable.isRunning()) {
         animationDrawable.stop();
      }
   }
}

アプリケーションを実行してみましょう。実際のAndroidモバイルデバイスをコンピューターに接続していると思います。 android studioからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行]アイコンをクリックします。オプションとしてモバイルデバイスを選択し、デフォルトの画面を表示するモバイルデバイスを確認します-

上記のように、3秒ごとに結果が出ます。背景色が変わります。