RecyclerView横向滚动并优化UI

一时失言乱红尘 2022-05-28 09:43 193阅读 0赞

有时候需要横向滚动的列表,带给用户更佳的UI效果.比如下面这种:  
![81149690.jpg][]

这个时候我们在展示第一个item的同时也需要展示第二个item,那么可以看到  
图中第二个item只展示了一点点头.其实就是动态设置每个item的宽度和padding

具体代码看下面

class HotSortCommonAdapter(sortDataList: MutableList<HotSortBean.Item>?) : BaseQuickAdapter<HotSortBean.Item, BaseViewHolder>(R.layout.video_item_home_video_card, sortDataList) { override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): BaseViewHolder? { val baseViewHolder = super.onCreateViewHolder(parent, viewType) baseViewHolder?.itemView?.let { val layoutParams = it.layoutParams as RecyclerView.LayoutParams //item宽度设置窄一点(稍微比屏幕宽度窄一点,这样用户才知道那里是可以进行左右滑动的) layoutParams.width = DevicesUtils.devicesSize.widthPixels - DensityUtil.dip2px(it.context, 20f) //设置paddingEnd 为5dp it.setPadding(0, 0, DensityUtil.dip2px(it.context, 5f), 0) it.layoutParams = layoutParams } return baseViewHolder } override fun convert(holder: BaseViewHolder, item: HotSortBean.Item?) { //... } }

[81149690.jpg]: http://olg7c0d2n.bkt.clouddn.com/18-3-12/81149690.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 css横向滚动列表

![在这里插入图片描述][20200413164239281.gif_pic_center] <ul class="video_list"> <li>

朱雀/ 2023年07月25日 08:45/ 0 赞/ 169 阅读

相关 uniapp横向滚动

<template> <view> <scroll-view scroll-x="true" calss="scroll_view">

落日映苍穹つ/ 2023年01月11日 09:12/ 0 赞/ 259 阅读

相关公告栏横向滚动

<div class="gonggao"> <i class="icon iconfont icon-laba"></i> <marquee scr

偏执的太偏执、/ 2022年12月27日 12:51/ 0 赞/ 226 阅读

相关 jQ广告横向滚动

{ box-sizing: border-box; } .gunDong{ background-color: F4F4F

以你之姓@/ 2022年11月13日 04:20/ 0 赞/ 188 阅读

相关移动端横向滚动

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8">

朱雀/ 2022年10月02日 14:55/ 0 赞/ 200 阅读

相关 Android 横向列表GridView 实现横向滚动

[Android 横向列表GridView 实现横向滚动][Android _GridView] Android 横向列表实现，可左右滑动，如下图 ![05171621

浅浅的花香味﹌/ 2022年06月18日 02:15/ 0 赞/ 437 阅读

相关 RecyclerView实现横向滚动

Fruit Class public class Fruit { private int fruitImageId; //图片的ID

矫情吗；*/ 2022年06月17日 09:48/ 0 赞/ 209 阅读

相关 RecyclerView实现横向滚动

Fruit Class public class Fruit { private int fruitImageId; //图片的ID

绝地灬酷狼/ 2022年06月11日 00:44/ 0 赞/ 309 阅读

相关 RecyclerView横向滚动并优化UI

有时候需要横向滚动的列表,带给用户更佳的UI效果.比如下面这种: ![81149690.jpg][] 这个时候我们在展示第一个item的同时也需要展示第二个item,那么

一时失言乱红尘/ 2022年05月28日 09:43/ 0 赞/ 194 阅读

相关实现横向滚动并宽度不固定

摘要 > 前不久碰到一个需求，在宽度不固定下实现横线滚动，这里我用css来写，记录下来，供以后借鉴。有时会忘记原理子元素的宽度大于父元素是，会出现滚动 overf

一时失言乱红尘/ 2022年03月12日 07:56/ 0 赞/ 336 阅读