Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

Android ทำงานกับ Recycler View


มุมมอง Recycler เป็น listview เวอร์ชันขั้นสูงและทำงานตามรูปแบบการออกแบบ View holder การใช้ recyclerview ทำให้เราแสดงเส้นตารางและรายการสิ่งของได้

ตัวอย่างนี้สาธิตวิธีผสานรวม RecyclerView โดยการสร้างแอปบันทึกนักเรียนที่สวยงามซึ่งแสดงชื่อนักเรียนตามอายุ

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

ขั้นตอนที่ 2 − เปิด build.gradle และเพิ่มการพึ่งพาไลบรารีมุมมอง Recycler

<ก่อนหน้า>ใช้ปลั๊กอิน:'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "com.example.andy.tutorialspoint" 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.android.support:design:28.0.0' การใช้งาน 'com.android.support.constraint:constraint-layout:1.1.3' 'com.android.support:recyclerview-v7:28.0.0' การทดสอบการใช้งาน 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner:1.0.2' androidTestImplementation 'com.android.support.test.espresso :espresso-core:3.0.2'}

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

 

ในโค้ดด้านบนนี้ เราได้เพิ่มมุมมอง recycler ให้กับตัวจัดการหน้าต่างเป็นรูปแบบพาเรนต์ที่เกี่ยวข้อง

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

แพ็คเกจ com.example.andy.tutorialspoint;นำเข้า android.annotation.TargetApi;นำเข้า android.os.Build;นำเข้า android.os.Bundle;นำเข้า android.support.design.widget.TabLayout;นำเข้า android.support.v4 .view.ViewPager นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.support.v7.widget.DividerItemDecoration นำเข้า android.support.v7.widget.LinearLayoutManager นำเข้า android.support.v7.widget.RecyclerView นำเข้า android.support.v7.widget.Toolbar; นำเข้า java.util.ArrayList; นำเข้า java.util.List; MainActivity คลาสสาธารณะขยาย AppCompatActivity { RecyclerView recyclerView ส่วนตัว; นักเรียนส่วนตัวAdapter studentAdapter; รายการส่วนตัว studentDataList =new ArrayList<>(); @TargetApi (Build.VERSION_CODES.O) @Override ป้องกัน void onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); recyclerView =findViewById (R.id.recycler_view); studentAdapter=ใหม่ StudentAdapter(studentDataList); RecyclerView.LayoutManager manager=ใหม่ LinearLayoutManager(นี่); recyclerView.setLayoutManager (ผู้จัดการ); recyclerView.addItemDecoration (ใหม่ DividerItemDecoration (นี่คือ LinearLayoutManager.VERTICAL)); recyclerView.setAdapter (studentAdapter); StudentDataPrepare(); } เป็นโมฆะส่วนตัว StudentDataPrepare() { studentData data=new studentData("sai",25); studentDataList.add(ข้อมูล); data=new studentData("sai",25); studentDataList.add(ข้อมูล); data=new studentData("raghu",20); studentDataList.add(ข้อมูล); data=new studentData("raj",28); studentDataList.add(ข้อมูล); data=new studentData("amar",15); studentDataList.add(ข้อมูล); data=new studentData("bapu",19); studentDataList.add(ข้อมูล); data=new studentData("จันทรา",52); studentDataList.add(ข้อมูล); data=new studentData("deraj",30); studentDataList.add(ข้อมูล); data=ข้อมูลนักศึกษาใหม่("eshanth",28); studentDataList.add(ข้อมูล); }}

ในโค้ดข้างต้น เราได้เพิ่มมุมมองผู้รีไซเคิลและ studentAdapter ในอะแดปเตอร์สำหรับนักเรียนนั้น เราได้ส่ง studentDatalist เป็น ArrayList ใน Student รายการข้อมูลประกอบด้วยชื่อของนักเรียนและอายุ

ขั้นตอนที่ 5 − ต่อไปนี้เป็นเนื้อหาของไฟล์ที่แก้ไข src/ StudentAdapter.java

แพ็คเกจ com.example.andy.tutorialspoint;นำเข้า android.support.annotation.NonNull;นำเข้า android.support.v7.widget.RecyclerView;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view .ViewGroup;import android.widget.TextView;import java.util.List;class StudentAdapter ขยาย RecyclerView.Adapter { รายชื่อ studentDataList; StudentAdapter สาธารณะ (รายการ studentDataList) { this.studentDataList=studentDataList; } @NonNull @ แทนที่ MyViewHolder สาธารณะ onCreateViewHolder (@NonNull ViewGroup viewGroup, int i) { ดูรายการView =LayoutInflater.from (viewGroup.getContext ()) .inflate (R.layout.student_list_row, viewGroup, เท็จ); ส่งคืน MyViewHolder ใหม่ (itemView); } @แทนที่โมฆะสาธารณะ onBindViewHolder (MyViewHolder viewHolder, int i) { studentData data=studentDataList.get(i); viewHolder.name.setText(data.name); viewHolder.age.setText(String.valueOf(data.age)); } @Override int สาธารณะ getItemCount () { return studentDataList.size (); } คลาส MyViewHolder ขยาย RecyclerView.ViewHolder { ชื่อ TextView อายุ; MyViewHolder สาธารณะ (ดู itemView) { super (itemView); name=itemView.findViewById(R.id.name); อายุ=itemView.findViewById(R.id.age); } }}

ในคลาสอะแด็ปเตอร์ เรามีสี่วิธีดังแสดงด้านล่าง -

onCreateViewHolder() - ใช้เพื่อสร้างมุมมองที่ยึดและส่งคืนมุมมอง

onBindViewHolder() - มันจะผูกกับเจ้าของมุมมองที่สร้างขึ้น

getItemCount() - มีขนาดของรายการ

คลาส MyViewHolder - เป็นคลาสภายในของ view holder ซึ่งขยายโดย RecyclerView.ViewHolder

ขั้นตอนที่ 6 − ต่อไปนี้เป็นเนื้อหาที่แก้ไขของ xml res/layout/student_list_row.xml

 

ในมุมมองรายการด้านบน เราได้สร้างมุมมองข้อความสองแบบสำหรับชื่อและอายุ

ขั้นตอนที่ 7 − ต่อไปนี้เป็นเนื้อหาของไฟล์ที่แก้ไข src/ studentData.java

แพ็คเกจ com.example.andy.tutorialspoint;class studentData { ชื่อสตริง; อายุภายใน; ข้อมูลนักศึกษาสาธารณะ (ชื่อสตริง อายุ int) { this.name=name; this.age=age; }}

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

Android ทำงานกับ Recycler View

ตอนนี้เลื่อนลง แสดงผลดังภาพด้านล่าง -

Android ทำงานกับ Recycler View