问题标签 [android-flexboxlayout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
647 浏览

android - 我应该如何避免将最后一项增长到全宽?FlexBoxLayoutManager

我希望 recyclerview 的项目能够平均拉伸并平均分配空间,它工作正常,但 recyclerview 的最后一项正在全宽拉伸,我希望它像上面的项目一样拉伸并保持在开始

以下是我所做的:

在布局增长的适配器中,我这样做了:

这是我得到的(最后一项):

http://prntscr.com/pa4rj5

这是我想要实现的(最后一项):

http://prntscr.com/pa4rue

0 投票
2 回答
1752 浏览

android - 如何在 flexbox 中居中“TextView”?

我尝试在 FlexboxLayout 中将文本居中。我使用这个库 com.google.android:flexbox:0.2.5。我在列中有几个文本。我尝试了很多方法将它们放在该列的中间但没有成功。

感谢您的任何帮助

0 投票
2 回答
2239 浏览

android - Android FlexboxLayoutManager 重新创建项目

我正在使用FlexboxLayoutManager显示具有动态宽度的 Recycler View 项目。我面临的问题是,当项目的背景发生变化时,它会重新激活/重绘所有不太吸引人/需要的下一个项目。

我的屏幕截图

以下屏幕截图显示了用例。每当单行中有两个或多个不同宽度的项目时,选择/取消选择视图正在重新创建下一个邻居。

我的代码:

我也尝试过更改适配器中的值

更改适配器中项目背景的代码。

显示行为的 gif:

在此处输入图像描述

感谢您的时间。

0 投票
1 回答
989 浏览

css - mat-sidenav-container 的 CSS 在 safari 上损坏

我正在使用 mat-sidenav-container。我的代码可以在 İE、Chrome、Firefox 上正常运行。但仅在野生动物园中损坏;app-header 必须在顶部并固定。但它似乎不在顶部。我认为这个错误与位置有关:绝对。但我无法解决

应用程序组件;

app.component.css

.container 和标头位置绝对不起作用。我的工具栏首先是不可见的。

工具栏.css

0 投票
1 回答
4635 浏览

android - Flexboxlayout 项目之间的间距以编程方式

我有这个 Flexboxlayout 定义(谷歌官方库):

现在我想以编程方式创建相同的内容:

我缺少的是app:dividerDrawableHorizontalandapp:showDividerHorizontal属性,没有找到任何设置它们的方法。

0 投票
1 回答
263 浏览

android - Android - RecyclerView 项目在方向更改后不可见

我在我的应用程序中使用了Conductor 框架

该应用程序通常固定为纵向状态,但我有 2 个Controllers使用ActivityInfo.SCREEN_ORIENTATION_FULL_SENSOR并响应设备方向变化

  • Controller A - 显示所拍摄图像的摘要
  • Controller B - 是相机交互

所以当A启动时,它会立即启动B并在拍摄图像后显示摘要。

A持有一个RecyclerView使用的FlexboxLayoutManager(当我尝试用简单的LinearLayoutManager没有改变的情况下替换布局管理器时)

我有 3 个工作正常的流程:

  1. 设备在纵向-> A启动 -> B启动 -> 拍摄图像 -> B关闭 -> 图像显示A
  2. 设备在横向-> A启动 -> B启动 -> 拍摄图像 -> B关闭 -> 图像显示A
  3. 设备处于纵向-> A启动 -> B启动 -> 设备方向更改为横向-> 拍摄图像 -> 方向更改为纵向-> B关闭 -> 图像显示A

但是这种情况失败了:

设备处于纵向-> A启动 -> B启动 -> 设备方向更改为横向-> 拍摄图像 -> B关闭 -> 图像不在A中显示

在所有流程中,我看到adapter知道新项目,并且getItemViewType,onCreateViewHolderonBindViewHolder以正确的位置调用

失败的流程实际上是我作为用户最自然的流程:(

  • 有谁知道发生了什么?
  • 您能否建议其他调查方向?

更新:

  • 回收站视图定义为android:layout_height="wrap_content"
  • android:layout_height="match_parent"在使用作品时更改为LinearLayoutManager(看起来很难看)
  • 将其更改回FlexboxLayoutManager之前的所有流程都会失败

因此,我现在正在FlexboxLayoutManager查看是否可以轻松解决此问题-我认为我的流程中实际上不需要回收站视图

0 投票
1 回答
565 浏览

java - Android Flex Layout 设置 flexBasisPercent?

我正在将 GoogleFlexBoxLayout用于一个项目,但我无法flexBasisPercent为我以编程方式定义的视图工作。根视图声明为,

和子视图,

我究竟做错了什么?

0 投票
0 回答
113 浏览

android - 如何使用 FlexboxLayou 反转 recycleview 的填充?

我在我的项目中使用 FlexboxLayou,但我无法反转从 firebase 获取的数据,我希望它按降序排列。我测试过:

它工作,不使用 FlexboxLayou,但由于我的项目有不同的布局,最好的选择是使用 FlexboxLayou。我尝试在recycleview上进行更改:

它没有任何效果。我更改了 FlexboxLayou 中的参数,但有些报错。

如果我将 FlexWrap.WRAP 更改为 FlexWrap.WRAP_REVERSE,适配器也会失败。

使用 Collections.reverse (list) 后出错:

在适配器上给出错误。我做了一个很好的研究,我无法得到结果,我试图反转firebase收到的内容,但主题很复杂,我做不到。必须有一个简单的方法来做到这一点。

0 投票
1 回答
2647 浏览

android - 在 FlexboxLayout 中高效地显示多个视图

我的目标是在 FlexboxLayout(或类似的东西)中有效地显示大量 TextView(带背景)。

我想以一种“标签”布局风格显示有关电影中演员和工作人员的信息

布局的样子(其中一个 FlexboxLayouts 被标记)

我通过 LayoutInflater动态地将 TextViews 膨胀到 FlexboxLayout 中。问题当然是有很多数据(这意味着很多视图,有时超过 20 个 Flexbox-Layouts 中的 30 个或更多),我的片段/活动的创建时间会增加,并且活动需要更长的时间才能打开

我膨胀的 TextView:

我的容器布局(TextViews 膨胀到 FlexboxLayout 中@+id/fxl_names):

感谢您提供有关优化此布局的任何帮助/建议!

0 投票
0 回答
133 浏览

android - 如何在Android中显示更多项目的灵活流布局

我的要求是创建一个如下图所示的布局

在此处输入图像描述

我可以使用 flexbox-layout 库,但问题来了,我只需要首先显示 2 行,例如布局上方的图像将被限制为仅在最多两行显示项目,然后点击 +10 我想要查看需要所需高度的整个项目,任何类型的帮助或线索都会在这里受到赞赏。