将RoundedRectangle的宽度从0设置为width onAppear？
在SwiftUI中，可以使用onAppear修饰符来在视图出现时执行特定的操作。对于将RoundedRectangle的宽度从0设置为width的情况，可以通过以下方式实现：
struct ContentView: View {
@State private var rectangleWidth: CGFloat = 0
var body: some View {
RoundedRectangle(cornerRadius: 10)
.frame(width: rectangleWidth, height: 100)
.onAppear {
withAnimation(.easeInOut(duration: 1)) {
rectangleWidth = 200
}
}
}
}在上述代码中，我们首先创建了一个名为rectangleWidth的状态变量，用于控制RoundedRectangle的宽度。初始值为0。然后，在RoundedRectangle视图上使用了onAppear修饰符，当视图出现时，执行其中的闭包。在闭包中，我们使用了withAnimation修饰符来添加动画效果，并将rectangleWidth的值设置为200，从而将RoundedRectangle的宽度从0逐渐变为200。
这种技术可以在需要在视图出现时执行特定操作的情况下使用，例如在加载视图时执行动画、初始化数据等。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我认为我写的是正确的，但是RoundedRectangle不是animating...What I missing？?View { ZStack { RoundedRectangleframe(height: 15)
浏览 10提问于2021-01-27得票数 2
1回答
我正在尝试创建一个“发光”动画到我的应用程序中的某些视图，但动画的行为有点奇怪。对时间小部件可以看到正确的动画，对练习小部件可以看到错误的行为。 .cornerRadius(20) RoundedRectangle.scaleEffect(1) .
浏览 4提问于2022-02-06得票数 0
1回答
* 2.0), 1.0), green: min((fraction * 2.0), 1.0), blue: 0)) 进度在可变分数中表示为十进制。从本质上说，灰色条是整个进度，而进度用一个较小的条形表示，其宽度和颜色取决于分数。下面是此代码的一个示例，其中的分
浏览 8提问于2022-07-13得票数 2
回答已采纳
2回答
我用这个例子来构建一个加载动画，动画部分是从天上掉下来的。y: -25) RoundedRectangle(cornerRadius: 3) .frame(width: 250, height: 3) RoundedRectangle(cornerRadius: 3)
.s
浏览 1提问于2022-04-19得票数 -2
这是我所做的，但问题是文本背景。它也可以通过将文本的背景设置为白色来在白色背景上实现，但是如果是图像背景，则可以保持“划线”。您可以在下面找到一个源代码，我试图使其尽可能接近结果。, bottom: 15, trailing: 10)) ZStack {
RoundedRectangle
浏览 13提问于2022-03-09得票数 3
回答已采纳
我想让这个条形图的高度(较大条形图的一部分)动画显示从0到它的给定高度，但我不能在SwiftUI中完全理解它。var dayText: String .font(Font.footnote.monospacedDigit())
R
浏览 26提问于2021-01-06得票数 2
回答已采纳
我有一个RoundedRectangle，我想让修剪永远旋转和制作一个很好的动画从它。
.animation(.linear.delay(1).repeatForever(autoreverses: true),startPoint: .topLeading, }
浏览 11提问于2022-10-30得票数 2
回答已采纳
我从API调用中获取用户配置文件信息，并希望将现有数据(如名称、性别等)填充到我的用户配置文件字段中。但是，我不知道如何分配TextField的状态变量(TextField)。下面的代码是完整表单视图的子视图。我在parent view .onAppear{}上打网络电话。: geometry.size.width/1.2, height: 40) RoundedRectang
浏览 1提问于2020-06-15得票数 3
回答已采纳
1回答
我想旋转我的视图，这样它就会改变它的框架，并在旋转时覆盖整个屏幕。我已经尝试了所有类型的旋转和不同的锚点。这在iOS 13中工作得很好，但在iOS 14中，视图和边距之间有一个奇怪的差距。alignment: Alignment(horizontal: .trailing, vertical: .center)) {
浏览 1提问于2020-09-21得票数 0
2回答
我有一个与此有关的问题：在我的例子中，我有一个描述圆角矩形的函数。调用方指定矩形的位置角半径
在这种情况下，我应该使用参数对象模式吗？很难看出这些参数是如何关联的。
浏览 0提问于2012-09-12得票数 5
回答已采纳
我遇到了一个问题，当子视图大于总屏幕宽度时，我的ClipShape被禁用。我试着修补它，但我不明白这里有什么问题。CGFloat = 0 @State var screen = UIScreen.main.bounds.width - 30@State var op : CGFloat = 0
Card(id: 0, title
浏览 8提问于2020-05-10得票数 1
回答已采纳
我有一个视图堆栈，如根-> subViewA -> subViewB，并且将@State相互传递给对方视图，这个变量控制显示或隐藏什么，这是我的代码： } } RoundedRectangle(cornerRadius: 20)
.frame(
浏览 3提问于2021-08-02得票数 1
在我的应用程序中，我使用onChange()方法和发行者来检测和通知可用的屏幕宽度变化。此外，我在视图模型中使用innerWorkInProgress已发布的属性来控制视图的不透明度。在屏幕宽度变化时，视图的不透明度设置为0。一旦更新了视图的内容，它的不透明度就会在onAppear()方法中设置为1。我的问题是
浏览 3提问于2022-01-13得票数 0
回答已采纳
已设置rectangle的宽度和高度。我想在其中包含文本，如果文本比rectangle所能容纳的空间长，那么它应该是truncate。将padding应用于text是唯一的方法，还是有其他适当的方法？ContentView: View { ZStack {
RoundedRectangle.continuou
浏览 2提问于2022-01-03得票数 0
回答已采纳
1回答
SwiftUI图表动画
、、、、
= geometry.size.width
path.move(to: CGPoint(x: 0, y: -height* self.ratio(for: 0)))
for index in 1..问题是路径的起点。图表从“幕后”左上角位置移动。我不知道怎么在动画开始之前设置这个。如果我创建一个变量path: Path，我如何初始化，例如，CGRect，如果这是在一个
浏览 4提问于2022-03-29得票数 0
1回答
我正在制作一个应用程序，它在你的位置周围显示一个圆圈，圆圈的宽度和高度设置为200像素。但是，当你放大或退出应用程序时，圆圈保持不变，不会收缩/增长。这是地图的代码： interactionModes: .all,.fill(.red)
浏览 1提问于2022-10-02得票数 -2
回答已采纳
我创建了一个自定义的水平滚动，它使用动画滚动。当视图出现时，它使用动画来表示视图。然后在.onAppear内部 ...这是代码的一个示例： @State var offset:
浏览 5提问于2020-05-15得票数 1
回答已采纳
2回答
在我的应用程序中，我想通过一个从一个日期到下一个日期的“日历”转换来显示时间的流逝。例如，如果我想显示从18，19，到20的日期，我将显示18秒，然后淡出，在19，淡出，然后在20。(cornerRadius: 20) .frame(width: 200, height: 200)
RoundedRectangl
浏览 2提问于2022-01-06得票数 0
回答已采纳
1回答
，非常微妙地“脉冲”它的宽度。一旦视图第一次出现，应用程序将永远消耗5-6%的CPU。应用程序正确地使用了0%的CPU，然后这个NSPopover第一次出现，动画开场。我所需要的
、、SwiftUI、.onAppear()和.onDisappear()方法名不详。它们实际上应该被称为.onInsertion()和.onRemoval()，因为只有当视图从层次结构中添加/删除时才会调用它们。(您可以将.rep
浏览 8提问于2022-11-29得票数 0
我的应用程序运行在Swift UI上，我的主页是Home()，在主页上有NavigationView和NavigationLink(destination: SaveThePlanet())，我有隐藏导航视图在主页10 : 0) .opacity(showSaveThePlanet ?0 : 1)
rightIconClose(show:
浏览 45提问于2019-10-16得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
