Android 시퀀스 레이아웃을 사용하는 방법은 무엇입니까?

Android 시퀀스 레이아웃에 대해 알아보기 전에 Android에서 시퀀스 레이아웃이 무엇인지 알아야 합니다. 시퀀스 레이아웃에는 진행률 표시줄이 있는 일련의 단계가 포함됩니다. 순서에 따라 애니메이션 진행률 표시줄을 따릅니다.

이 예제는 Android 시퀀스 레이아웃을 사용하는 방법을 보여줍니다.

1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

2단계 − build.gradle(app)을 열고 디자인 지원 라이브러리 종속성을 추가합니다.

apply plugin: 'com.android.application'
android {
   compileSdkVersion 28
   defaultConfig {
      applicationId "com.example.andy.myapplication"
      minSdkVersion 19
      targetSdkVersion 28
      versionCode 1
      versionName "1.0"
      testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
   }
   buildTypes {
      release {
         minifyEnabled false
         proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
      }
   }
}
dependencies {
   implementation fileTree(dir: 'libs', include: ['*.jar'])
   implementation 'com.android.support:appcompat-v7:28.0.0'
   implementation 'com.google.code.gson:gson:2.8.5'
   implementation 'com.android.support.constraint:constraint-layout:1.1.3'
   testImplementation 'junit:junit:4.12'
   implementation 'com.github.transferwise:sequence-layout:1.0.7'
   androidTestImplementation 'com.android.support.test:runner:1.0.2'
   androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

3단계 − build.gradle(project)를 열고 디자인 지원 라이브러리 종속성을 추가합니다.

// 모든 하위 프로젝트/모듈에 공통적인 구성 옵션을 추가할 수 있는 최상위 빌드 파일입니다.

buildscript {
   repositories {
      google()
      jcenter()
   }
   dependencies {
      classpath 'com.android.tools.build:gradle:3.2.1'
      // NOTE: Do not place your application dependencies here; they belong
      // in the individual module build.gradle files
   }
}
allprojects {
   repositories {
      google()
      jcenter()
      maven { url "https://jitpack.io" }
   }
}
task clean(type: Delete) {
   delete rootProject.buildDir
}

4단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<com.transferwise.sequencelayout.SequenceLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto">
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/first"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
      app:anchor="30 Nov"
      app:title="First step"/>
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/second"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
      app:title="Second step"/>
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/third"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:anchor="Today"
      app:title="Third step"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s" />
</com.transferwise.sequencelayout.SequenceLayout>

위에서 시퀀스 레이아웃을 부모 레이아웃으로 선언하고 시퀀스 단계를 개별 단계로 추가했습니다. 각 단계는 앵커 보기, 제목 및 자막에 연결됩니다.

5단계 − src/MainActivity.java

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;
import com.transferwise.sequencelayout.SequenceStep;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
   SequenceStep sequenceStep,sequenceStep2,sequenceStep3;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      sequenceStep=findViewById(R.id.first);
      sequenceStep2=findViewById(R.id.second);
      sequenceStep3=findViewById(R.id.third);
      sequenceStep2.setActive(true);
      sequenceStep.setOnClickListener(this);
      sequenceStep2.setOnClickListener(this);
      sequenceStep3.setOnClickListener(this);
   }
   @Override
   public void onClick(View v) {
      switch (v.getId()) {
         case R.id.first:
            Toast.makeText(MainActivity.this,"This is first step",Toast.LENGTH_LONG).show();
            break;
         case R.id.second:
            Toast.makeText(MainActivity.this,"This is second step",Toast.LENGTH_LONG).show();
            break;
         case R.id.third:
            Toast.makeText(MainActivity.this,"This is Third step",Toast.LENGTH_LONG).show();
            break;
      }
   }
}

위의 코드에서 시퀀스 단계를 선언하고 Click Listener에 제공했습니다. 단계를 활성화하려면 다음 코드를 사용하십시오.

sequenceStep2.setActive(true);

위의 코드에서 우리는 sequence2가 활성이라고 선언했습니다. 즉, 시퀀스 단계 2까지 진행률 표시줄이 표시됩니다.

응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 도구 모음에서 실행 아이콘을 클릭합니다. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오 -

위의 예에서는 활성 모드를 선언했기 때문에 진행률 표시줄이 표시되었습니다.