Jetpack Compose的LazyVerticalGrid是否具有跨度策略
Jetpack Compose的LazyVerticalGrid是一种用于构建动态网格布局的组件。它可以根据屏幕尺寸和方向自动调整布局，并支持跨度策略。
跨度策略是指在网格布局中，每个项目可以占据的列数。LazyVerticalGrid允许开发者通过指定跨度策略来控制每个项目的布局方式。跨度策略可以是固定的，也可以是根据项目的位置和内容动态计算的。
LazyVerticalGrid提供了以下几种跨度策略：
- 固定跨度策略：开发者可以为每个项目指定一个固定的跨度值。这意味着每个项目都将占据相同数量的列数。这种策略适用于需要保持网格布局整齐的情况。
- 动态跨度策略：开发者可以根据项目的位置和内容动态计算每个项目的跨度。这种策略适用于需要根据项目的特性来调整布局的情况。例如，可以根据项目的大小、重要性或其他因素来确定跨度。
LazyVerticalGrid的跨度策略使得开发者可以灵活地控制网格布局，以适应不同的需求和场景。通过合理选择跨度策略，可以实现更好的用户体验和界面效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足各种计算需求。链接地址：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署和管理容器化应用。链接地址：https://cloud.tencent.com/product/tke
以上是关于Jetpack Compose的LazyVerticalGrid是否具有跨度策略的完善且全面的答案。
相关·内容
我正在尝试使用LazyVerticalGrid显示分页项目。我正在尝试的代码如下所示。 val categories = repo.categories.collectAsLazyPagingItems()
LazyVerticalGrid(
cells = GridCells.Fixed(2),
modifier = Modifier.padding(8.dp)
) {
items(categories) { category ->
Box(Modifier.padding(8.dp)) {
Cat
浏览 139提问于2021-07-20得票数 5
回答已采纳
链接是包含我希望在jetpack compose中使用Lazy垂直网格输出的布局图的图像。但是，我不知道为什么在LazyVerticalGrid中的item()LazyVerticalGrid()中没有span参数。
这是我的密码
LazyVerticalGrid(
cells = GridCells.Fixed(2),
modifier = Modifier
.background(Color.Black)
.padding(start = 20.dp, end = 20.dp, top = 20.dp),
verticalArran
浏览 12提问于2022-09-28得票数 0
回答已采纳
1回答
API上显示了很多错误，
在LazyVerticalGrid部分显示错误：
This foundation API is experimental and is likely to change or be removed in the future.
在工作日部分：
Field requires API level 26 (current min is 21): `java.time.DayOfWeek#SUNDAY`
在月份部分中，有以下错误：
Field requires API level 26 (current min is 21): `java.time.Month#JULY`
下
浏览 5提问于2022-11-06得票数 2
回答已采纳
我正在迁移我的应用程序，对于网格视图，我使用了LazyVerticalGrid，它使用coilPainter加载图像，但滚动结结巴巴，感觉很滞后。是否有人有更好的解决方案或更好的实现？
val photos: List<Photo>? by photosViewModel.photosLiveData.observeAsState(null)
Surface(modifier = Modifier.fillMaxSize()) {
Box(
modifier = Modifier.fillMaxSize()
浏览 2提问于2021-07-06得票数 2
回答已采纳
我有同样的问题问，但对于Jetpack写作。
当您使用LazyVerticalGrid，和PagingDataAdapter.一起使用Paging3作为LazyVerticalGrid时，我们如何获得Jetpack中的项目列表，我们不创建任何LazyVerticalGrid
浏览 14提问于2021-11-30得票数 1
1回答
我目前正在使用Android (2021.2.1修补程序2)。在选择空的撰写活动时，使用的撰写版本是1.1.0-beta01 .How，我可以将其升级到1.2.0-beta01，因为前面的版本在使用LazyVerticalGrid时会出错吗？我是android的初学者。任何帮助都将不胜感激。
下面是该项目的app/build.gradle文件：
plugins {
id 'com.android.application'
id 'org.jetbrains.kotlin.android'
}
android {
compileSdk 3
浏览 7提问于2022-09-09得票数 1
回答已采纳
我已经尝试了下面的代码，它在列中显示错误 val images = (0..8).toList()
LazyVerticalGrid(
cells = GridCells.Fixed(3)
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Image(...)
Image(...)
Image(...) //Like wise eight images
浏览 88提问于2021-08-24得票数 0
回答已采纳
我试图在具有可滚动内容的主屏幕中显示项目的LazyGrid。
我试图按以下方式设置屏幕：
@Composable
fun MainScreen(){
ConstraintLayout(Modifier.verticalScroll(remeberScrollState())) {
val (view, rowView, image, gridView) = createRefs()
Row(){
//view
}
Row (){
//rowView (a lazy row)
}
Row() {
//image
}
浏览 2提问于2022-03-31得票数 1
回答已采纳
在LazyVerticalGrid将reverseLayout设置为true之后：
蓝色背景是实际索引顺序。
红色字体是我所期望的顺序，我如何实现这个顺序？
LazyVerticalGrid(columns = GridCells.Fixed(3),
reverseLayout = true,
contentPadding = paddingValues,
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Bottom) {
浏览 3提问于2022-10-07得票数 1
回答已采纳
我使用一个LazyVerticalGrid来显示项目，并使用了Adaptive，即根据屏幕宽度有一个可变的列数。
LazyVerticalGrid(
columns = GridCells.Adaptive(minSize = 160.dp),
我希望顶部行中的项目略有不同的显示。我可以通过向这些可组合项传递一个布尔参数来做到这一点。
itemsIndexed(
items = newsList,
) { index, item ->
NewsCard(
newsItem = item,
浏览 5提问于2022-06-01得票数 2
回答已采纳
我有一个LazyVerticalGrid可组合显示我的项目。当发生错误时，我想在LazyVerticalGrid中心显示一个带有按钮的错误消息。这是我的错误项和LazyVerticalGrid
ErrorItem
@Composable
fun ErrorItem(
message: String,
modifier: Modifier = Modifier,
onRetryClick: () -> Unit,
) {
Column(
modifier = modifier
.padding(dimensionRes
浏览 4提问于2022-06-28得票数 2
回答已采纳
当涉及到在ViewCompositionStrategy中使用Compose View时，Jetpack中的Compose View有什么不同？
在下列情况下需要什么ViewCompositionStrategy：
活动布局中的<ComposeView>
片段布局中的<ComposeView>
自定义视图中的<ComposeView>，该视图位于片段中(我假设与上面相同？)
活动/片段/自定义视图中的纯组合视图(无XML)？
浏览 5提问于2021-11-29得票数 9
2回答
我目前正在LazyVerticalGrid中显示一些位图。为了避免内存错误，我尝试循环位图，执行以下操作：
@Composable
fun ComicsList(covers: List<ComicCover>, onComicClicked: (ComicCover) -> Unit) {
LazyVerticalGrid(
columns = GridCells.Fixed(3),
contentPadding = PaddingValues(16.dp),
verticalArrangement = spacedB
浏览 5提问于2022-11-13得票数 1
我正努力做到这一点：
本节位于我的ProductDetailsScreen可组合中。以下是代码：
@Composable
fun ProductDetailsScreen(
modifier: Modifier = Modifier
) {
val scrollState = rememberScrollState()
Column(modifier = Modifier
.padding(horizontal = dimensionResource(id = R.dimen.dimen_24))
浏览 59提问于2022-07-22得票数 0
回答已采纳
喷气背包组成：
我想要创建一个具有等高行的像UI这样的网格布局，但是我找不到一个函数来获得当前可用的屏幕大小()
结果应该如何：
我试过的是：
我试图在LazyVerticalGrid中使用Modifier.fillMaxHeight()生成大小相等的行，但它没有工作。除此之外，我还想要手动设置每个行项的高度，但我找不到一个函数来获得jetpack组合中可用的屏幕大小(然后，我会将屏幕高度除以行数)。
val numbers = (0..34).toList()
LazyVerticalGrid(
cells = GridCells.Fixed(7)
) {
items(
浏览 22提问于2021-03-28得票数 9
回答已采纳
在我最新的安卓写作项目中，我不得不拒绝为LazyColumn工作正常。
我现在已经做了一个重构，用LazyVerticalGrids替换了我所有的LazyVerticalGrids。
所有的一切都如预期的那样与LazyVerticalGrid一起工作，除了swipe之外
当我用一列从我的LazyVerticalGrid中滑动一个项目时，它可以正常工作。
但是，当我用多列从LazyVerticalGrid中滑动一个项目时，它会抛出以下异常：
Process: com.elsevier.practiceupdate, PID: 23783
java.lang.IllegalArgumentExce
浏览 14提问于2022-11-18得票数 1
回答已采纳
当试图将LazyVerticalGrid放入可滚动列中时，我会得到以下错误：
java.lang.IllegalStateException: Nesting scrollable in the same direction layouts like LazyColumn and Column(Modifier.verticalScroll()) is not allowed. If you want to add a header before the list of items please take a look on LazyColumn component which has a D
浏览 13提问于2022-11-16得票数 0
3回答
所需: androidx.compose.foundation.lazy.GridCells
发现: androidx.compose.foundation.lazy.grid.GridCells
用于ReactionsPicker..。来自Stream库ReactionsPicker call的文件位于MessagesActivity‘is SelectedMessageReactionsPickerState -> { val gcells=GridCells.Fixed(5) // i中。单元格定义为文件ReactionsPicker( cells= gcell，修饰符=修饰符.a
浏览 8提问于2022-07-14得票数 1
我在Scaffold里面有一个和一个bottomBar。我不知道为什么最后的项目没有正确地显示在底部。你可以在下面的图片中看到这个区域。
下面是代码：
val navController = rememberNavController()
Scaffold(
topBar = { HomeAppBar(navController) },
bottomBar = { BottomNavigation(navController = navController) }) {
FoodstuffNavHost(navControll
浏览 6提问于2022-10-22得票数 1
我试图创建这样的可组合性：
我尝试在LazyVerticalGrid中使用GridCells.Adaptive(100.dp)，但是元素的宽度是固定的(100 to )。我需要有不同的元素宽度，不同的文本长度，并能够看到不同数量的标签在不同的科尔我的网格。
浏览 6提问于2022-08-26得票数 0
回答已采纳
我想要一个类似于 `<Scrollview>
<Relativelayout>
<Recyclerview/>(Horizontal)
<Recyclerview/>(Vertical)
</Relativelayout>
</Scrollview>` 这是我编写的与这个问题相关的代码 import androidx.compose.foundation.*
import androidx.compose.foundation.gestures.Orientation
import andro
浏览 154提问于2021-08-13得票数 2
当试图将LazyVerticalGrid放入可滚动 Column中时，我会得到以下错误：
java.lang.IllegalStateException:不允许在相同方向上嵌套滚动布局，如LazyColumn和Column(Modifier.verticalScroll())。如果您想在项目列表之前添加标题，请查看LazyColumn组件，它具有DSL，它允许首先通过item()函数添加标头，然后通过items()添加项列表。
我不是在做一个传统的列表，我只是有很多元素太大，不适合在屏幕上。因此，我希望该列滚动，以便我可以看到所有的元素。这是我的代码：
@ExperimentalFou
浏览 0提问于2021-06-10得票数 29
2回答
我一直在翻阅文件，却找不到确认文件。有人知道来自navigation和compose的Android Jetpack组件是否相互兼容吗？我知道Jetpack Compose还没有准备好生产，而且只处于开发人员预览模式，但是我正在用它进行测试，并且似乎无法配置我的项目来处理这两个jetpack组件。
如有任何资料，将不胜感激。
浏览 2提问于2020-06-30得票数 4
回答已采纳
在Jetpack Compose中是否有任何标准实现用于可视化组件，如微调器/轮子拾取器或下拉按钮？
浏览 2提问于2021-06-05得票数 3
我试图使用伴奏者的系统UI控制器库和WindowCompat.setDecorFitsSystemWindows(window, false)来呈现设备的系统UI后面的内容。
我还想使用Jetpack的内嵌垫子在其LazyVerticalGrid顶部添加一些衬垫，但是如果我给它一个Modifier.statusBarsPadding()填充，网格就不会呈现在系统栏后面。
@Composable
fun libraryScreen(navController: NavController) {
Surface(
color = Color.Magenta,
modifier
浏览 14提问于2022-06-10得票数 1
回答已采纳
1回答
实际上，我甚至不确定这是否是时间问题，但让我们先从代码开始。
从我的MainActivity开始，我准备了一个简单的数据结构，其中包含了从A到Z的字母。
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
val model = mutableStateListOf<Char>()
浏览 7提问于2022-05-24得票数 1
回答已采纳
我希望多个LazyColumn同时滚动
我不能使用LazyHorizontalGrid或LazyVerticalGrid，因为内部布局，两个布局是不同的。如何在多个LazyColumn中共享滚动？
@Composable
fun TableScreen2(list: List<Time>, cal: Calendar, df: DateFormat) {
LazyRow(Modifier.fillMaxSize()) {
item {
LazyColumn(
modifier = Modifier
浏览 10提问于2022-07-03得票数 2
为了测试目的，我设置了一个非常小的项目，在滑动horizontalPager：时，我看到了很多简陋的框架。
我在启用R8的情况下构建了发布模式。我做错了什么？
当我记录跟踪并在perfetto中查看它时，它向我展示了许多jank：
ViewPager + RecyclerView在XML中的相同设置正在顺利运行。
我试着生成基线配置文件，但没有发现差别，仍然是简陋的框架。
浏览 9提问于2022-10-08得票数 3
如何判断分页是否正常工作？我看过的所有示例都涉及到使用retrofit apiservice，它似乎返回了多页数据，但我拉下一个rss feed并将其解析成一个巨大的List<POJO>。我怀疑我的PagingSource正在将整个列表加载到一个页面中，但我不确定如何判断。
我的list有将近1000个项目，所以我认为实现某种分页/DiffUtil是一个很好的实践。我正在用jetpack compose使用androidx.paging:paging-compose:1.0.0-alpha12来解决这个问题，这可能会使事情变得复杂。
有人能给我一些建议吗？
class RssLis
浏览 9提问于2021-09-10得票数 0
1回答
这是对的修改。我有一个等距网格的图像和好奇-它有可能滚动它的自由方式(包括对角线)。目前，我有这段代码，可以滚动2D：
val scrollStateHorizontal = rememberScrollState()
val scrollStateVertical = rememberScrollState()
Box(
modifier = Modifier
.horizontalScroll(scrollStateHorizontal)
.verticalScroll(scrollStateVertical)
) {
for (i in
浏览 10提问于2022-09-06得票数 0
5回答
使用合成文本链接
、、、、
我找不到如何使用Jetpack Compose链接我的Text()。 在作曲之前，我要做的就是： Linkify.addLinks(myTextView, Linkify.EMAIL_ADDRESSES or Linkify.WEB_URLS) 很明显，我的TextView中包含的所有链接都变成了可点击的链接。 重要提示:文本内容来自API，链接没有固定位置，内容可能包含多个链接。 我想通过使用Jetpack Compose来保持这种行为，但是我找不到任何关于这样做的信息。 有人知道吗？
浏览 50提问于2021-02-10得票数 4
回答已采纳
1回答
我想在Jetpack Compose中创建弯曲的文本，就像在"Material You“中一样。但是怎么做呢？示例： ?
浏览 25提问于2021-07-17得票数 2
回答已采纳
我有一个有两个电池的LazyVerticalGrid。 LazyVerticalGrid(
cells = GridCells.Fixed(2),
content = {
items(moviePagingItems.itemCount) { index ->
val movie = moviePagingItems[index] ?: return@items
MovieItem(movie, Modifier.preferredHeight(320.dp))
}
rend
浏览 170提问于2021-01-31得票数 4
回答已采纳
我知道使用Jetpack Compose我可以在Kotlin文件中定义颜色。因为我正在迁移一个不使用Jetpack Compose的应用程序，所以我想一直指向XML中的颜色，直到我删除所有已经在使用它们的地方。 我知道我可以在@Composable函数中使用colorResource，但是当我在Kotlin文件中定义调色板时，我不能这样做。 有没有可能做一些与此等同的事情？ private val DarkColorPalette = darkColors(
primary = colorResource(id = R.color.company),
...
)
浏览 26提问于2021-07-05得票数 2
回答已采纳
1回答
我试图在jetpackCompose中构建一个折叠的布局，但是无法弄清楚lerp函数是如何抛出一个错误的，我提供的是特定的大小和浮动。错误:没有提供下列参数，并且在我的导入中没有lerp端的import语句。我是否应该添加要导入的依赖项？
我的作曲家
private val BottomBarHeight = 56.dp
private val TitleHeight = 128.dp
private val GradientScroll = 180.dp
private val ImageOverlap = 115.dp
private val MinTitleOffset = 56.dp
浏览 7提问于2022-10-30得票数 2
回答已采纳
1回答
var iconSize by remember { mutableStateOf(50.dp)}
var boxBorder by remember { mutableStateOf(1.dp)}
LazyVerticalGrid(
columns = GridCells.Fixed(3),
content = {
items(itemList){ item ->
var isSelected by remember { mutableStateOf(false
浏览 11提问于2022-04-17得票数 0
回答已采纳
我正在尝试学习在android中的jetpack写作，我在jetpack composer中有一个表情格视图的例子，但是可以不使用任何文本或表情符号来使用颜色吗？
@ExperimentalFoundationApi
@Preview(name = "Emoji Gallery")
@Composable
fun DemoEmojiGallery() {
val data = listOf("☕", "", "", "", "", "", ""
浏览 3提问于2022-01-26得票数 0
回答已采纳
在我的项目中，当我使用hilt时，compose ()方法给出了错误“没有零参数的构造函数”。
@Composable
fun HomeScreen(homeViewModel: HomeViewModel = viewModel()) {
...
}
@HiltViewModel
class HomeViewModel @Inject constructor(private val repository: Repository) :
ViewModel() {
...
}
@Module
@InstallIn(
浏览 31提问于2021-02-26得票数 18
回答已采纳
在Jetpack Compose中，您可以通过编辑type文件来设置特定的字体：
val MyFont= FontFamily(
Font(R.font.myfont, FontWeight.Normal)
)
// Set of Material typography styles to start with
val Typography = Typography(
body1 = TextStyle(
fontFamily = MyFont,
fontWeight = FontWeight.Normal,
fontSize
浏览 2提问于2021-11-05得票数 1
回答已采纳
至此，Jetpack Compose 1.0.0-alpha05发布了。我正在玩弄它。我试图创建一个项目列表，但我得到了NoClassDefFoundError异常，并且不知道为什么会发生！ java.lang.NoClassDefFoundError: Failed resolution of: Landroidx/compose/ui/MeasureScope$-CC;
at androidx.compose.material.SurfaceKt$SurfaceLayout$1$1.invoke(Surface.kt:141)
at androidx.compose.ma
浏览 14提问于2020-10-30得票数 0
回答已采纳
1回答
我正在尝试创建一个数字输入字段，当输入有效的数字时，该字段将更新备份字段。当后台字段被更新时，UI应该反映这一点，因为它也可以被其他东西更新。
我有一个实现，其中有一个正在编辑并显示的本地字符串，每次检查该字符串的值时，检查它是否可以解析出一个整数，在这种情况下，备份字段将被更新。问题是光标重置到字段的开头，所以如果您键入一个多位数字，数字就会按顺序进入。
在用户离开控件和编辑完成后，似乎没有任何东西可以让我知道。虽然我使用的是TextFieldValue，但我不能更新该对象中的文本，否则不能保留编辑状态，而不能重新创建整个对象。
这不可能是一个新的问题，但网上讨论很少。我是不是做了件蠢事，让
浏览 1提问于2021-11-30得票数 0
回答已采纳
似乎Jetpack Compose Button点击没有默认声音。如何将标准的CLICK声音添加到按钮点击？
浏览 83提问于2021-02-07得票数 4
我似乎在compose中使用Preview遇到了问题，当我用@preview注释compose方法时，布局面板不会出现。我假设我遗漏了一个依赖项，但我已经从这里复制并粘贴了https://developer.android.com/jetpack/compose/setup的代码。有什么建议吗？(尝试了通常的清除缓存、重新打开项目等) :) buildFeatures {
compose true
}
composeOptions {
kotlinCompilerExtensionVersion '1.0.0-alpha10'
浏览 274提问于2021-01-22得票数 5
1回答
我刚开始学习喷气背包作曲，我有几个问题
我是否应该使用“对于Gradle构建文件使用kotlin脚本(.kts)”，如果是的话，有什么好处呢？
此外，我如何保持依赖关系。
的依赖项显示旧版本，然后是android金丝雀版本。其中有些要么根本不存在，要么版本不一样。
我需要包括这些吗？
implementation 'androidx.compose.foundation:foundation:1.0.0-beta01'
implementation 'androidx.compose.material:material-icons-core:1.
浏览 1提问于2021-04-20得票数 0
我很高兴看到compose material3已经更新为1.0.0-beta03的测试版。不过，我注意到他们仍然没有添加像BottomSheetLayout或BottomSheetScaffold这样的实现，我想在BottomSheetScaffold项目中应用这些实现。
当然，我至少可以添加原始androidx.compose.material库作为依赖项，但这正是我希望避免的，因为我已经迁移到了全新的material3 UI中。
我想知道在目前版本的compose material3中是否有任何解决方案或解决办法来实现几乎与material3相同的效果。非常感谢！
浏览 27提问于2022-09-26得票数 0
我正在尝试让标签与安卓上的TabRow与compose的工作。我希望TabRow有一个白色的背景。默认颜色似乎是文档()中所示的紫色(略带紫色)。
当我将backgroundColor设置为白色时，由于某些原因，选项卡是灰色的。
如何在Compose中实现白色制表符？
谢谢!
浏览 0提问于2021-07-06得票数 2
1回答
我发现LazyList会产生内存泄漏。当我向下滚动到列表的底部时，我的应用程序的内存使用量增加了~3MB。在我向上滚动之后，使用量也增加了~3MB。内存使用量一直在增加，是滚动列表。如何修复？ on Google IssueTracker
P.S.有时内存使用量会下降50-100mb。在我的测试项目(下面的代码)中，使用量增加到150 my。在我的另一个更复杂的项目中，它增长到200-250mb。在一种理论中，它可以导致OutOfMemoryException。
示例：
LazyVerticalGrid(columns = GridCells.Fixed(2)) {
浏览 7提问于2022-05-13得票数 3
回答已采纳
对于android.widget.Button，我可以使用performClick()以编程方式模拟单击。但是我不知道在Jetpack Compose中怎么做。我已经查看了compose.material文档，但我至少找不到任何关于这方面的内容。
浏览 52提问于2021-09-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
