ก่อนที่จะเข้าสู่เลย์เอาต์ของซีเควนซ์ของ Android เราควรรู้ว่าเลย์เอาต์ของซีเควนซ์ใน Android คืออะไร เค้าโครงลำดับประกอบด้วยลำดับขั้นตอนพร้อมแถบความคืบหน้า ตามลำดับ จะเป็นไปตามแถบความคืบหน้าแบบเคลื่อนไหว
ตัวอย่างนี้สาธิตวิธีใช้เค้าโครงลำดับของ Android
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เปิด build.gradle(แอพ) และเพิ่มการพึ่งพาไลบรารีที่รองรับการออกแบบ
<ก่อนหน้า>ใช้ปลั๊กอิน:'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 { รีลีส { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } การพึ่งพา { การนำไปใช้ fileTree (dir:'libs' รวมถึง:['*.jar'] ) การใช้งาน 'com.android.support:appcompat-v7:28.0.0' การใช้งาน 'com.google.code.gson:gson:2.8.5' การใช้งาน 'com.android.support.constraint:constraint-layout:1.1.3 ' การทดสอบการใช้งาน 'junit:junit:4.12' การใช้งาน '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(โครงการ) และเพิ่มการพึ่งพาไลบรารีที่รองรับการออกแบบ
// ไฟล์บิลด์ระดับบนสุดที่คุณสามารถเพิ่มตัวเลือกการกำหนดค่าทั่วไปสำหรับโปรเจ็กต์ย่อย/โมดูลทั้งหมดได้
buildscript { ที่เก็บข้อมูล { google () jcenter () } การพึ่งพา { classpath 'com.android.tools.build:gradle:3.2.1' // หมายเหตุ:อย่าวางการพึ่งพาแอปพลิเคชันของคุณที่นี่ พวกเขาอยู่ใน // ในแต่ละโมดูล build.gradle ไฟล์ }} ทุกโครงการ { ที่เก็บ { google () jcenter () maven { url "https://jitpack.io" } }} งานสะอาด (ประเภท:ลบ) { ลบ rootProject buildDir} ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
ในข้างต้น เราได้ประกาศเลย์เอาต์ของซีเควนซ์เป็นเลย์เอาต์หลักและเพิ่มขั้นตอนของซีเควนซ์เป็นแต่ละขั้นตอน แต่ละขั้นตอนจะติดต่อกับมุมมองสมอ ชื่อเรื่อง และคำบรรยาย
ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
แพ็คเกจ 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; MainActivity คลาสสาธารณะขยาย AppCompatActivity ใช้ View.OnClickListener { SequenceStep sequenceStep,sequenceStep2,sequenceStep3; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); sequenceStep=findViewById(R.id.first); SequenceStep2=findViewById(R.id.วินาที); sequenceStep3=findViewById(R.id.third); ลำดับขั้นตอนที่2.setActive(จริง); SequenceStep.setOnClickListener(นี้); ลำดับขั้นตอนที่2.setOnClickListener(นี้); SequenceStep3.setOnClickListener(นี้); } @แทนที่โมฆะสาธารณะ onClick (ดู v) { สวิตช์ (v.getId ()) { กรณี R.id.first:Toast.makeText (MainActivity.this,"นี่คือขั้นตอนแรก",Toast.LENGTH_LONG).show(); หยุดพัก; กรณี R.id.second:Toast.makeText(MainActivity.this,"This is Second step",Toast.LENGTH_LONG).show(); หยุดพัก; กรณี R.id.third:Toast.makeText(MainActivity.this,"This is Third step",Toast.LENGTH_LONG).show(); หยุดพัก; } }} ในโค้ดด้านบนนี้ เราได้ประกาศขั้นตอนของลำดับและให้ไว้ใน Click Listener หากต้องการใช้งานขั้นตอนให้ใช้รหัสต่อไปนี้
sequenceStep2.setActive(true);
ในโค้ดด้านบนนี้ เราได้ประกาศว่าลำดับที่ 2 ทำงานอยู่ หมายถึงแถบความคืบหน้าจะแสดงจนถึงขั้นตอนที่ 2
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการเรียกใช้แอปจากสตูดิโอ Android ให้เปิดไฟล์กิจกรรมของโครงการและคลิกไอคอนเรียกใช้จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
ในตัวอย่างข้างต้น ตามที่เราได้ประกาศโหมดแอ็คทีฟ ระบบจะแสดงแถบความคืบหน้า
