- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 DragTarget
和 Draggable
制作填空 UI。我想在拖动过程中设置 feedback
和指针之间的偏移量,以防止 feedback
被手指隐藏,我需要在 feedback
和 dragtarget
之间进行 HitTest 我该如何实现? This is what I want to implement.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String _text = '';
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
Expanded(
child: Center(
child: _buildDragTarget(),
),
),
Expanded(
child: Center(
child: _buildDraggable(),
),
),
],
),
);
}
Widget _buildDragTarget() {
return DragTarget<String>(onAccept: (data) {
setState(() {
_text = data;
});
}, builder: (BuildContext context, List candidateData, List rejectedData) {
return Container(
width: 150,
height: 50,
decoration: BoxDecoration(
border: Border.all(width: 3, color: Colors.blue),
),
child: Center(
child: Text(
_text,
style: TextStyle(fontSize: 24),
),
),
);
});
}
Widget _buildDraggable() {
var draggable = Chip(
label: Text(
'draggable',
style: TextStyle(fontSize: 24),
),
);
var feedback = Transform.scale(
scale: 2.0,
child: Opacity(
opacity: 0.5,
child: Container(
padding: EdgeInsets.only(bottom: 100),
child: Material(
color: Colors.transparent,
child: Transform.scale(
scale: 0.5,
child: draggable,
)),
),
),
);
return Draggable<String>(
dragAnchor: DragAnchor.child,
child: draggable,
feedback: feedback,
feedbackOffset: Offset(0, -50),
data: 'draggable',
);
}
}
最佳答案
在这种情况下,我建议使用 Transform
小部件将选定的可拖动项目放大一点并将其用作反馈。它还会给用户一种元素已被拾起的感觉。
只需使用 Transform
包装您的可拖动小部件,并使用值为 ~1.25
的 scale
属性。 (示例值)这将使小部件的大小增加 25%。
但是,如果您特别需要为选取的项目添加偏移量,则只需使用可拖动项目的 padded
版本作为反馈。
例如,
如果您需要将可拖动项移动到当前触摸位置上方一点,则只需在可拖动项下方添加所需的填充即可。
基本上,通过在对面添加一些填充,它会给你一个在小部件中添加偏移的效果。
我仍然建议采用 Transform
小部件方法。它感觉更真实,并且在所有类似的 UI 中都很常见。
如果您对此方法有任何疑问,请在评论中告诉我。
关于flutter - 在flutter中使用 `Draggable`时如何设置反馈和指针之间的偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60737044/
这个问题已经有答案了: Is there any way to accept only numeric values in a JTextField? (20 个回答) It's possible i
我使用戴尔 XPS M1710。笔记本电脑的盖子、侧面扬声器和前置扬声器都有灯(3 组灯可以单独调节)和鼠标垫下方的灯。在 BIOS 中,我可以更改这些灯的颜色,至少是每个组。另外,我可以在鼠标垫下打
我知道我可以使用 在 iOS 5 中打开设置应用 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"prefs://"
我有一个 Django 应用程序,我正在尝试为其设置文档。目录结构如下: - doc - project | - manage.py 我已经设置了路径以便 Sphinx 可以看到东西,但是当我尝试使用
我正在使用 768mb ram 运行 centos 5.5。我一直在日志中获取 server reached MaxClients setting, consider raising the MaxC
我在具有以下配置的服务器内运行了 Drupal 安装: StartServers 5 MinSpareServers 5 MaxSpareServers 15 MaxClien
是否可以使用 Microsoft.Web.Administration 包为给定的 location 配置 asp 设置? 我想以编程方式将以下部分添加到本地 IIS applicationHost.
我一直在阅读为 kube-proxy 提供参数的文档,但没有解释应该如何使用这些参数。我使用 az aks create 创建我的集群使用 azure-cli 程序,然后我获得凭据并使用 kubect
我想知道与在 PHP 中使用 setcookie() 函数相比,在客户端通过 JavaScript 设置一些 cookie 是否有任何明显的优势?我能想到的唯一原因是减少一些网络流量(第一次)。但不是
我有一个按钮可以将 body class 设置为 .blackout 我正在使用 js-cookie设置cookie,下面的代码与我的按钮相关联。 $('#boToggle').on('click'
我有一堆自定义的 HTML div。我将其中的 3 存储在具有 slide 类的 div 中。然后,我使用该幻灯片类调用 slick 函数并应用如下设置: $('.slide').slick({
我正在创建一个应该在 Windows 8(桌面)上运行的应用 我需要: 允许用户使用我的应用启动“文件历史记录”。我需要找到打开“文件历史记录”的命令行。 我需要能够显示“文件历史记录”的当前设置。
我刚买了一台新的 MacBook Pro,并尝试在系统中设置 RVM。我安装了 RVM 并将默认设置为 ➜ rvm list default Default Ruby (for new shells)
由于有关 Firestore 中时间戳行为即将发生变化的警告,我正在尝试更改我的应用的初始化代码。 The behavior for Date objects stored in Firestore
在 ICS 中,网络 -> 数据使用设置屏幕中现在有“限制后台数据”设置。 有没有办法以编程方式为我的应用程序设置“限制后台数据”? 或 有没有办法为我的应用程序调出具有选项的“数据使用”设置? 最佳
我正在尝试使用 NextJS 应用程序设置 Jest,目前在 jest.config.js : module.exports = { testPathIgnorePatterns: ["/.n
我最近升级到 FlashDevelop 4,这当然已经将我之前的所有设置恢复到原来的状态。 我遇到的问题是我无法在新设置窗口的哪个位置找到关闭它在方括号、大括号等之前插入的自动空格的选项。 即它会自动
有没有办法以编程方式访问 iPhone/iPod touch 设置? 谢谢。比兰奇 最佳答案 大多数用户设置可以通过读取存储在 /User/Library/Preferences/ 中的属性列表来访问
删除某些值时,我需要选择哪些设置来维护有序队列。我创建了带有自动增量和主键的 id 的表。当我第一次插入值时,没问题。就像 1,2,3,4,5... 当删除某些值时,顺序会发生变化,例如 1,5,3.
我正在尝试设置示例 Symfony2 项目,如此处所示 http://symfony.com/doc/current/quick_tour/the_big_picture.html 在访问 confi
我是一名优秀的程序员,十分优秀!