home

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

วิธีสร้าง GridView Layout ในแอพ Android โดยใช้ Kotlin

ตัวอย่างนี้สาธิตวิธีสร้าง GridView Layout ในแอป Android โดยใช้ Kotlin

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

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

ตัวอย่าง

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

<ก่อนหน้า>นำเข้า android.os.Bundleimport android.widget.AdapterView.OnItemClickListenerimport android.widget.GridViewimport android.widget.Toastimport androidx.appcompat.app.AppCompatActivityclass MainActivity :AppCompatActivity () { lateinit var gridView:GridView อาร์เรย์ส่วนตัวของผู้เล่น var "Cristiano Ronaldo", "Joao Felix", "Bernado Silva", "Andre Silve", "Bruno Fernandez", "William Carvalho", "Nelson Semedo", "Pepe", "Rui Patricio") ส่วนตัว var playerImages =intArrayOf( R.drawable.ronaldo, R.drawable.felix, R.drawable.bernado, R.drawable.andre, R.drawable.bruno, R.drawable.carvalho, R.drawable.semido, R.drawable.pepe, R. drawable.patricio) แทนที่ความสนุกบน Create (savedInstanceState:Bundle?) { super.onCreate (savedInstanceState) setContentView (R.layout.activity_main) title ="KotlinApp" gridView =findViewById (R.id.gridView) val mainAdapter =MainAdapter (นี้@ กิจกรรมหลัก ชื่อผู้เล่น ผู้เล่นรูปภาพ) gridView.adapter =mainAdapter gri dView.onItemClickListener =OnItemClickListener { _, _, position, _ -> Toast.makeText(applicationContext, "You Clicked " + playerNames[+position], Toast.LENGTH_SHORT).show() } }}

ขั้นตอนที่ 4 − สร้างคลาส Kotlin (MyAdapter.kt) และเพิ่มรหัสต่อไปนี้

นำเข้า android.content.Contextimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport android.widget.BaseAdapterimport android.widget.ImageViewimport android.widget.TextViewinternal คลาส MainAdapter (บริบท val ส่วนตัว:บริบท val ส่วนตัว NumberInWords:Array , val ส่วนตัว numberImage:IntArray) :BaseAdapter () { ส่วนตัว var layoutInflater:LayoutInflater? =null ส่วนตัว lateinit var imageView:ImageView ส่วนตัว lateinit var textView:TextView แทนที่ fun getCount ():Int { return numbersInWords.size } แทนที่ fun getItem (ตำแหน่ง:Int):ใด? { return null } แทนที่ fun getItemId(ตำแหน่ง:Int):Long { return 0 } แทนที่ fun getView (ตำแหน่ง:Int, convertView:View?, parent:ViewGroup ):View? { var convertView =convertView ถ้า (layoutInflater ==null) { layoutInflater =context.getSystemService (Context.LAYOUT_INFLATER_SERVICE) เป็น LayoutInflater } ถ้า (convertView ==null) { convertView =layoutInflater!!.inflate (R.layout.rowitem, null) } imageView =convertView!!.findViewById(R.id.imageView) textView =convertView.findViewById(R.id.textView) imageView.setImageResource(numberImage[ตำแหน่ง]) textView.text =numbersInWords[ตำแหน่ง] ส่งคืน convertView }} 

 ขั้นตอนที่ 5 − สร้างไฟล์ทรัพยากรเลย์เอาต์ (row_item.xml) และเพิ่มรหัสต่อไปนี้ -
 
 

 ขั้นตอนที่ 6 − เพิ่มรหัสต่อไปนี้ใน androidManifest.xml
 
     <หมวดหมู่ android:name=" android.intent.category.LAUNCHER" />   
 

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

 วิธีสร้าง GridView Layout ในแอพ Android โดยใช้ Kotlin 
 

 
 
 

 วิธีสร้าง GridView Layout ในแอพ Android โดยใช้ Kotlin