SAPUI5如何实现阈值滑块（如在WebDynpro中）

Question

我目前正面临着在SAPUI5中实现滑块的挑战，就像Webdynpro的Threshold-Slider一样，看起来像这样。

你会怎么做？它是高度动态的，比例（可以是5个值，可以是3个值等），描述取决于比例值......

目前我只在API中找到Slider，但我怀疑这是否可以实现...任何想法？

18.06.2015：目前我正在努力扩展sap.ui.commons.Slider，我现在得到的东西远离我试图实现的目标：

• 单击滑块时，通过渲染器更改背景颜色（每个值应具有另一种颜色
• 右侧的文本字段和左侧的链接（可选部分，着色更重要）

我得到了什么...

ng-class="{'active' : itemCount, 'activemenu' : showCart}"

Answer 1

我认为实现这一目标的最简单方法是复制sap.m.Slider并修改它，或者使用UI5扩展机制继承sap.m.Slider并将其外包。或者您可以扩展sap.m.ProgressIndicator并使其具有交互性，但这样做会更多。

滑块中已经存在所有基本功能（比例，数值，......），您可以轻松修改背景颜色和手柄的样式。可以添加文本值的链接，旁边有标签控件。

在自定义控件上查看此YouTube视频，了解有关如何使用UI5扩展机制的更多详细信息： https://www.youtube.com/watch?v=4KPS2-LHoO0

希望有所帮助，

迈克尔

Answer 2

您也可以选择d3js control。无论哪种方式都会有一些变化。您可以在xml视图中添加样式。通过在css文件中添加css，您可以使它们在视觉上与所需的控件相同。默认情况下，滑块具有min，max和step。 在更改事件中，您可以添加或删除样式类（addStyleClass / removeStyleClass）以显示不同的颜色。 您可以单独显示并使用格式化程序处理的文本。 如果您想在一个控件中使用它，则应该查看this page。