Question

你如何检测你的用户界面？在过去，我读过人们已经为他们的用户界面进行了检测，但我没有找到关于如何来检测用户界面的示例或提示。

通过仪表，我的意思是收集有关系统使用和性能的数据。关于Instrumentation的MSDN文章是http://msdn.microsoft.com/en-us/library/x5952w0c.aspx。我想捕获用户点击的按钮，他们使用的键盘短节，他们用来搜索的条件等等。

您如何检测用户界面？
您存储仪器的格式是什么？
您如何处理检测数据？
如何使用此检测逻辑保持UI代码清洁？

具体来说，我正在WPF中实现我的UI，因此与基于Web的应用程序相比，这将提供额外的挑战。（即需要将仪表化数据传送回中心位置等）。也就是说，我觉得这项技术可以通过附加属性等概念提供更简单的仪器实现。

您是否为WPF应用程序配备了软件？您对如何实现这一目标有什么建议吗？

编辑：以下博客文章提供了一个有趣的解决方案：Pixel-In-Gene Blog: Techniques for UI Auditing on WPF apps

Answer 1

以下是我如何使用简单事件管理器挂钩UI事件并提取事件的关键信息的示例，例如UI元素的名称和类型，事件名称和父窗口的类型名称。对于列表，我还提取所选项目。

此解决方案仅侦听从ButtonBase（Button，ToggleButton，...）派生的控件的点击以及从Selector（ListBox，TabControl，...）派生的控件中的选择更改。它应该很容易扩展到其他类型的UI元素或实现更细粒度的解决方案。解决方案的灵感来自Brad Leach's answer。

public class UserInteractionEventsManager
{
    public delegate void ButtonClickedHandler(DateTime time, string eventName, string senderName, string senderTypeName, string parentWindowName);
    public delegate void SelectorSelectedHandler(DateTime time, string eventName, string senderName, string senderTypeName, string parentWindowName, object selectedObject);

    public event ButtonClickedHandler ButtonClicked;
    public event SelectorSelectedHandler SelectorSelected;

    public UserInteractionEventsManager()
    {
        EventManager.RegisterClassHandler(typeof(ButtonBase), ButtonBase.ClickEvent, new RoutedEventHandler(HandleButtonClicked));
        EventManager.RegisterClassHandler(typeof(Selector), Selector.SelectionChangedEvent, new RoutedEventHandler(HandleSelectorSelected));
    }

    #region Handling events

    private void HandleSelectorSelected(object sender, RoutedEventArgs e)
    {
        // Avoid multiple events due to bubbling. Example: A ListBox inside a TabControl will cause both to send the SelectionChangedEvent.
        if (sender != e.OriginalSource) return;

        var args = e as SelectionChangedEventArgs;
        if (args == null || args.AddedItems.Count == 0) return;

        var element = sender as FrameworkElement;
        if (element == null) return;

        string senderName = GetSenderName(element);
        string parentWindowName = GetParentWindowTypeName(sender);
        DateTime time = DateTime.Now;
        string eventName = e.RoutedEvent.Name;
        string senderTypeName = sender.GetType().Name;
        string selectedItemText = args.AddedItems.Count > 0 ? args.AddedItems[0].ToString() : "<no selected items>";

        if (SelectorSelected != null)
            SelectorSelected(time, eventName, senderName, senderTypeName, parentWindowName, selectedItemText);
    }

    private void HandleButtonClicked(object sender, RoutedEventArgs e)
    {
        var element = sender as FrameworkElement;
        if (element == null) return;

        string parentWindowName = GetParentWindowTypeName(sender);
        DateTime time = DateTime.Now;
        string eventName = e.RoutedEvent.Name;
        string senderTypeName = sender.GetType().Name;
        string senderName = GetSenderName(element);

        if (ButtonClicked != null) 
            ButtonClicked(time, eventName, senderName, senderTypeName, parentWindowName);
    }

    #endregion

    #region Private helpers

    private static string GetSenderName(FrameworkElement element)
    {
        return !String.IsNullOrEmpty(element.Name) ? element.Name : "<no item name>";
    }


    private static string GetParentWindowTypeName(object sender)
    {
        var parent = FindParent<Window>(sender as DependencyObject);
        return parent != null ? parent.GetType().Name : "<no parent>";
    }

    private static T FindParent<T>(DependencyObject item) where T : class
    {
        if (item == null) 
            return default(T);

        if (item is T)
            return item as T;

        DependencyObject parent = VisualTreeHelper.GetParent(item);
        if (parent == null)
            return default(T);

        return FindParent<T>(parent);
    }

    #endregion
}

为了进行实际的日志记录，我使用log4net并创建了一个名为“Interaction”的独立记录器来记录用户交互。这里的“Log”类只是我自己的log4net静态包装器。

