如何使用jetpack compose在单击时删除视图组件
Jetpack Compose 是一种用于构建 Android 用户界面的现代工具包。它提供了一种声明式的方式来创建用户界面，使开发者能够更轻松地构建交互式的应用程序。
要在单击时删除视图组件，可以按照以下步骤进行操作：
- 首先，确保你的项目已经使用了 Jetpack Compose。你可以在项目的 build.gradle 文件中添加以下依赖项：
dependencies {
implementation 'androidx.compose.ui:ui:1.0.0'
implementation 'androidx.compose.material:material:1.0.0'
implementation 'androidx.compose.runtime:runtime:1.0.0'
}- 创建一个 Composable 函数来定义你的视图组件。例如，你可以创建一个简单的按钮：
@Composable
fun DeleteButton(onClick: () -> Unit) {
Button(onClick = onClick) {
Text("删除")
}
}- 在你的界面中使用这个视图组件。例如，在一个 Composable 函数中调用 DeleteButton，并传递一个点击事件的回调函数：
@Composable
fun MyScreen() {
var showComponent by remember { mutableStateOf(true) }
if (showComponent) {
DeleteButton(onClick = { showComponent = false })
}
}在上面的代码中，我们使用了一个可变状态变量 showComponent 来控制是否显示视图组件。当按钮被点击时，我们将 showComponent 设置为 false，从而删除了视图组件。
这是一个简单的示例，你可以根据自己的需求进行扩展和修改。Jetpack Compose 提供了丰富的 UI 组件和功能，可以帮助你构建出更复杂和交互式的界面。
相关·内容
在旧的视图系统中，我们可以使用样式Widget.MaterialComponents.TextInputLayout.FilledBox.Dense来使TextInputLayout变得密集。 如何在Compose中创建TextField的密集变体？
浏览 36提问于2021-07-23得票数 2
我使用Compose with AS北极狐v2020.3.1。当我更新代码时，预览不是实时呈现的。当显示消息“预览已过期”时，我必须单击“构建和刷新”。我希望它能实时呈现UI，类似于XML设计。 如何做到这一点？ 提前谢谢。 ?
浏览 93提问于2021-08-02得票数 3
1回答
我已经使用Android Studio Canara 2020.03创建了一个空的Compose活动模板。下面是文件“MainActivity. kt”的代码： class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ButtonPage()
}
浏览 10提问于2021-01-12得票数 0
如何在jetpack compose中将焦点自动对准文本字段。当我点击textfield并开始在上面输入的时候。同时，当我单击后退按钮，然后当我尝试单击文本字段时，什么也没有发生。
val textState = remember { mutableStateOf(TextFieldValue()) }
TextField(
modifier = Modifier.fillMaxWidth(),
value = textState.value,
onValueChange = { value : TextFieldValue ->
textStat
浏览 0提问于2020-10-03得票数 12
1回答
在Android系统中，我正在做新的Jetpack写作，并试图找出在回收视图之间共享视图的等效方法。
如果一个应用程序有多个具有相似内容的可回收视图，那么通过在您的回收视图中共享相同的视图池，可以真正提高性能。您可以创建视图池，自定义它，然后将其设置为每个回收视图。这是我习惯做的事。
在Jetpack Compose中，没有回收者的视图，而是LazyColumn或LazyRow。如何在不同的惰性列表中共享视图或组合？
浏览 1提问于2022-08-22得票数 1
我在向TopAppBar组合中添加字幕时遇到了问题。我试图从材料设计3实现LargeTopAppBar，但附带额外的副标题。我目前面临的问题是，它呈现了两次。以下是我的可合成
@Composable
private fun HomeTopBar(
modifier: Modifier = Modifier,
title: String,
subtitle: String,
navigateToProfileScreen: () -> Unit,
navigateToAboutScreen: () -> Unit
) {
LargeTo
浏览 25提问于2022-09-14得票数 1
回答已采纳
5回答
使用合成文本链接
、、、、
我找不到如何使用Jetpack Compose链接我的Text()。 在作曲之前，我要做的就是： Linkify.addLinks(myTextView, Linkify.EMAIL_ADDRESSES or Linkify.WEB_URLS) 很明显，我的TextView中包含的所有链接都变成了可点击的链接。 重要提示:文本内容来自API，链接没有固定位置，内容可能包含多个链接。 我想通过使用Jetpack Compose来保持这种行为，但是我找不到任何关于这样做的信息。 有人知道吗？
浏览 50提问于2021-02-10得票数 4
回答已采纳
在视图系统中，我们可以为不同的设备选择XML预览，但我找不到一种方法来选择Jetpack Compose的预览设备。如何在使用Jetpack Compose时为不同的设备设置预览？
浏览 35提问于2021-05-27得票数 1
回答已采纳
1回答
我从一些教程中读到关于容器的文章
它被编码如下
@Composable
fun Container(
modifier: Modifier = Modifier.None,
padding: EdgeInsets = EdgeInsets(0.dp),
alignment: Alignment = Alignment.Center,
expanded: Boolean = false,
constraints: DpConstraints = DpConstraints(),
width: Dp? = null,
he
浏览 3提问于2020-11-19得票数 4
回答已采纳
编辑:添加更多细节-以使代码完整：
在将主题颜色转换为新的OutlinedTextFields主题后，我在将主题颜色应用于M3时遇到了困难。
据我所知，在使用primaryContainer时，不直接支持使用新的设计标记颜色( tertiary、OutlinedTextField等)。
问题：有一种简单的方法可以普遍应用这些颜色吗？
问题：当我应用自定义颜色时，它们没有全部应用，我不知道为什么？
我试过的是：
这是我用来创建自定义TextFieldColors的函数，以及我如何应用它们：
@Composable
fun customTextColors(): TextFieldColors =
浏览 3提问于2021-10-30得票数 1
回答已采纳
当涉及到在ViewCompositionStrategy中使用Compose View时，Jetpack中的Compose View有什么不同？
在下列情况下需要什么ViewCompositionStrategy：
活动布局中的<ComposeView>
片段布局中的<ComposeView>
自定义视图中的<ComposeView>，该视图位于片段中(我假设与上面相同？)
活动/片段/自定义视图中的纯组合视图(无XML)？
浏览 5提问于2021-11-29得票数 9
在回收器视图中，我们可以使用ItemTouchHelper实现拖放功能。我如何在jetpack中实现同样的功能呢？ import androidx.compose.foundation.lazy.items
@Composable
fun MessageList(messages: List<Message>) {
LazyColumn {
items(messages) { message ->
MessageRow(message)
}
}
}
浏览 44提问于2021-06-17得票数 0
2回答
我一直在翻阅文件，却找不到确认文件。有人知道来自navigation和compose的Android Jetpack组件是否相互兼容吗？我知道Jetpack Compose还没有准备好生产，而且只处于开发人员预览模式，但是我正在用它进行测试，并且似乎无法配置我的项目来处理这两个jetpack组件。
如有任何资料，将不胜感激。
浏览 2提问于2020-06-30得票数 4
回答已采纳
当我想测量自定义视图的绘制时间时，我可以使用下面的函数。
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
val elapsedTime= measureTimeMillis {
myDeepHierarchyCustomeDrawing.draw(canvas)
}
Log.d("Tracking", "Time used $elapsedTime")
}
然而，对于Jetpack Compose，当我绘制视图时，下面的运行时间不再准确。
这个
浏览 0提问于2021-11-18得票数 1
我不明白为什么我的开关不对齐，为什么它在屏幕视图之外扩展？当然，到目前为止，我还没有找到一个合适的解决方案来将我的开关与jetpack组合对齐。
kotlin密码：
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.MaterialTheme
import an
浏览 5提问于2022-01-29得票数 0
回答已采纳
我正在用jetpack compose编写一些寻呼机代码，我遇到了一个需要通过单击按钮来更改页码的情况。这是我单击按钮时的事件： onClick = {pagerState.scrollToPage(page=currentPager+1)} 但是当我这样做的时候，我得到了这个错误：Suspend function 'scrollToPage' should be called only from a coroutine or another suspend function 我通过添加以下内容获得了解决方案： onClick = {GlobalScope.launch (D
浏览 74提问于2021-11-12得票数 4
回答已采纳
1回答
在我的Android Studio应用程序项目中，I registered all activities, services, receivers etc. in the manifest。我还可以定义这样的方案： myApp://MyMapActivity/x_and_y_coordinates 打开我的应用程序与这个特定的指定活动和预先填写地图区域，例如。因此，我可以从其他应用程序启动此活动，也可以创建相应的通知来启动这些活动。 现在，我正在创建一个带有jetpack compose的Android应用程序，我有一个单独的活动，在其中我组成了所有的“视图”。如何通过jetpack com
浏览 22提问于2020-10-26得票数 2
回答已采纳
我有一个玩家层，里面有这样的字幕层：
播放机层的父级是具有XML子级的ConstraintLayout和ComposeView。这个ComposeView是我的字幕层。
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width=
浏览 22提问于2022-01-29得票数 2
回答已采纳
我一直在使用this library在视图系统中实现轮播。如何在Jetpack Compose中实现carousel？
浏览 56提问于2021-05-07得票数 5
回答已采纳
在Jetpack Compose中，当您在可合成的修改器上启用clickable {}时，默认情况下会为其启用涟漪效果。如何禁用此行为？
示例代码
Row(modifier = Modifier
.clickable { // action }
)
浏览 15提问于2021-03-19得票数 27
我想从一个视图生成一个位图，但使用Jetpack Compose，该视图必须是这样的，它不是附加到任何窗口。有关于如何使用旧的视图模型(基于xml)创建屏幕外视图的帖子，甚至可以从该模型生成位图。但是我找不到任何使用Jetpack compose创建视图的方法。
最终，composable确实会被绘制到画布上，但我不知道有任何方法可以访问该画布。我需要避免的另一个问题是，新版本的Android试图使用硬件位图，而我在尝试从画布生成它们时，使用这些位图的体验并不是很好。
浏览 0提问于2021-07-15得票数 4
我正在尝试让标签与安卓上的TabRow与compose的工作。我希望TabRow有一个白色的背景。默认颜色似乎是文档()中所示的紫色(略带紫色)。
当我将backgroundColor设置为白色时，由于某些原因，选项卡是灰色的。
如何在Compose中实现白色制表符？
谢谢!
浏览 0提问于2021-07-06得票数 2
我知道有许多类似的问题，我已经经历过，但我的问题仍然没有得到解决。
我的问题很小的例子，
我有两个可组合的ScreenA和ScreenB。
这两种可组合视图都有不同的视图模型。我是从屏幕A和导航到屏幕B。在后退按钮按下，我期望屏幕B视图模型将被销毁。所以当我再次导航到屏幕B时，我希望再次创建它的视图模型。
ScreenA
@Composable
fun ScreenA(
screenViewModel: ScreenAViewModel = hiltViewModel(),
) {
// Compose code
}
ScreenB
@Composable
fun ScreenB
浏览 10提问于2022-01-06得票数 1
回答已采纳
因此，在当前的andriod开发中，如果我们需要引用主题中的颜色集，我们可以简单地这样做：(在布局xml中) ....
<TextView
...
android:textColor="?attr/colorPrimary"
.../>
.... 如果我在主题中设置蓝色。我将在上面的文本视图中获取该颜色。 我想知道如何在Jetpack Compose中做同样的事情。在Compose，我们这样做， MaterialTheme(...) {
Column {
Text(
浏览 46提问于2020-07-19得票数 14
回答已采纳
设置MaterialTheme.colors
我试图在Jetpack中为桌面(不是移动的)制作一个非常基本的窗口，但是我在更改窗口的颜色方面遇到了一些困难。我看过一些教程和例子，但也许我不太明白颜色主题是如何正确实现的。
我编写的代码应该创建一个背景黑暗的窗口，但是程序运行时的窗口是白色的。
请提供任何你能洞察我做错了什么。
代码(Kotlin)
import androidx.compose.desktop.*
import androidx.compose.material.*
import androidx.compose.ui.unit.*
fun main() = Window(
浏览 7提问于2021-11-05得票数 3
回答已采纳
我正在实现表单控件，带有验证等。我希望只有当用户“模糊”TextField时，换句话说，当字段失去焦点时，才会显示错误消息。在Angular中，我们有状态，我们可以从它出发。如何在Jetpack Compose中侦听失去焦点的状态？
@Composable
fun Screen() {
TextField(
onBlur = {
// P.S. This parameter does not exist
}
)
}
浏览 1提问于2021-10-13得票数 0
我知道这个问题很模糊，可能没有一个正确的答案。我只是想听到一些输入，并在Compose中围绕高级文本样式创建一些内容。我希望它是好的。 有没有人知道在compose中是否有使用Spans的方法？我使用使用ChipSpan(...): ImageSpan(...)创建芯片的视图系统构建了一个自定义MultiAutocompleteTextView。 它看起来像这样： ? 你将如何在Compose中处理这个问题？我们将非常感谢您的任何意见！谢谢。
浏览 91提问于2021-08-17得票数 1
我正在使用Jetpack Compose ui版本1.3.0-beta08和导航compose版本2.4.0-alpha02和所有新的架构组件的工作布隆应用程序。登录成功后，我需要清除所有以前组成的登录屏幕，但甚至添加了popUpTo("HomeScreen"){inclusive = true}，我的登录屏幕从后台堆栈中删除，但登录欢迎屏幕不从后台堆栈删除，当我从主屏幕单击返回时。是不是我在撰写导航时遗漏了什么/有什么错误？
composable(Screen.LoginScreen.route) {
LoginScreen {
浏览 4提问于2021-06-07得票数 4
让我们假设我正在使用某个库来提供一些UI小部件。假设这个库提供了一个名为FancyButton的Button。
另一方面，我有一个用Android 4创建的新项目，允许我用Empty Compose Activity创建一个新项目。
问题是:我应该如何将这个FancyButton 添加到视图堆栈中？可以吗？或者使用Jetpack Compose，我只能使用专门为Jetpack撰写而开发的组件。在这种情况下，AFAIK只能使用Android标准组件(Text、MaterialTheme等)。
如果我想用这样的方法：
override fun onCreate(savedInstanceState
浏览 7提问于2020-01-30得票数 6
回答已采纳
什么是Jetpack Compose替代视图系统的'animateLayoutChanges'？“animateLayoutChanges”是一种非常简单和强大的布局更改动画方式。我在Jetpack Compose中找不到类似的替代品。
浏览 23提问于2021-06-29得票数 0
回答已采纳
在Jetpack Compose中暂停MediaPlayer的正确方法是什么？假设我的UI有一个声音项目列表，当单击一个项目时，声音正在播放。我正在尝试找出当用户转到后台时暂停声音的最好方法。
浏览 14提问于2021-09-10得票数 1
如何通过jetpack compose在单击按钮时以编程方式打开外部url？
@Composable
fun MyButton() {
Button(onClick = {
//enter code here
})
}
浏览 1提问于2021-03-25得票数 2
我在Jetpack撰写项目上出现了这个错误。清单合并失败:android:导出需要显式指定。当相应的组件定义了意图过滤器时，针对Android12及更高版本的应用程序需要为android:exported指定一个显式值。详细信息请参见
这一切都是在我添加这个依赖项implementation 'com.shakebugs:shake:14.4.0'时开始的，我遵循这里的设置，
这是我的报表文件
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package=&
浏览 1提问于2021-09-15得票数 1
回答已采纳
我知道使用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回答
如何在jetpack中创建动态选项卡，在我的应用程序中，我需要显示的选项卡数量取决于API响应。但是，当我设置selectedTabIndex值时，我们需要设置TabsRow值，这将导致问题。因为在加载选项卡数据之前，它试图在没有任何选项卡的情况下构建ui。
请帮我解决这个问题，或者引导我用正确的方式去做。
@Composable
fun CustomTab(viewModel: BeatsViewModel) {
var tabIndex by remember { mutableStateOf(0) }
val beats = viewModel.beatsData.obs
浏览 10提问于2022-04-15得票数 0
1回答
关于如何在XML中设置双回按出口，有一些关于YouTube的教程，但大多数是用JAVA编写的，没有一个是在Jetpack Compose中。
那么，我们如何在Jetpack构图中设置双回压呢？
我的意思是，如果我们一定要退出的话，那就是要求我们在烤面包时再按后退的东西。谢谢你的帮助
浏览 27提问于2022-09-17得票数 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
回答已采纳
1回答
JetPack对可点击项没有影响
、、、、
我有一个列，中间有张卡片。当您单击列时应该有一个操作，但是当您单击卡片时不应该发生任何事情。(比如可取消的对话框)
当我使用XML进行此操作时，当为该列设置clickable (true)时，这个问题得到了解决，但在Jetpack Compose中，当我单击卡片时，会产生无法删除它的效果。
我将此代码设置为Card的修饰符：
.clickable{}
如何从可点击项目中删除默认效果(按下效果没有波动)？
浏览 1提问于2022-01-27得票数 2
回答已采纳
2回答
我尝试将jetpack compose添加到现有项目中。我将jetpack compose添加到我的gradle文件中： buildFeatures {
compose = true
}
compileOptions {
sourceCompatibility = JavaVersion.VERSION_1_8
targetCompatibility = JavaVersion.VERSION_1_8
}
kotlinOptions { jvmTarget = "1.8" }
composeOptions {
kotlinCompiler
浏览 115提问于2021-06-22得票数 0
回答已采纳
在Jetpack撰写中，我使用AndroidView显示一个名为Smart.IO的公司的广告横幅。
目前横幅显示的是第一次初始化时，但当用户返回到显示在上的屏幕时，则无法重新组合。
我知道在compose视图中使用update函数，但我找不到任何参数，可以在Banner上进行本质上的更新以触发重新组合。
AndroidView(
modifier = Modifier
.fillMaxWidth(),
factory = { context ->
Banner(context as Activity?)
},
update
浏览 2提问于2021-10-26得票数 2
回答已采纳
1回答
我正在试用Android向日葵应用程序。我要求展示一份主题清单。当单击某个主题时，我希望递归地显示子主题。我试图在Android向日葵中的“植物列表”视图中对此进行建模。
处理这种递归的最好方法是什么？我有两个想法。
On topic item的单击处理程序，使用父主题id更新视图模型，并在保留在同一片段中的同时允许ui更新。在这种方法中，如何正确地支持back按钮？如何从列表项的单击侦听器访问列表的视图模型？打开具有正确导航参数的新片段。在这种方法中，如何设置导航，使新片段只替换保存列表的片段。当我尝试这种方法时，它正在替换向日葵应用程序的整个选项卡布局。。
请帮帮忙。
浏览 4提问于2020-01-17得票数 3
我有一个box布局，我想要相对于父框的大小来布局子视图。这可以使用几何读取器在SwiftUI中实现。如何在Jetpack Compose中实现类似的功能？
浏览 9提问于2021-06-05得票数 0
在与XML一起使用时，我们有用于ConstraintLayout的app:layout_constraintDimensionRatio。同样，如何在jetpack compose中使用dimensionRatio。
浏览 0提问于2021-10-06得票数 0
我尝试在AndroidStudioCanary1上编写Jetpack，并将Column添加到ui中。Column有一个名为modifier的属性，在该属性中我们可以传递不同的修饰符。我使用了Expanded修饰符，这使得Column占用了所有可用的空间。
另外，Column具有mainAxisSize和crossAxisSize属性，所以我也尝试了它们，并将它们设置为LayoutSize.Expand，目的是扩展给定的轴。这也导致Column占用了所有可用空间。请查看下面的示例：
1.使用LayoutSize.Expand
Column(mainAxisSize = LayoutSize.Ex
浏览 3提问于2019-10-25得票数 5
回答已采纳
2回答
有人知道如何将默认样式更改为按钮吗？xml样式：
<item name="materialButtonStyle">@style/ButtonStyle</item>
我想把它转换成Jetpack作曲。
在默认的撰写示例()中，您可以看到ui.theme文件夹，它类似于values文件夹，但没有String和Dimens。那么我如何将String和Dimens添加到这个compose文件夹中呢？
浏览 4提问于2021-03-21得票数 4
回答已采纳
我有一个视图，它有一排带有fadingEdge的芯片。 我正在Compose中重新实现页面。但我不确定如何在Compose中实现fadingEdge行为。 我会放置一个相同长度的间隔，并有一个渐变作为它的背景，但这看起来不像是相同的效果。Android效果一开始是看不见的，然后随着视图的滚动，开始伸展以覆盖项目。这不是一个间隔器的工作方式。
浏览 45提问于2021-08-06得票数 2
回答已采纳
我在我的项目中使用撰写版本1.1.1。我像这样使用LocalRippleTheme
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.material.ExperimentalMaterialApi
import androidx.compose.material.Surface
import androidx.compose.material.ripple.LocalRippleTheme
import androidx.compose.materia
浏览 11提问于2022-10-10得票数 1
回答已采纳
AppBarLayout中的app:liftOnScroll="true"属性允许在滚动与app:layout_behavior="@string/appbar_scrolling_view_behavior"关联的视图(通常是RecyclerView或ScrolelView内部的任何内容)时，视图显示为提升(基本上是在底部添加一小行立面阴影)。 在Jetpack Compose中有这样的东西吗？我找不到兼容的行为，无论是使用TopAppBar还是常规的Text (在它们的任何参数或修饰符中)。 简而言之，有没有办法提升一个类似工具栏的视图，但只有当底层列表/
浏览 166提问于2021-06-27得票数 3
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
