个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
从最终用户的 Angular 来看。如果我有一个垂直 div 列表，每个 div 中都有不同的内容，我应该提供向上/向下箭头来重新排序 div，还是应该允许用户将 div 拖放到特定顺序？
拖放 允许用户将 div 放置在垂直列表中的任何位置，但对于最终用户而言 div 是可移动的可能并不明显。
每个 div 旁边的向上/向下箭头 会提供视觉提示，但如果最终用户想要将特定的 div 向上或向下移动很多位置，这对最终用户来说会很尴尬。
关于上述，由于我使用 Moodle 进行教学，我偏向于拖放。我们确实有一个克服视觉提示问题的培训类(class)。我的目标是让我的应用尽可能对用户友好，而不必教用户太多(如果有的话)。
div 是否有特定的 CSS 样式来提供提示 - 就像可以拖放的抓手，我可以使用 CSS 在 div 周围放置某种视觉提示吗。
欢迎任何意见，我希望你能理解我在这里想要实现的目标。
附言垂直列表可能会很长。
最佳答案
关于 User Experience Stack Exchange 上的可用性问题，您可能会得到一些更好的答案。 .我自己的轶事经历是，在一个长列表中，一次只能将元素向上或向下移动一个元素的界面是完全痛苦，当拖放终于成为实现后，这是一股清新的空气。
我还进行了可用性测试(任务 1 in this PDF)，其中一个简单的标签“拖动以添加新...”(这是一个复制界面，而不是重新排序界面)在一些药丸之上 - 8 位用户中有 8 位用户在没有任何提示的情况下很快发现了形状元素(带有“抓手”光标和悬停时颜色变化)。
至于您的技术问题，您可以实现几种不同的 CSS 光标样式(特别是 cursor: move;、cursor:grab、 cursor:grabbing(我的偏好是悬停时“抓取”和拖动时“抓取”)。我在这里展示了一些:https://jsfiddle.net/xnho95oL/，以及一些可能出现的“占位符”元素的想法(并且可能会在将元素拖到它们上面时扩展或以其他方式改变外观)。
关于javascript - 哪种方法更适合可重新记录的 div - 向上/向下箭头或拖/放？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37369981/
24
4
0
我想了解 Ruby 方法 methods() 是如何工作的。 我尝试使用“ruby 方法”在 Google 上搜索，但这不是我需要的。 我也看过 ruby-doc.org，但我没有找到这种方法。
Test 方法 对指定的字符串执行一个正则表达式搜索，并返回一个 Boolean 值指示是否找到匹配的模式。 object.Test(string) 参数 object 必选项。总是一个
Replace 方法 替换在正则表达式查找中找到的文本。 object.Replace(string1, string2) 参数 object 必选项。总是一个 RegExp 对象的名称。
Raise 方法 生成运行时错误 object.Raise(number, source, description, helpfile, helpcontext) 参数 object 应为
Execute 方法 对指定的字符串执行正则表达式搜索。 object.Execute(string) 参数 object 必选项。总是一个 RegExp 对象的名称。 string
Clear 方法 清除 Err 对象的所有属性设置。 object.Clear object 应为 Err 对象的名称。 说明 在错误处理后，使用 Clear 显式地清除 Err 对象。此
CopyFile 方法 将一个或多个文件从某位置复制到另一位置。 object.CopyFile source, destination[, overwrite] 参数 object 必选
Copy 方法 将指定的文件或文件夹从某位置复制到另一位置。 object.Copy destination[, overwrite] 参数 object 必选项。应为 File 或 F
Close 方法 关闭打开的 TextStream 文件。 object.Close object 应为 TextStream 对象的名称。 说明 下面例子举例说明如何使用 Close 方
BuildPath 方法 向现有路径后添加名称。 object.BuildPath(path, name) 参数 object 必选项。应为 FileSystemObject 对象的名称
GetFolder 方法 返回与指定的路径中某文件夹相应的 Folder 对象。 object.GetFolder(folderspec) 参数 object 必选项。应为 FileSy
GetFileName 方法 返回指定路径（不是指定驱动器路径部分）的最后一个文件或文件夹。 object.GetFileName(pathspec) 参数 object 必选项。应为
GetFile 方法 返回与指定路径中某文件相应的 File 对象。 object.GetFile(filespec) 参数 object 必选项。应为 FileSystemObject
GetExtensionName 方法 返回字符串，该字符串包含路径最后一个组成部分的扩展名。 object.GetExtensionName(path) 参数 object 必选项。应
GetDriveName 方法 返回包含指定路径中驱动器名的字符串。 object.GetDriveName(path) 参数 object 必选项。应为 FileSystemObjec
GetDrive 方法 返回与指定的路径中驱动器相对应的 Drive 对象。 object.GetDrive drivespec 参数 object 必选项。应为 FileSystemO
GetBaseName 方法 返回字符串，其中包含文件的基本名 (不带扩展名), 或者提供的路径说明中的文件夹。 object.GetBaseName(path) 参数 object 必
GetAbsolutePathName 方法 从提供的指定路径中返回完整且含义明确的路径。 object.GetAbsolutePathName(pathspec) 参数 object
FolderExists 方法 如果指定的文件夹存在，则返回 True；否则返回 False。 object.FolderExists(folderspec) 参数 object 必选项
FileExists 方法 如果指定的文件存在返回 True；否则返回 False。 object.FileExists(filespec) 参数 object 必选项。应为 FileS
我是一名优秀的程序员,十分优秀！