Middle
ItemDecoration эмне жана ал Androidда кантип колдонулат?
sobes.tech AI
AIден жооп
ItemDecoration RecyclerView үчүн бөлөк элементтердин тегерегинде же бүт RecyclerView тактасында сүрөт тартуу үчүн колдонулат.
Негизги функциялары:
- Элементтердин ортосунда бөлгүчтөрдү ( сызыктар, аралыктар) тартуу.
- Элементтер үчүн фон же чийкичтерди тартуу.
- Элементтердин айланасында (padding) аралыктарды кошуу эч кандай элементтин түзүлүш параметрлерин өзгөртпөстөн.
Кандай колдонуу керек:
RecyclerView.ItemDecorationмурас алган класс түзүңүз.- Керектүү методдорду кайра аныктаңыз:
onDraw(Canvas c, RecyclerView parent, RecyclerView.State state): элементтердин төмөн сүрөт тартуу үчүн.onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state): элементтердин жогорку сүрөт тартуу үчүн.getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state): элементтин чегинен аралыктарды кошуу үчүн.
ItemDecorationклассынын экземплярин түзүңүз.- Аны
RecyclerViewкаaddItemDecoration(ItemDecoration decoration)аркылуу кошуңуз.
Мисал үчүн getItemOffsets колдонуу:
class SpaceItemDecoration(private val spaceHeight: Int) : RecyclerView.ItemDecoration() {
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
with(outRect) {
if (parent.getChildAdapterPosition(view) == 0) {
top = spaceHeight // Жогорку аралыктар биринчи элемент үчүн гана
}
left = spaceHeight
right = spaceHeight
bottom = spaceHeight
}
}
}
// RecyclerView түзүлүп жаткан код:
// val recyclerView = findViewById<RecyclerView>(R.id.my_recycler_view)
// recyclerView.addItemDecoration(SpaceItemDecoration(resources.getDimensionPixelSize(R.dimen.item_space)))
onDraw колдонуу менен бөлгүч тартуу:
class DividerItemDecoration(private val dividerHeight: Int, private val dividerColor: Int) : RecyclerView.ItemDecoration() {
private val paint = Paint().apply {
color = dividerColor
style = Paint.Style.FILL
}
override fun onDraw(canvas: Canvas, parent: RecyclerView, state: RecyclerView.State) {
val left = parent.paddingLeft
val right = parent.width - parent.paddingRight
for (i in 0 until parent.childCount - 1) { // кийинкиден кийинки элементке чейин
val child = parent.getChildAt(i)
val top = child.bottom
val bottom = top + dividerHeight
canvas.drawRect(left.toFloat(), top.toFloat(), right.toFloat(), bottom.toFloat(), paint)
}
}
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
// бөлгүч үчүн орун кошуу, эгер ал акыркы эмес болсо
if (parent.getChildAdapterPosition(view) != parent.adapter?.itemCount?.minus(1)) {
outRect.bottom = dividerHeight
}
}
}
// RecyclerView түзүлүп жаткан код:
// val recyclerView = findViewById<RecyclerView>(R.id.my_recycler_view)
// recyclerView.addItemDecoration(DividerItemDecoration(resources.getDimensionPixelSize(R.dimen.divider_height), ContextCompat.getColor(this, R.color.divider_color)))
Маанилүү, ItemDecoration элементтердин өлчөмдөрүн же жайгашуусун өзгөртпөйт, ал гана алардын сүрөттөлүшүнө жана айланасына таасир этет.