标签: drag

Kendo UI 网格禁用拖动行选择

目前我有一个带有多个可选行的剑道网格。我的问题是,由于 Kendo 的拖动行选择功能,我无法从任何列中选择文本。有没有办法禁用 Kendo Grid 中的拖动行选择?

非常感谢

grid text drag kendo-ui

5
推荐指数
1
解决办法
2621
查看次数

如何在Unity中使用OnMouseDrag在屏幕上拖动时禁用按钮OnClick

我用来OnMouseDrag()更改屏幕上对象的相机视图。代码如下:

void OnMouseDrag() {    
if (isGameOver) {           
return;         
}       
float rotSpeed = GameConst.rotateSpeed * 20.0f ;
float rotX = Input.GetAxis("Mouse X") * rotSpeed * Mathf.Deg2Rad;
float rotY = Input.GetAxis("Mouse Y") * rotSpeed * Mathf.Deg2Rad;
transform.RotateAround(Vector3.up, -rotX);      transform.RotateAround(Vector3.right - Vector3.forward, -rotY);
}
Run Code Online (Sandbox Code Playgroud)

然后我用来button.OnClick().AddListerner()在单击按钮时附加一个函数。

问题是,每次当我完成拖动时,如果鼠标向上的位置在按钮区域中,按钮也会调用该OnClick()函数。OnClick()当只是拖动操作时如何禁用?

c# mouse button drag unity-game-engine

5
推荐指数
1
解决办法
5353
查看次数

Angular CDK 拖放:取消拖动操作

使用@angular/cdk 的新拖放功能(我目前使用的是 7.0.0-beta.2 版),是否可以取消拖放操作?

我没有在“CdkDrag”上找到可以解决问题的匹配函数。

编辑自 2019-01-10

感谢您到目前为止的答复。不过,我想我还不够清楚:我正在寻找一种方法来取消已经在进行中的拖动动作。IE。在拖动项目时,我希望有可能使该项目返回到它来自的容器(例如通过按 Escape 键)。

有任何想法吗?

drag angular2-directives angular angular-cdk

5
推荐指数
1
解决办法
5095
查看次数

“Angular cdk Drag drop”用于将列表中的项目拖放到容器中(无序)

我知道 cdk 拖放可以很好地处理列表,并且有很多示例。

但我想做的是,

一侧是列表,另一侧是容器。容器中的物品应该位于容器中的任何位置,并且可以由 x 和 y 轴固定。

因此,当从列表中拖放到容器中的某个 (x,y) 时,该项目应保持该位置。

请帮助我。如果可能,请提供代码示例。

drag-and-drop drag angular-material angular angular-cdk

5
推荐指数
0
解决办法
954
查看次数

如何在 React Native 中制作交互式绘图应用程序?

如何在 React Native 中轻松创建这样的应用程序?

在此处输入图片说明

正如您在 gif 上看到的,我需要在网格上绘制矩形。是否有任何图书馆甚至付费商业解决方案来创建具有高级绘图的应用程序,例如 gif 所示?

drawing interactive touch drag react-native

5
推荐指数
1
解决办法
4194
查看次数

如何在 SwiftUI 中正确制作可调整的分割视图?

这是我第一次尝试 SwiftUI,我正在尝试创建一个充当分割视图的 SwiftUI 视图,并在两个视图的中心有一个可调节手柄。

这是我当前的代码实现示例:

struct ContentView: View {

    @State private var gestureTranslation = CGSize.zero
    @State private var prevTranslation = CGSize.zero

