首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    后台系统设计(下篇:输入)

    在外观和功能上是均有区别,请正确使用请勿混用,以提供符合预期及认知的模式,且设定最大范围。 输入框自动增长(根据输入内容进行高度变化),只可改变输入框高度,请设定最大高度。 ?...当输入不规范的字符时清除或显示最小值,输入的值超过最大值则显示为最大值,并显示工具提示说明输入范围。 当用户输入不合格的值,再未键出的情况下滑出步进器的视图区域点击保存,如何更好的提示报错?...根据具体的使用情景我们将滑块细分为:单滑块(单值)、双滑块(可选择范围)、分段式滑块(非范围内的任意值)和带输入框滑块(和输入控件保持同步),以及相应的水平或垂直方向。...对于书写及阅读习惯从左向右的人群而言,值的范围一般为左小右大,上大下小。 ·如果你不允许滑块选取任意值,请使用分段的步骤点。 ·如果滑块可编辑,当鼠标悬停在手柄上时,手柄高亮显示,并出现手型光标。...·在某些情况下,滑块直接充当为命令控件,在用户选择时或选择后,操作结果即时生效。 例如音量控件。 ·当滑块上没有其实时显示滑块值的地方时,请使用值标签显示滑块的当前值。 ?

    4.1K21

    小小滑块大大学问,你真的会用滑块了吗?

    滑块的使用已经不是什么新鲜的设计方式了,作为一种标准UI控件,滑块在设计上被广泛用于选择某个值或值范围。...可视化输出 滑块这个控件,主要用途就是帮助用户选择某个特定值(或值范围)。通常,用户通过读取滑块上的标签就能获取有关值的信息。同时,将可视化数据连接到滑块还可以创建更佳的用户体验。...滑块的这种设计被很多网站采用,Airbnb就是一个典型的例子。 ? Airbnb将价格范围选择的滑块与直方图进行了配对,在直方图上显示了价格分布和每晚平均价格。...Trulia的房屋购买力承受计算器采用了色彩值变化的滑块设计,该滑块能够通过色彩变化和形状大小变化很直观的告知用户相关的债务收入情况,以此来引导用户做出正确选择,规避风险。 ? 3....允许用户设置特定值 许多滑块都有同样的问题,很难通过滑动滑块来选中一个精确值。毫无疑问,在这一点上,滑块永远也无法取代常规文本输入字段。

    2K30

    Unity基础教程系列(七)——可配置形状(Variety of Randomness)

    添加具有最小值和最大值作为参数的构造方法,以初始化属性。为了使范围合理,请强制最大值不能小于最小值。 ? 现在,我们可以使用自己的属性代替Range。...我们可以通过floatValue属性访问min和max的float值。首先,我们必须得到它们,然后在显示了范围滑块之后,我们必须对其进行设置,以防它们被更改。...这是必需的,因为方法不能返回两个值。 ? ? (滑块的范围设置为0~1) 4.5 滑块值 尽管滑块不错,但无法指定确切的值(极值除外)。...这可能不是问题,因为颜色不需要精确,但是它使得无法检查要复制的一个滑块的值以用于其他地方。因此,我们也为最小值和最大值添加常规输入字段。...它返回可能更改的值。之后是滑块,然后是最大输入字段。 ? ? (滑动块 带有值域) 我们可以通过将滑块的一半宽度专用于滑动块,使滑动字段各占四分之一来改善布局。

    2.7K30

    用户不填表?那是因为你没用好这7个设计准则

    但如果我们能确认大致时间以及范围就可以采用如下形式: ?...最低/最高区间的选择可考虑使用滑块交互 如果是在一个区间去选择选项可考虑使用滑块方式,用户只需要在一个设定的最低和最高值之间移动滑块就可以,和传统下拉菜单相比大大地降低了输入成本。...一旦用户点击文本框,标签将消失,因此用户无法仔细检查他/她写的是什么确实是为了被写入。占位符文本是视觉标签一个贫穷的替代品。 ?...放置在标签上移动领域以上的主要好处是,你可以有表单字段延长屏幕的整个宽度,使它们足够大,以显示整个用户的输入(在一个体面的字体大小16像素一样)。...另外,也可以使用浮动标签,确保他们填写了正确的外地用户。占位符文本默认情况下显示,但一旦一个输入字段被窃听和输入文本占位符文本淡出和顶部对齐的标签的动画。

    1.9K60

    WPF:无法对元素“XXX”设置 Name 特性值“YYY”。“XXX”在元素“ZZZ”的范围内,在另一范围内定义它时,已注册了名称。

    WPF:无法对元素“XXX”设置 Name 特性值“YYY”。“XXX”在元素“ZZZ”的范围内,在另一范围内定义它时,已注册了名称。...Name 特性值“YYY”。...“XXX”在元素“ZZZ”的范围内,在另一范围内定义它时,已注册了名称。 ---- 编译错误 编译时,出现错误: 无法对元素“XXX”设置 Name 特性值“YYY”。...“XXX”在元素“ZZZ”的范围内,在另一范围内定义它时,已注册了名称。 MC3093: Cannot set Name attribute value ‘X’ on element ‘Y’....这里的 XXX 是元素的类型,YYY 是指定的名称的值,ZZZ 是父容器的名称。

    3.1K20

    简单了解下无障碍设计模式

    样式 布局 Material Design 的触摸目标指南使那些无法看到屏幕、或者运动不灵活的用户能够点击应用中的元素。 触摸目标 触摸目标是屏幕中响应用户输入的部分。...正确示例 滑块值和滑块控件非常接近。 错误示例 滑块值和滑块控件之间的距离太远。对于放大了屏幕的用户,如果不在滑块和值之间来回浏览的话,可能不能同时看到滑块和值。...重要操作:将重要操作放在屏幕的顶部或底部(使用快捷方式即可访问) 相关项目:将相似层级的相关项目放在彼此相邻的位置 正确示例 通过把重要的操作放在屏幕顶部,使它们在层次结构中显得更重要。...正确示例 朗读的描述指明了由图标表示的操作。 错误示例 描述图标的外观无法清楚的表明操作的作用。...正确示例 导航菜单的无障碍文本可以是 “显示/隐藏导航菜单” (首选)或者 “显示/隐藏主菜单” (可接受)。 错误示例 朗读时,文本 “侧面抽屉” 无法指明会发生什么操作。

    4.8K40

    【从零学习OpenCV 4】创建图像窗口滑动条

    value:指向整数变量的指针,该指针指向的值反映滑块的位置,创建后,滑块位置由此变量定义。 count:滑动条的最大取值。 onChange:每次滑块更改位置时要调用的函数的指针。...userdata:传递给回调函数的可选参数 该函数能够在图像窗口的上方创建一个范围从0开始的整数滑动条,由于滑动条只能输出整数,如果需要得到小数,必须进行后续处理,例如输出值除以10得到含有1位小数的数据...第三个参数是指向整数变量的指针,该指针指向的值反映滑块的位置,在创建滑动条时该参数确定了滑动块的初始位置,当滑动条创建完成后,该指针指向的整数随着滑块的移动而改变。第四个参数是滑动条的最大取值。...程序中滑动条控制图像亮度系数,将图像原始灰度值乘以亮度系数得到最终的图像。为了使图像亮度变化比较平滑,将滑动条参数除以100以得到含有两位小数的亮度系数。...cout 正确的图像文件" << endl; 18. return -1; 19. } 20.

    2.7K20

    【Flutter 实战】1.20版本更新及新增组件

    新的滑块在设计时考虑到了更好的可访问性:轨道更高,滑块带有阴影,并且值指示器具有新的形状和改进的文本缩放支持。...1 :轨道(Track),1 和 4 是有区别的,1 指的是底部整个轨道,轨道显示了可供用户选择的范围。对于从左到右(LTR)的语言,最小值出现在轨道的最左端,而最大值出现在最右端。...2:滑块(Thumb),位置指示器,可以沿着轨道移动,显示其位置的选定值。 3:标签(label),显示与滑块的位置相对应的特定数字值。...4:刻度指示器(Tick mark),表示用户可以将滑块移动到的预定值。...RangeSlider RangeSlider 和 Slider 几乎一样,RangeSlider 是范围滑块,想要选择一段值,可以使用 RangeSlider。

    5.1K10

    软件测试|超好用超简单的Python GUI库——tkinter(十三)

    默认值是 0,增长量为范围的 1/10 borderwidth 指定边框宽度 2. 默认值是 2 command 指定一个函数,每当滑块发生改变的时候都会自动调用该函数 2....该函数有一个唯一的参数,就是最新的滑块位置 3. 如果滑块快速地移动,函数可能无法获得每一个位置,但一定会获得滑块停下时的最终位置 digits 设置最多显示多少位数字 2....补充注释:例如设置 from 选项为 0,to 选项为 20,digits 选项设置为 5,那么滑块的范围就是在 0.000 ~ 20.000 直接滑动 3....该参数的默认值是 1 showvalue 设置是否显示滑块旁边的数字 2. 默认值为 True sliderlength 设置滑块的长度 2....默认值是不显示刻度 to 设置滑块最底(右)端的位置 2. 默认值是 100 troughcolor 设置凹槽的颜色 2.

    65820

    Xcelsius(水晶易表)系列3——深入了解单值部件

    在单值部件中拖入水平滑块(跟昨天做的一类是一样的),双击画布上的水平滑块单值部件,进入属性菜单。...同昨天的步骤一样,链接标题、数据到对应指标(这里先做进货成本)单元格,同时定位值范围(最大值,最小值)。(这里先不定义警报功能)。...在单值部件中选择输出值部件拖入画布,双击值部件进入属性窗口,同样将其标题、指标值链接到预计利润所在单元格,调整其值范围为0~100。...选中全部单值部件,在顶部菜单中对齐工具栏里,选择等大、纵向分布。 你可以调整所有单值滑块的标题以及值显示位置。(属性窗口、外观、文本)。 在部件窗口中插入一个背景,作为整个部件组的背景。...完成之后,点击顶部菜单,使窗口使用画布。 可以通过预览菜单预览一下滑块的交互效果,没有问题就可以直接通过导出菜单导出swf格式的动态视屏保存了发布了。

    1.3K70

    PowerBI 2020.11 月更新 - 各类图标更新及查找异常

    在该服务中,对数据集和数据流的认可扩展到了报表和应用程序,使业务用户可以确信他们正在基于正确的数据做出决策。请继续阅读以探索和发现本月更新中的更多内容。...可视缩放滑块 我们很高兴地宣布,您现在可以将缩放滑块添加到笛卡尔图表中!缩放滑块为报表创建者和使用者提供了一种简便的方法,无需使用过滤器即可检查图表中较小范围的数据。...该滑块标签切换使滑块旁边的指示全方位的数据标签的新行,和滑块提示拨动品牌提示显示为你单击并拖动每个端点,显示你选择的值作为你的工作滑块。 保存和发布报告时,视觉效果的缩放状态也将被保存。...最终用户打开报表时,缩放滑块的端点将默认为您保存的端点,从而使您可以突出显示特定的数据窗口,同时保持其上下文可立即访问。 将为条形图/列,折线图,折线和条形图/列组合以及散点图启用缩放滑块。...由于此功能处于预览状态,因此您首先需要打开功能开关,方法是转到文件>选项和设置>选项>预览功能,并确保 打开了异常检测: 通过在“分析”窗格中添加“查找异常”在图表上启用异常检测后,它将自动充实异常和期望值的范围

    8.4K30

    Unity通用渲染管线(URP)系列(十三)——颜色分级(Playing with Colors)

    之后是色调映射,用于将HDR颜色映射到显示范围。 仅应用色调映射的话,除非图像非常明亮,否则图像趋于变少彩色。ACES可以稍微增加深色的对比度,但是不能替代色阶。...曝光以停止为单位进行度量,这意味着我们必须将曝光值增大为2的幂次方。还将对比度和饱和度转换为0~2范围,并将色相偏移为-1~1。滤镜必须位于线性色彩空间中。 我不会显示附加的着色器属性标识符。 ?...它有两个用于−100~100范围的滑块。第一个是温度,用于使图像更冷或更热。第二个是Tint,用于调整温度转换后的颜色。将其设置结构添加到PostFXSettings中,默认值为零。 ? ?...对于红色,绿色和蓝色配置,我们可以使用三个Vector3值。Unity的控件为每种颜色显示一个单独的选项卡,每个输入通道具有−100~100滑块,但是我们将直接直接显示矢量。...Unity的控件显示了色盘和区域权重的可视化,但是我们将使用三个HDR色域和四个滑块,分别用于阴影的开始和结束以及高光过渡区域。阴影强度从头到尾降低,而高光强度从头到尾增加。

    4.3K31

    Adobe Photoshop,选择图像中的颜色范围

    如果正在图像中选择多个颜色范围,则可选择“本地化颜色簇”来构建更加精确的选区。 一种颜色或色调范围。如果使用此选项,您将无法调整选区。...5.使用“颜色容差”滑块或输入一个数值来调整选定颜色的范围。“颜色容差”设置可以控制选择范围内色彩范围的广度,并增加或减少部分选定像素的数量(选区预览中的灰色区域)。...设置较低的“颜色容差”值可以限制色彩范围,设置较高的“颜色容差”值可以增大色彩范围。 如果已选定“本地化颜色簇”,则使用“范围”滑块以控制要包含在蒙版中的颜色与取样点的最大和最小距离。...2.在“颜色范围”对话框中,从“选择”菜单中选择“肤色”。 3.为进行更准确的肤色选择,请选择“检测人脸”,然后调整“颜色容差”滑块或输入一个值。...缩览图周围会显示一个边框。 拖动“羽化”滑块为蒙版边缘应用羽化效果。羽化模糊蒙版边缘以在蒙住和未蒙住区域之间创建较柔和的过渡。在使用滑块设置的像素范围内,沿蒙版边缘向外应用羽化。

    11.3K50
    领券