จะใช้ View Stub ใน Android ได้อย่างไร?

ก่อนเข้าสู่ตัวอย่างเราควรรู้ว่า view stub ใน android คืออะไร เป็นมุมมองพองลมขี้เกียจขนาดศูนย์ มันจะพองตัวในขณะใช้งานจริง เมื่อใช้เมธอด inflate() มันจะขยายตอนรันไทม์และผนวกเข้ากับตัวจัดการหน้าต่างหรือกลุ่มมุมมอง ใช้ setVisibility(int) เราสามารถแสดงและซ่อนมุมมองต้นขั้วใน Android ได้

ตัวอย่างนี้สาธิตวิธีใช้ view stub ใน Android

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:id="@+id/layout"
   android:layout_height="match_parent"
   android:orientation="vertical">
   <Button
      android:id="@+id/show"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="show"/>
   <Button
      android:id="@+id/hide"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Hide"/>
   <ViewStub
      android:id="@+id/viewStub"
      android:layout_width="match_parent"
      android:layout="@layout/childlayout"
      android:layout_height="300dip" >
   </ViewStub>
</LinearLayout>

ในโค้ดด้านบนนี้ เราได้สร้างปุ่มสองปุ่มเพื่อแสดงและซ่อน มันจะแสดงและซ่อนเค้าโครงต้นขั้วมุมมองตามความต้องการของเรา ต่อไปเราได้ประกาศต้นขั้วมุมมองและขยายรูปแบบดังที่แสดงด้านล่าง -

android:layout="@layout/childlayout"

ในโค้ดด้านบนแจ้งว่า เราได้ขยายโครงร่างย่อยเพื่อดูต้นขั้ว เมื่อคุณประกาศเค้าโครงย่อยเพื่อดูต้นขั้ว มันจะไม่ขยายโดยอัตโนมัติ เราต้องเรียกวิธีการพองตัวในคลาสกิจกรรม

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

package com.example.andy.myapplication;
import android.annotation.TargetApi;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewStub;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
   @TargetApi(Build.VERSION_CODES.O)
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      final ViewStub viewStub = findViewById(R.id.viewStub);
      viewStub.inflate();
      Button show = findViewById(R.id.show);
      show.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            viewStub.setVisibility(View.VISIBLE);
         }
      });
      Button hide = findViewById(R.id.hide);
      hide.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            viewStub.setVisibility(View.GONE);
         }
      });
}
}

ในโค้ดด้านบน เราได้ประกาศ view stub และ ขยาย view stub ดังที่แสดงด้านล่าง -

final ViewStub viewStub = findViewById(R.id.viewStub);
viewStub.inflate();

คลิกที่ปุ่มแสดงมันจะไปที่ต้นขั้วมุมมองที่มองเห็นได้ ตอนนี้คลิกที่ปุ่มซ่อน มันจะซ่อนต้นขั้วมุมมอง

ขั้นตอนที่ 4 − ไม่จำเป็นต้องเปลี่ยน manifest.xml.

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์ของคุณแล้วคลิก Run Icon จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ

ตอนแรกจะขึ้นแบบนี้ครับ พอคลิกซ่อน ปุ่มจะหายไปดังภาพ -

ตอนนี้คลิกที่ปุ่ม Show มันจะแสดงมุมมองภาพดังที่แสดงด้านล่าง -