    var body: some View {

        VStack {
            Rectangle()
                .fill(Color.red)
                .frame(height: (UIScreen.main.bounds.height / 2) + self.gestureTranslation.height)
            RoundedRectangle(cornerRadius: 5)
            .frame(width: 40, height: 3)
            .foregroundColor(Color.gray)
            .padding(2)
            .gesture(DragGesture()
                    .onChanged({ value in
                        self.gestureTranslation = CGSize(width: value.translation.width + self.prevTranslation.width, height: value.translation.height + self.prevTranslation.height)

                    })
                    .onEnded({ value in
                        self.gestureTranslation = CGSize(width: value.translation.width + self.prevTranslation.width, height: value.translation.height + self.prevTranslation.height)

                        self.prevTranslation = self.gestureTranslation
                    })
            )
            Rectangle()
                .fill(Color.green)
                .frame(height: …
Run Code Online (Sandbox Code Playgroud)

resize drag splitview swift swiftui

5
推荐指数
1
解决办法
2823
查看次数

拖动手势时将矩形限制为屏幕边缘

我刚刚开始使用 SwiftUI,我希望找到最好的方法来解决在拖动手势期间将该矩形保持在屏幕边界内的问题。现在它会离开边缘,直到到达正方形的中间(我想是因为我正在使用 CGPoint)。

我尝试做一些数学来限制矩形,它只在左侧成功,但这似乎是一种糟糕的方法,并且没有考虑到不同的屏幕尺寸。有人可以帮忙吗?

struct ContentView: View {
    @State private var pogPosition = CGPoint()
    
    var body: some View {
        PogSound()
            .position(pogPosition)
            .gesture(
                DragGesture()
                    .onChanged { value in
                        self.pogPosition = value.location
                        
                        // Poor solve
                        if(self.pogPosition.x < 36) {
                            self.pogPosition.x = 36
                        }
                }
                .onEnded { value in
                    print(value.location)
                }
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

gesture drag swift swiftui draggesture

5
推荐指数
1
解决办法
2162
查看次数

猫头鹰旋转木马防止点击拖动

我在 Angular 中使用ngx-owl-carousel-o库。每个轮播项目都被创建为一个带有(点击)事件的 div。我遇到的问题是,在拖动轮播时,它总是会不合需要地触发点击事件,即点击应该只在不拖动时触发。

<owl-carousel-o [options]="customOptions" (dragging)="on_carouselDrag($event.dragging)">
    <ng-container *ngFor="let item of items">
        <ng-template carouselSlide>
            <div (click)="on_itemSelected(item)">
                <!-- ... -->
            </div>
        </ng-template>
    </ng-container>
</owl-carousel-o>
Run Code Online (Sandbox Code Playgroud)

我已经制定了一个似乎有效的解决方案,但我不确定它是否适合使用setTimeout. 我基本上只是用它来延迟结束on_carouselDrag以确保on_vendorSelected首先触发。

on_itemSelected(item: string): void {
  if(!this.isDragging){
    // ...
  }
}

on_carouselDrag(dragging: boolean){
  setTimeout(() => {
    this.isDragging = dragging;
  }, 10 )
}
Run Code Online (Sandbox Code Playgroud)

如果可以改进这种方法,将不胜感激。

javascript click drag owl-carousel angular9

5
推荐指数
1
解决办法
299
查看次数

Splidejs 拖动选择索引

状态:splidejs组件有24张幻灯片,只有3张幻灯片向用户显示,焦点:'center'

问题:用户拖动幻灯片后,(所选幻灯片的)属性索引仍然指示旧的不可见幻灯片。

问题:拖动后如何更改可见幻灯片(中心)的选定索引?

任何帮助将是适当的。

javascript drag typescript splidejs

5
推荐指数
1
解决办法
785
查看次数

如何在 Swiftui 中拖动刷新网格视图 (LazyVGrid)?

如何在 swiftui 中拖动刷新网格视图?我知道你可以在 iOS 15 中使用带有可刷新修饰符的列表视图来做到这一点,但是如何使用 LazyVGrid 来做到这一点呢?在 iOS 15 之前的列表视图或网格视图中,您会如何执行此操作?我在 swiftui 还很新。我附上了一张 gif 动图,展示了我想要实现的目标。

拖动刷新

refresh drag swiftui refreshable

5
推荐指数
1
解决办法
2369
查看次数