จะใช้ Constraint Layout กับ recyclerview ได้อย่างไร?

ตัวอย่างนี้สาธิตเกี่ยวกับวิธีการใช้เค้าโครงข้อจำกัดด้วย recyclerview

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

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

ในโค้ดด้านบนนี้ เราได้นำเลย์เอาต์ของแถบแอปและมุมมองผู้รีไซเคิลมาใช้แล้ว

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

นำเข้า android.annotation.TargetApi;import android.app.Activity;import android.content.Intent;import android.content.SharedPreferences;import android .net.Uri;นำเข้า android.os.Build;นำเข้า android.os.Bundle;นำเข้า android.support.v4.content.pm.ShortcutInfoCompat;นำเข้า android.support.v4.content.pm.ShortcutManagerCompat;นำเข้า android.support v4.graphics.drawable.IconCompat นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.support.v7.widget.DefaultItemAnimator นำเข้า android.support.v7.widget.DividerItemDecoration นำเข้า android.support.v7.widget LinearLayoutManager นำเข้า android.support.v7.widget.RecyclerView นำเข้า android.view.View นำเข้า android.widget.TextView นำเข้า android.widget.Toast นำเข้า android.support.v7.widget.Toolbar นำเข้า java.util ArrayList; MainActivity คลาสสาธารณะขยาย AppCompatActivity { RecyclerView recyclerView ส่วนตัว; customAdapter ส่วนตัว mAdapter; ข้อความ TextView; ArrayList list =ใหม่ ArrayList<>(); @TargetApi (Build.VERSION_CODES.LOLLIPOP) @ แทนที่โมฆะสาธารณะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); แถบเครื่องมือแถบเครื่องมือ =(android.support.v7.widget.Toolbar)findViewById(R.id.appbarlayout_tool_bar); toolbar.setTitle("นี่คือแถบเครื่องมือ"); setSupportActionBar (แถบเครื่องมือ); recyclerView =(RecyclerView) findViewById (R.id.recycler_view); RecyclerView.LayoutManager mLayoutManager =ใหม่ LinearLayoutManager (getApplicationContext ()); recyclerView.setLayoutManager (mLayoutManager); recyclerView.setItemAnimator (DefaultItemAnimator ใหม่ ()); mAdapter =customAdapter ใหม่ (นี่ รายการ); recyclerView.setAdapter (mAdapter); recyclerView.addItemDecoration (ใหม่ DividerItemDecoration (recyclerView.getContext (), DividerItemDecoration.VERTICAL)); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); list.add("กฤษณะ"); list.add("ปราด"); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); list.add("saramm"); list.add("กฤษณะ"); list.add("ปราด"); }}

ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน Manifest.xml

        <หมวดหมู่ android:name ="android.intent.category.LAUNCHER" />

ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน customAdapter.java

<รุ่นก่อนหน้า>นำเข้า android.content.Context;นำเข้า android.support.annotation.NonNull;นำเข้า android.support.v7.widget.RecyclerView;นำเข้า android view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup;นำเข้า android.widget.TextView;นำเข้า java.util.ArrayList;คลาสสาธารณะ customAdapter ขยาย RecyclerView.Adapter {บริบทบริบท; ArrayList รายการ; MyViewHolder คลาสสาธารณะขยาย RecyclerView.ViewHolder { ชื่อ TextView สาธารณะ; MyViewHolder สาธารณะ (ดูมุมมอง) { super (ดู); ชื่อเรื่อง =(TextView) view.findViewById(R.id.title); } } สาธารณะ customAdapter (บริบทบริบท รายการ ArrayList) { this.context =บริบท; this.list =รายการ; } @NonNull @Override สาธารณะ MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) { ดูรายการView =LayoutInflater.from (viewGroup.getContext ()).inflate (R.layout.list_row, viewGroup, false); ส่งคืน MyViewHolder ใหม่ (itemView); } @แทนที่โมฆะสาธารณะ onBindViewHolder(@NonNull MyViewHolder myViewHolder, int i) { myViewHolder.title.setText(list.get(i)); } @Override int สาธารณะ getItemCount () { return list.size (); }}

ขั้นตอนที่ 6 − เพิ่มรหัสต่อไปนี้ใน list_row.xml

  "@+id/title" android:layout_width ="match_parent" android:layout_height ="wrap_content" android:layout _marginTop ="35dp" android:gravity ="center" android:textSize ="30sp" app:layout_constraintTop_toBottomOf ="@+id/imageView2" tools:layout_editor_absoluteX ="0dp" /> Layout 
 มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ –