Uml 如何在GUI中绘制连续用户事件图？

我正在尝试创建一个用户交互图。在许多情况下，我必须接受一些参数，如：mousePosition.x或touchtown.duration等，并通过一些f（x）函数将其传递，以使用这些参数作为接口属性呈现不同的UI

让我们以基本滑块界面为例<代码>[----o----------]

我想画一幅操纵滑块旋钮的简单行为图。我的逻辑如下：

pre condition: mousePosition.x = knobPosition.x; knobPosition.x = n
event: mosuseDown
event: mouseMove.x
if knobPosition.xMin < mousePosition.x < knobPosition.xMax
   render: knobPosition.x = mousePosition.x
if ( mousePosition.x > knobPosition.xMax )
   render: knobPosition.x = knobPosition.xMax
if ( mousePosition.x < knobPosition.xMin )
   render: knobPosition.x = knobPosition.xMin

前置条件：mousePosition.x=knobPosition.x；旋钮位置x=n
活动：莫斯塞顿
事件：mouseMove.x
如果knobPosition.xMinknobPosition.xMax）
render:knobPosition.x=knobPosition.xMax
if（mousePosition.x

---

我的第一个想法是通过状态机来描绘这种行为，尽管对于更复杂的例子来说它会变得很混乱。也许有某种建模语言被设计来模拟这种行为？

您的逻辑是一种决策树。最好使用活动图对此进行建模。每个if语句都是图中的一个决策符号。

您的逻辑是一种决策树。最好使用活动图对此进行建模。每个if语句都是图中的一个决策符号。

我认为这更像是一个设计问题。有许多方法可以实现这种行为。你的目标是什么？@qwerty_所以我的目标是找到一种一致的方法，通过图表来实际设计这些行为。我知道有很多方法可以实现类似于我在示例中所展示的行为。作为一名设计师，我想明确我打算为特定组件设计什么。这对于我正在构建的产品很重要，因为有许多UI元素具有非标准行为。总而言之，我正在寻找一种建模语言/图表类型，它允许对UI行为进行建模，特别是当一些用户事件值映射到UI外观时。我想序列图是设计此类行为的最佳选择。它侧重于具体的编码。示例中的状态机没有那么好的表现力，因为您只有2或3种状态：空闲、拖动和拖动结束。我认为这更像是一个设计问题。有许多方法可以实现这种行为。你的目标是什么？@qwerty_uu，我的目标是找到一种一致的方法，通过图表来实际设计这些行为。我知道有很多方法可以实现类似于我在示例中所展示的行为。作为一名设计师，我想明确我打算为特定组件设计什么。这对于我正在构建的产品很重要，因为有许多UI元素具有非标准行为。总而言之，我正在寻找一种建模语言/图表类型，它允许对UI行为进行建模，特别是当一些用户事件值映射到UI外观时。我想序列图是设计此类行为的最佳选择。它侧重于具体的编码。本例中的状态机没有那么好的表现力，因为您只有2或3种状态：空闲、拖动和拖动结束。