效果图

主要代码

class FlowerAdapter(private val context: Context, flowerData: ArrayList) : BaseAdapter() {

private var mFlowerData = ArrayList()

private val mInflaterCatalogListItems: LayoutInflater

init {

mFlowerData = flowerData

mInflaterCatalogListItems =

context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater

}

override fun getCount(): Int {

return mFlowerData.size

}

override fun getItem(position: Int): Any {

return mFlowerData[position]

}

override fun getItemId(position: Int): Long {

return position.toLong()

}

override fun getView(position: Int, _convertView: View?, parent: ViewGroup): View {

var convertView: View

val holder: ViewHolder

if (_convertView == null) {

holder = ViewHolder()

convertView = mInflaterCatalogListItems.inflate(

R.layout.adapter_flower,

null

)

holder.nameTv =

convertView.findViewById(R.id.textView) as TextView

holder.imageView =

convertView.findViewById(R.id.photoView) as ImageView

convertView.tag = holder

} else {

convertView = _convertView

holder = convertView.tag as ViewHolder

}

if (mFlowerData[position] != null) {

holder.nameTv?.text = mFlowerData[position].flowerName

holder.imageView?.setImageResource(mFlowerData[position].imagePath)

}

return convertView

}

private class ViewHolder {

var nameTv: TextView? = null

var imageView: ImageView? = null

}

}

class Flower {

var flowerName: String? = null

var imagePath = 0

}

class FlowerActivity : AppCompatActivity() {

var dataList = ArrayList()

public override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_flower)

dataList = prepareDataList()

val gridView = findViewById(R.id.gridView) as GridView

val flowerAdapter = FlowerAdapter(this, dataList)

gridView.adapter = flowerAdapter

gridView.setOnItemClickListener { _, _, position, _ -> toast(dataList[position].flowerName!!) }

}

private fun toast(text: String) = Toast.makeText(this, text, Toast.LENGTH_SHORT).show()

private fun prepareDataList(): ArrayList {

val flowerData = ArrayList()

//1st Item

var flower = Flower()

flower.flowerName = "Alyssum"

flower.imagePath = R.drawable.image1

flowerData.add(flower)

//2nd Item

flower = Flower()

flower.flowerName = "Daisy"

flower.imagePath = R.drawable.image2

flowerData.add(flower)

//3rd Item

flower = Flower()

flower.flowerName = "Jasmine"

flower.imagePath = R.drawable.image3

flowerData.add(flower)

//4th Item

flower = Flower()

flower.flowerName = "Lily"

flower.imagePath = R.drawable.image1

flowerData.add(flower)

//5th Item

flower = Flower()

flower.flowerName = "Poppy"

flower.imagePath = R.drawable.image2

flowerData.add(flower)

//6th Item

flower = Flower()

flower.flowerName = "Rose"

flower.imagePath = R.drawable.image3

flowerData.add(flower)

return flowerData

}

}

完整源代码