- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
基本上我有 2 个列表,1 到 10,我想在 recyclerview 中一个一个地显示它们,像这样:
1 1
2 2
3 3
. .
. .
10 10
我尝试过的是有 2 列的 GridLayoutManager,但我得到的是:
您可以看到它从左到右填充网格,但我希望它从上到下填充,当它到达新列表时,将其显示在第 2 列。
有什么建议吗?
我正在使用 recyclerviewMergeAdapter因为我认为这是一个好方法。如果在这种情况下有更好的解决方案,请告诉我。
private final PolazakAdapterRv adapter1;
private final PolazakAdapterRv adapter2;
private final RecyclerViewMergeAdapter mergeAdapter;
@BindView(R.id.recyclerViewWorkDays)
RecyclerView recyclerView;
public DaysFragmentView(Context context) {
super(context);
inflate(getContext(), R.layout.fragment_work_days, this);
ButterKnife.bind(this);
mergeAdapter = new RecyclerViewMergeAdapter();
adapter1 = new PolazakAdapterRv(getContext());
adapter2 = new PolazakAdapterRv(getContext());
mergeAdapter.addAdapter(adapter1);
mergeAdapter.addAdapter(adapter2);
recyclerView.setAdapter(mergeAdapter);
GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(), 2);
recyclerView.setLayoutManager(gridLayoutManager);
}
public void setRecyclerViewAdapter(List<Integer>[] lists) {
List<Integer> list1 = lists[0];
List<Integer> list2 = lists[1];
adapter1.setMap(list1);
adapter2.setMap(list2);
mergeAdapter.notifyDataSetChanged();
Timber.d("RecyclerView updated!");
}
PolazakAdapterRv:
public class PolazakAdapterRv extends RecyclerView.Adapter<PolazakHolder> {
private final Context context;
private List<Integer> list;
public PolazakAdapterRv(Context context) {
this.context = context;
this.list = new ArrayList<>();
}
public void setMap(List<Integer> list) {
this.list = list;
}
@Override
public PolazakHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context)
.inflate(R.layout.rv_polazak, parent, false);
return new PolazakHolder(view);
}
@Override
public void onBindViewHolder(PolazakHolder holder, int position) {
holder.textViewPolazakHour.setText(list.get(position).toString());
}
@Override
public int getItemCount() {
return list.size();
}
最佳答案
您只需要一个具有两种 View 类型的适配器和一个用于索引正确内容的简单逻辑。示例代码:
public class PolazakAdapterRv extends RecyclerView.Adapter<PolazakHolder> {
private final Context context;
private List<Integer> list1;
private List<Integer> list2;
public PolazakAdapterRv(Context context) {
this.context = context;
}
public void setList1(List<Integer> list) {
this.list1 = list;
}
public void setList2(List<Integer> list) {
this.list2 = list;
}
@Override
public PolazakHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context)
.inflate(R.layout.rv_polazak, parent, false);
return new PolazakHolder(view);
}
@Override
public void onBindViewHolder(PolazakHolder holder, int position) {
int index = position / 2; // assumes there are two lists of equal lengths
int viewType = getItemViewType(position);
if (viewType == TYPE_1) {
holder.textViewPolazakHour
.setText(list1.get(index).toString());
}
else if (viewType == TYPE_2) {
holder.textViewPolazakHour
.setText(list2.get(index).toString());
}
}
@Override
public int getItemCount() {
return list1.size() + list2.size();
}
@Override
public int getItemViewType(int position) {
return position % 2 == 0 ? VIEW_TYPE_1 : VIEW_TYPE_2;
}
分解:
一个适配器具有您要显示的两个列表,因此它们一起滚动。
您有两种描述每个列表的 View 类型。
由于您希望两列分别显示每个列表,从逻辑上讲,这仅意味着您可以交替显示每个单元格中的内容。因此,当位置为偶数时(左列),您将返回 VIEW_TYPE_1。当位置偶数时(右列),您返回 VIEW_TYPE_2。
适配器中的总数就是两个列表的总数。
View 布局相同(我猜),因此您可以使用相同的 onCreateViewHolder
。
最后,在绑定(bind) View 持有者时,您只需要根据索引知道您正在使用的 View 类型以及要使用的模型对象。因此,只需向您的 getViewType
方法询问正确的 View 类型即可知道要使用哪个列表,然后简单地将位置除以 2 以获得列表中的正确索引。无论位置是偶数还是奇数,整数除法都会在给定列表中产生正确的索引。
希望对您有所帮助!
关于android - Recyclerview GridLayoutManager - 如何更改项目的顺序?显示彼此相邻的两个列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47249881/
我想在数组中找到连接(相邻)的元素。 例如,在数组中: [1,2,3,4,5] 要访问所有 2 个连通元素,输出将为: 1,2 2,3 3,4 4,5 要访问所有 3 个连通元素,输出将为 1,2,3
我有三个 Sprite ,彼此堆叠在一起。 我修改了他们的 transform.matrix 以给出他们一致增长的外观。 但是,根据比例因子,瓷砖之间有时会出现小裂缝。 cracks between
我正在阅读有关 Margin Collapsing 的文章,我遇到了这个:margin Adjacent siblings The margins of adjacent siblings are c
float div 的框阴影被其右侧的邻居截断,但左侧未截断。 我玩过 z-index 和 overflow: visible,但没有用。 HTML: CSS: .doc-page {
我有多个元素说卡片。这些卡片需要水平堆叠并且高度需要相同。这正在发生在我身上。 每张卡片都有图像、文本和按钮。每张卡片的图像和文本应采用任何卡片中的最大高度,以便它们正确对齐。这不会发生在我身上。 如
我有这个 GUI 我使用了 GridBagLayout,但我不知道为什么 Plain Bread 复选框与其相应的标签之间有很大的间距。 而且,我尝试仅增加按钮沿 x 轴的间距,但尽管重置了插图,但沿
在过去,我已经为自定义元素符号使用了数百次列表项背景图像,但不知何故从未遇到过这个问题。 基本上,我有一个 IMG float 在无序列表的左侧。元素符号背景图像设置在每个 LI 的左上角。但是, f
我正在使用 Bootstrap 框架并使用 2 列网格。 html 内容有标题、链接、副标题和文本。这增加了该列的高度。我希望它旁边的列与其高度匹配(以便图像显示)没有设置高度图像不显
我有一个 php 代码可以生成数百个 和 标签。我的问题如下,我有以下内容: X X 我想要第二个的边框颜色更重要,以便共享边框显示为灰色而不是黑色。我可以在第二个 td 中使用重要性或继承标签吗?
Place holder for Radio1 Place holder for Radio2 在此,我只想要 与相应的单选按钮相关联是可见的,但是...... * { visibilit
我正在尝试在 html 中实现以下布局。更大的 div 1。然后是它旁边的另一个 div,顶部有一个边距。如果我给 float: left 给第一个 div,给第二个 div margin-top 也
假设我有 2 个名为 IN 和 MASK 的二进制输入。实际字段大小可能是 32 到 256 位,具体取决于用于完成任务的指令集。两个输入都会改变每次调用。 Inputs: IN = ...110
我想知道是否有一种简洁/一行的方法来执行以下操作: pack :: [a] -> [(a, a)] pack [] = [] pack [_] = [] pack (x:y:xs
下面的代码分为两部分,一部分处理头部的管理,另一部分处理“主体”,当我执行代码时引发下面的异常,我该如何解决该错误?我不知道下面的错误是什么原因造成的,错误是在react的解析上 错误: Line
http://imgur.com/a/DA5i4 在上面的两张图片中你可以看到我有一个主容器,里面装满了 3 个较小的 div,一个大的在中间,两个瘦的在两边,但是右边直到中间的 div 下面才开始。
正如我在标题中解释的所有内容,然后我将只为你们提供我现在拥有的代码,我一直在努力实现我想要的东西很长时间但没有运气......它表现得像响应式的,但即使调整大小我也想将其保持在原位...截图
我编写了一个 jquery 插件,它使用 Flot 将 HTML 表格转换为图表。 HTML 是从 XSLT 生成的,在 XSLT 中我有以下代码来调用我的插件。此代码尝试在 blah1 和 blah
我正在尝试实现这样的布局。 aaa xxxxxx oooo aaa xxxxxx oooo xxxxxx xxxxxx bbb xxxxxx cccc bbb xxxxxx cc
在包含网格的 2 个 div 上使用内联 css 显示不起作用 最佳答案 为您的 div 指定宽度并根据您的要求使用“float: left”或“right”。不要对 div 使用“内联” 例如 CS
我将 MVC 项目中的一些代码返回到网页。我无法用撇号解决问题,当我的电话看起来像这样时,我如何忽略它 document.getElementById('some').insertAdjacentHT
我是一名优秀的程序员,十分优秀!