/// <summary>
/// The user interaction logger uses <see cref="UserInteractionEventsManager"/> to listen for events on GUI elements, such as buttons, list boxes, tab controls etc.
/// The events are then logged in a readable format using Log.Interaction.Info().
/// </summary>
public class UserInteractionLogger
{
    private readonly UserInteractionEventsManager _events;
    private bool _started;

    /// <summary>
    /// Create a user interaction logger. Remember to Start() it.
    /// </summary>
    public UserInteractionLogger()
    {
        _events = new UserInteractionEventsManager();

    }

    /// <summary>
    /// Start logging user interaction events.
    /// </summary>
    public void Start()
    {
        if (_started) return;

        _events.ButtonClicked += ButtonClicked;
        _events.SelectorSelected += SelectorSelected;

        _started = true;
    }

    /// <summary>
    /// Stop logging user interaction events.
    /// </summary>
    public void Stop()
    {
        if (!_started) return;

        _events.ButtonClicked -= ButtonClicked;
        _events.SelectorSelected -= SelectorSelected;

        _started = false;
    }

    private static void SelectorSelected(DateTime time, string eventName, string senderName, string senderTypeName, string parentWindowTypeName, object selectedObject)
    {
        Log.Interaction.Info("{0}.{1} by {2} in {3}. Selected: {4}", senderTypeName, eventName, senderName, parentWindowTypeName, selectedObject);
    }

    private static void ButtonClicked(DateTime time, string eventName, string senderName, string senderTypeName, string parentWindowTypeName)
    {
        Log.Interaction.Info("{0}.{1} by {2} in {3}", senderTypeName, eventName, senderName, parentWindowTypeName);
    }
}

输出看起来像这样，省略不相关的日志条目。

04/13 08:38:37.069 INFO        Iact ToggleButton.Click by AnalysisButton in MyMainWindow
04/13 08:38:38.493 INFO        Iact ListBox.SelectionChanged by ListView in MyMainWindow. Selected: Andreas Larsen
04/13 08:38:44.587 INFO        Iact Button.Click by EditEntryButton in MyMainWindow
04/13 08:38:46.068 INFO        Iact Button.Click by OkButton in EditEntryDialog
04/13 08:38:47.395 INFO        Iact ToggleButton.Click by ExitButton in MyMainWindow

Answer 2

你可以考虑log4net。它是一个健壮的日志框架，存在于单个DLL中。它也是在“非要求”类型模式下完成的，这样如果一个关键进程正在进行，它将不会记录，直到资源被释放多一点。

您可以轻松设置一堆INFO级别记录器并跟踪您需要的所有用户交互，并且将文件发送给您自己不会发生错误。然后，您还可以将所有ERROR和FATAL代码记录到单独的文件中，该文件可以很容易地邮寄给您进行处理。

Answer 3

如果您使用WPF命令，则每个自定义命令都可以记录所采取的操作。您还可以记录命令的启动方式。

Answer 4

以下博客文章提供了很多关于检测WPF应用程序的好主意： Techniques for UI Auditing on WPF apps

Answer 5

也许WPF的Microsoft UI Automation可以提供帮助吗？它是一个自动化UI的框架，也许它可以用来为你记录东西...

我们使用Automation Framework在WPF中自动测试我们的UI。

Answer 6

免责声明：我为销售此产品的公司工作，不仅如此，我还是这个特定产品的开发人员:)。

如果您对商业产品感兴趣，那么可以使用Runtime Intelligence（Dotfuscator的功能添加），它可以将使用情况跟踪功能注入您的.NET应用程序。我们不仅提供跟踪功能的实际实现，还提供数据收集，处理和报告功能。

最近我在这里发布了关于此主题的软件业务论坛的讨论：http://discuss.joelonsoftware.com/default.asp?biz.5.680205.26。

有关我们内容的高级概述，请参阅此处：http://www.preemptive.com/runtime-intelligence-services.html。

此外，我正在努力编写更多技术导向的文档，因为我们意识到这是一个我们绝对可以改进的领域，如果有人有兴趣在我完成它时收到通知，请告诉我。

Answer 7

我还没有开发使用WPF ..但是我会假设它与大多数其他应用程序一样，你想要保持UI代码尽可能轻。这里可以使用许多设计模式。作为显而易见的MVC和Façade。我个人总是试图让UI和BL层之间的物体尽可能地发光，如果可以的话，让它们保持原始状态。

然后，这有助于我专注于改进UI层，而不会在我将（原始）数据丢回后发生任何事情。

我希望我能正确理解你的问题，对不起，我无法为WPF提供更多的上下文帮助。

检测UI

7 个答案: