WPF 中的音量控制元素答案

【问题标题】：Volume Control element in WPF [closed]WPF 中的音量控制元素
【发布时间】：2012-03-04 02:24:37
【问题描述】：

我认为这个问题更适合所有 UI 设计师 ;-)
我想制作一个看起来像高保真放大器上的音量控制旋钮的 WPFelement。为了更好地表达我在说什么，看看这张照片

我从 sw VirtualDJ 中删除了这个。
元素应该可以左右转动。当它向右转动时，该值应增加 0.5f，向左转动该值应减少 0.5f。

为什么我需要这样的东西？目前我正在为我的 Deneon AVR-4306 Amplifier 开发一个控制开关，我认为使用这样的控制来设置放大器的音量看起来会很酷。

【问题讨论】：

@Kev：抱歉，问题是如何实现这样的控制。见第二句。 Cody 和 Dmitry 没问题，所以请告诉我帖子的问题在哪里？
好的，但这不是问题，你只是陈述了一些事情。此外，您还没有告诉我们您尝试了什么或您认为可能有效的方法。您刚刚声明了对控件的要求，并且似乎希望社区能够提出解决方案。我们希望您首先付出一点努力。
@Kev：好的，感谢您的支持。你的权利，我正在考虑如何构建这样的控件但不知道，所以我想我只是问社区是否有人以前做过这样的事情。正如我在第一个答案的命令中看到的那样，我不想在这里开始讨论。我只是希望有人可以为我提供线索或样本。但是现在我下次发布这样的问题时会更聪明;-)

标签： c# wpf wpf-controls ui-design

【解决方案1】：

既然您专门向 UI 设计师提出了这个问题...

为什么我需要这样的东西？ [...] 我在想用这样的控件来设置放大器的音量看起来会很酷。

不管它看起来酷不酷，任何称职的 UI 设计师都会告诉你不要使用这样的控件，因为几乎不可能使用，至少用鼠标（这可能没问题在仅触摸屏的设备上）。鼠标是线性指针设备；尝试用一个圆圈“转动”一个圆圈是一场噩梦。不要仅仅为了“看起来很酷”而对用户造成这种痛苦。

只需使用滑块。它们仍然足够酷，而且非常实用。

【讨论】：

通常这些控件只显示为可转动的，但实际上用作滑块，即单击并向左或向右拖动。
@H.B.：嗯，这似乎更好。它解决了一个可用性问题，但也产生了另一个问题：控件的视觉样式不能准确地模拟它的预期使用方式。然后我们绕了一圈。如果 GUI 不能立即直观地显示如何与应用程序交互，那么它的意义何在？
GUI 只代表状态并允许与之交互。这种控制的重点是你可以很容易地把例如64 个 8x8 网格，不占用太多空间。
@H.B.：我的观点是，定义不明确的 UI 的一个标志是“仅代表状态并允许与之交互”。当这是你的理念时，你最终会得到类似this 的东西。拿起任何 Apple 设备，您的 UI 概念与实际易于使用且有趣的 UI 概念之间的区别会非常明显。你的理由是荒谬的。您可以轻松地将相同数量的滑块控件放入该空间量中，然后获得视觉启示。
@All：首先我不得不说我忘记了所以写我为桌面/平板电脑和手机开发了这个应用程序，所以触摸屏是存在的。我没想到的是我的第一个句子（我认为这个问题更多地适用于所有 UI 设计师）会开始这样的讨论。我很高兴你们不仅回答了代码或示例，还回答了设计建议 BIG THX。我不得不说，一方面 Cody 是对的，用鼠标使用 nops 可能会很痛苦。 Ovcurse 我还在nope下提供了一个文本框也可以进入关卡（也忘了写...）

【解决方案2】：

试试这个解决方案：Rotate graphic towards mouse in WPF (like an analog dial)

您可以使用自己的ValueConverter来转换beetwen角度和实际值。

【讨论】：

这个链接看起来不错 THX，我会在设计完成后测试这个实现。我没想到会这么快收到答案 ;-)但是下一次我会记得你们回答问题的速度很快:-)