首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将jetpack compose中的背景图像添加到compose布局

如何将jetpack compose中的背景图像添加到compose布局
EN

Stack Overflow用户
提问于 2021-09-03 05:20:00
回答 1查看 832关注 0票数 0

从导航图中调用以下函数。

代码语言:javascript
运行
复制
@Composable
fun InformationScreen(
) {
        Scaffold(
            topBar = {
                Box(modifier = Modifier.fillMaxWidth()) {
                    CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
                        IconButton(
                            onClick = { /*...*/ },
                            modifier = Modifier
                                .padding(horizontal = 20.dp, vertical = 20.dp)
                                .fillMaxWidth()
                        ) {
                            Icon(
                                Icons.Filled.Close,
                                contentDescription = stringResource(id = R.string.close),
                                modifier = Modifier.align(Alignment.CenterEnd)
                            )
                        }
                    }
                }
            },
            content = { innerPadding ->//}
              
    }

我应该给这个组合函数添加一个主题吗?如何应用它并确保应用程序不会更改这些内容?thx

EN

回答 1

Stack Overflow用户

发布于 2021-09-03 05:48:16

只需将背景图像放在所有其他视图下,即可将其添加到Box中。而matchParentSize修改器会将其拉伸到父大小。

代码语言:javascript
运行
复制
Box(modifier = Modifier.fillMaxWidth()) {
    Image(
        painterResource(id = R.drawable.ic_launcher_background),
        contentDescription = "",
        contentScale = ContentScale.FillBounds, // or some other scale
        modifier = Modifier.matchParentSize()
    )
    CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
        IconButton(
            onClick = { /*...*/ },
            modifier = Modifier
                .padding(horizontal = 20.dp, vertical = 20.dp)
                .fillMaxWidth()
        ) {
            Icon(
                Icons.Filled.Close,
                contentDescription = "stringResource(id = R.string.close)",
                modifier = Modifier.align(Alignment.CenterEnd)
            )
        }
    }
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69039866

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档