SwiftUI中的拖动分隔符
是一个用于在视图中创建可拖动的分隔线的控件。它允许用户通过拖动手势来调整视图的大小或位置。
拖动分隔符可以在水平或垂直方向上使用，并且可以在容器视图中创建可调整大小的子视图。它通常用于创建可自定义布局的用户界面，例如拖动分隔符可以用于调整两个视图之间的比例或调整视图的宽度或高度。
在SwiftUI中，可以使用Divider视图来创建拖动分隔符。以下是一个示例代码：
struct ContentView: View {
@State private var width: CGFloat = 200
var body: some View {
HStack {
Rectangle()
.frame(width: width, height: 200)
.foregroundColor(.blue)
Divider()
.gesture(DragGesture()
.onChanged { value in
self.width = value.location.x
}
)
Rectangle()
.frame(width: 300 - width, height: 200)
.foregroundColor(.red)
}
}
}在上面的示例中，我们创建了一个水平的拖动分隔符，它可以通过拖动手势来调整蓝色矩形和红色矩形之间的宽度。@State属性width用于存储拖动分隔符的位置，并通过手势的onChanged回调来更新它。
拖动分隔符在用户界面设计中有广泛的应用场景，例如创建可调整大小的面板、拖动式布局编辑器等。在腾讯云的产品中，可以使用云服务器（CVM）和云数据库（CDB）来支持构建和扩展具有拖动分隔符功能的应用程序。您可以通过以下链接了解更多关于腾讯云的产品信息：
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求和情况进行评估。
相关·内容
3回答
你能用CSS和jQuery创建“连体矩形”吗？
jquery、css
是否可以使用CSS和jQuery创建一个具有以下特性的“矩形行”？
vertical vertical vertical
border0 border1 border2
+----------------+------------+ / \
| | | |
| rectangle0 | rectangle1 | | fixed height
| | | |
+-------
浏览 3提问于2011-03-23得票数 2
回答已采纳
1回答
快速的DragGesture触角区域检测到外界的触觉？
swiftui、gesture
我有以下代码：
struct ContentView: View {
@State var progress:Float = 0.3
var body: some View {
ASlider(progress: $progress)
.frame(width: 300, height: 40)
}
}
struct ASlider: View {
@Binding var progress: Float
var body: some View {
浏览 3提问于2021-12-20得票数 -1
2回答
SwiftUI拖动手势没有结束
xcode、swiftui
我试图在SwiftUI中创建一个具有旋转效果的自定义视图。我没有使用旋转手势，而是尝试通过向父对象添加一个单独的视图来使用拖动手势来旋转父对象。拖动子节点(蓝点)将旋转其父节点(ZStack)。但是我在拖蓝点的时候遇到了困难。拖动手势没有结束。你们能帮我找出我做错了什么吗？
import SwiftUI
struct EditingHolder: View {
/* For Rotation Circle Drag */
@State private var currDragRect : CGSize = .zero
@State private var prevD
浏览 13提问于2022-05-02得票数 0
3回答
在SwiftUI中，如何在容器视图之外做出不活动的手势？
ios、swiftui、gesture、clipping
我试图使视图仅在其裁剪容器视图中可拖动和/或可缩放(否则它可能会遇到并与其他视图的手势发生冲突)，但到目前为止，我尝试过的任何操作都无法阻止该手势扩展到容器的可见边界之外。
下面是我不想要的行为的简化演示.
当红色矩形部分超出绿色VStack区域(剪裁)时，它会响应超出绿色区域的拖动手势：
import SwiftUI
import PlaygroundSupport
struct ContentView: View {
@State var position: CGPoint = CGPoint(x: 100, y: 150)
@State var last
浏览 6提问于2020-07-23得票数 6
1回答
在Windows 8中移动和调整画布内的矩形
xaml、windows-8、windows-runtime
如何在windows 8中水平移动和调整画布中的矩形。我正在尝试在我的应用程序中创建一个类似于控件的缩放。它将像我可以调整矩形水平大小一样工作，也可以在画布中移动矩形。根据矩形的位置，我将计算标度值。但是，当我尝试同样的方法时，我会继续调整矩形的大小(拖到矩形的左侧和右侧以展开)。请任何人指导我发展同样的。不用费劲为我创造一个样本。指引我吧，剩下的我来做。
浏览 7提问于2014-01-20得票数 3
回答已采纳
1回答
PIXI JS -我想用鼠标改变矩形的宽度/高度和位置。
javascript、pixi.js
var rectangle = new Graphics();
rectangle.beginFill(0, 0.001);
rectangle.lineStyle(1, 0xFF0000);
rectangle.drawRect(5, 5, 200, 100);
rectangle.interactive = true;
rectangle.buttonMode = true;
rectangle.on('pointerdown', onDragStart)
浏览 13提问于2022-05-30得票数 2
回答已采纳
2回答
SwiftUI拖拽手势与多点触控冻结
ios、swiftui、swift5、draggesture
我正在尝试在SwiftUI中拖动视图。 在我将食指放在屏幕上之前，拖动都是完美的，之后拖动停止，两个代码块(onChanged，onEnded)都不会被调用。 但是，当我再次用一根手指拖动时，它又开始工作了。 有没有解决这个问题的办法，或者我遗漏了什么？ struct Pager: View {
func drag(geometry: GeometryProxy) -> some Gesture {
DragGesture()
.onChanged({ (value) in
//some code
})
.onEnded({ (value
浏览 44提问于2020-07-23得票数 4
2回答
如何使用DragGesture()在SwiftUI中调整形状大小限制？
swift、swiftui、draggesture
我试图使用DragGesture()创建一个可调整大小的形状，并且在拖动时找不到限制形状大小的方法。
这是当前的输出。我不想越界。
这是当前的代码：
struct ContentView: View {
var body: some View {
VStack {
CustomDraggableComponent()
.frame(width: 350, height: 350, alignment: .center)
.border(Color.green, width:
浏览 8提问于2021-12-12得票数 0
回答已采纳
1回答
SwiftUI DragGesture被ScrollView吞食
swiftui、scrollview、gesture、draggesture
我希望在任何SwiftUI视图上注册一个特定的拖动手势，包括ScrollViews和任何其他手势(即，不影响现有手势)。但是，当按如下方式在DragGesture上添加一个ScrollView时，这个手势似乎立即被ScrollView吞没了。
ScrollView {
Rectangle()
.frame(width: 500, height: 500)
}
.simultaneousGesture(
DragGesture()
.onChanged { value in
print("changed:",
浏览 28提问于2022-04-25得票数 2
1回答
如何启用多个手势？
swift、swiftui
我已经创建了一个应用程序，它由主视图组成，其中有多个视图，每个形状一个。对于形状，我想让一些互动，以改变它的性质在敲击。由于转换也依赖于tap位置，所以我以以下方式将其实现为DragGesture：
.gesture(DragGesture(minimumDistance: 0, coordinateSpace: .global)
.onChanged { gesture in
print("Tap location: \(gesture.startLocation)")
})
除了单个形状的转换之外，我还希望使用户能够拖动整个内容和/
浏览 4提问于2020-08-13得票数 1
回答已采纳
4回答
怎么买云服务器？
云服务器、5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 478提问于2018-03-12
1回答
使用2 swiftUI在HSplitViews中创建3个窗格接口
macos、swiftui
这是给MacOS的。我试图制作一个相当标准的3窗格界面，就像您在Xcode和其他应用程序中看到的那样，在调整窗口大小时，中心视图具有优先级。这两个边视图是可调整大小的，但是当窗口调整大小时，应该保持相同的大小。我有下面的示例，它可以做我想做的事情，但是当我调整窗口的大小时，但是只有当我使窗口变小(实际上只有当窗口变窄时)，才会有一个奇怪的调整大小的伪像：
struct ContentView: View {
var body: some View {
GeometryReader{geometry in
HSplitView(){
R
浏览 2提问于2020-03-22得票数 6
回答已采纳
1回答
SwiftUI TabView和simultaneousGesture
swiftui、gesture、tabview、simultaneous
我有一个TabView，它有一些视图，其中包含DragGesture。我希望能够将视图与TabView分页一起拖动。我正在尝试使用simultaneousGesture作为拖动手势。这适用于ScrollView，但不适用于TabView。正如您在示例中所看到的，第二个页面上的绿色方块可以被拖动，但是这不会与TabView的水平滚动同时发生。
下面是代码的简化版本：
struct ContentView: View {
let colors:[Color] = [.red, .green, .blue]
@State private var location: CGPoint = CGP
浏览 21提问于2022-07-29得票数 1
2回答
我在HStack中有一个比其父视图更宽的SwiftUI视图。当这种情况发生时，HStack在leading和trailing两个方向上扩展，尽管被放在VStack中并将alignment设置为.leading (我曾希望它会锚定leading边缘)。 考虑以下简化的Playground代码： import SwiftUI
import PlaygroundSupport
struct TestView : View {
var body: some View {
VStack {
VStack(alignment:
浏览 17提问于2020-11-09得票数 0
回答已采纳
2回答
如何在SwiftUI中创建此视图？
ios、xcode、layout、swiftui
我正试图在SwiftUI中创建这样一个视图(抱歉，它太大了)：
具体来说，我试图在屏幕的顶部构建标签/条形图条的滚动行。在我看来，它就像一个水平滚动的ScrollView，包含一些barGraphItems的数字X，它们每个都是带有标签和彩色矩形的VStack。然后VStack被旋转270 The。
下面是我到目前为止掌握的代码：
import SwiftUI
struct ContentView: View {
var body: some View {
HStack(alignment: .bottom, spacing: 0) {
浏览 1提问于2020-04-30得票数 2
回答已采纳
1回答
如何在视图内容更改时停止SwiftUI DragGesture
swiftui、xcode11.3
在我的应用程序中，我水平拖动一个View来设置模型对象的位置。我也可以向下拖动它，然后释放它来删除模型对象。当它被拖到足够深的地方时，我通过改变它的外观来指出删除的可能性。问题是，此更改会中断DragGesture。我不明白为什么会这样。
下面的示例代码演示了这个问题。您可以左右拖动浅蓝色框。如果你往下拉，它就会变成“光线”系统图像，但阻力消失了。
DragGesture应用于大小为50x50的ZStack。ZStack应该在状态更改后继续存在，不是吗？为什么拖拽手势正在消亡？
struct ContentView: View {
var body: some View {
浏览 22提问于2020-02-20得票数 1
回答已采纳
4回答
请各位大给个参考方案，存储相关？
对象存储
200GB的档案，需要存放在腾讯云产品上，供第三方下载，第三方在200家左右。需要有WEB登录界面，账号权限分配，看了一下对象存储，流量收费有点贵。
除了对象存储，只能租用主机自己搭建FTP吗？还有其他方案吗？
如果自己租用主机搭建环境，对于200家下载需要选择多少的带宽能保障他们的下载速度呢？
浏览 719提问于2017-08-29
1回答
使用SwiftUI调整DragGesture视图的框架将使其在所有维度上调整大小。
ios、swift、swiftui
我试图在SwiftUI中实现一个简单的视图，它可以通过放置在左下角的拖动手柄来调整大小。可调整大小视图的尺寸是通过控制宽度和高度的两个@State变量来设置的。这些变量在拖动句柄捕获的DragGesture的onChanged处理程序中发生变异。
这有点管用，但不是我所期望的那样。当我对拖动手柄执行拖动手势时，视图在所有维度上都会被调整大小。我希望调整大小的工作方式与桌面窗口一样；拖动不应该调整视图的所有方向的大小。
下面是来自iOS模拟器的记录，显示错误的行为：
我知道SwiftUI视图的中心被认为是它的起源，这可能就是导致这种行为的原因。我不知道该怎么解决这个问题。
这是我的密码
浏览 13提问于2022-04-16得票数 0
回答已采纳
1回答
如何在SwiftUI中组合3个不同的同时手势？
ios、swiftui
试图在SwiftUI中组合3个同时的手势，然而SwiftUI的SimultaneousGesture()只支持2个手势。 例如，我有一个基本视图，例如： struct myRect: View {
var body: some View {
Rectangle()
.fill(Color.red)
.frame(width: 200, height: 200)
}
} 我需要这个视图是可拖动的，可旋转的，可调整大小的。 我假设我需要使用DragGesture()、RotationGesture()和Magnifi
浏览 22提问于2020-04-10得票数 5
3回答
实现一个可以通过触摸拉伸和旋转的UIView
iphone、ios、cocoa-touch、uiview、uigesturerecognizer
我正在尝试实现一个矩形视图，它执行以下操作。当用户从左侧或右侧拖动矩形视图时，它会拉伸，如下所示：
当用户向上或向下拉UIView时，它会按如下方式旋转：
不知道是否有人可以给我一个如何实现这一点的线索。我不相信你能用手势识别器做到这一点。有人知道吗？
更新:假设没有旋转，这样做实际上还不错。您可以根据用户向左或向右拖动的量对其进行拉伸，也可以根据用户向上拖动的量对其进行旋转。但是，当旋转视图时，此方法将不再起作用，因为点发生了变化。你知道怎么执行这个吗？
浏览 0提问于2013-03-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
