最近遇到一個(gè)項(xiàng)目抬闷，學(xué)習(xí)淘寶首頁(yè)的做法缸逃，做一個(gè)標(biāo)簽頁(yè)面壶运，看了下樣式 耐齐，其實(shí)就是有一個(gè)橫向的recyclerView，實(shí)現(xiàn)方式很多蒋情，用recyclerview實(shí)現(xiàn)感覺(jué)擴(kuò)展性相對(duì)比較好埠况，記錄下吧，發(fā)現(xiàn)忘的快棵癣。
先看下效果圖
image.png
1辕翰、adapter的布局文件
item_test.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ImageView
android:id="@+id/img"
android:layout_width="44dp"
android:layout_height="44dp"
android:src="@mipmap/ic_launcher"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
<TextView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
app:layout_constraintTop_toBottomOf="@+id/img"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
1、首先創(chuàng)建一個(gè)普通的adapter狈谊，別人框架也一樣的喜命，基本都是沒(méi)毛病會(huì)暴露方法給外部使用
myadapter.xml
package com.hh.myrv
import android.app.Activity
import android.content.Context
import android.util.DisplayMetrics
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
class MyAdapter(var data: List<String>) : RecyclerView.Adapter<MyAdapter.MyHolder>() {
class MyHolder(item: View): RecyclerView.ViewHolder(item) {
var img: ImageView? = null
var tx: TextView? = null;
init {
img = item.findViewById(R.id.img)
tx = item.findViewById(R.id.test)
}
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyHolder {
var view = LayoutInflater.from(parent.context).inflate(R.layout.item_test, parent, false)
//在這里動(dòng)態(tài)的設(shè)置每個(gè) item的寬度根據(jù)屏幕的大小來(lái)劃分
view.layoutParams.width = getScreenWidth(parent.context) / 5
return MyHolder(view)
}
override fun getItemCount(): Int {
return data.size
}
override fun onBindViewHolder(holder: MyHolder, position: Int) {
holder.tx?.setText(data.get(position))
}
fun getScreenWidth(context: Context): Int{
val outMetrics = DisplayMetrics()
(context as Activity).windowManager.getDefaultDisplay().getMetrics(outMetrics)
return outMetrics.widthPixels
}
}
以上代碼注釋部分就是關(guān)鍵部分。
3河劝、調(diào)用rv部分
MainActivity.kt
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
var list = ArrayList<String>()
for(i in 0..10){
list.add("數(shù)據(jù)"+i)
}
var adapter = MyAdapter(list)
var ma = GridLayoutManager(this, 2)
ma.orientation = GridLayoutManager.HORIZONTAL
recyycler.layoutManager = ma
recyycler.adapter = adapter
}
}
記錄下實(shí)現(xiàn)方式吧壁榕，其他方式也可以實(shí)現(xiàn)，看自己業(yè)務(wù)部分來(lái)實(shí)現(xiàn)吧赎瞎。
