检测UI

时间:2008-08-11 21:00:41

标签: wpf user-interface instrumentation

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

通过仪表,我的意思是收集有关系统使用和性能的数据。关于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

7 个答案:

答案 0 :(得分:3)

以下是我如何使用简单事件管理器挂钩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

答案 1 :(得分:2)

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

答案 2 :(得分:2)

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

答案 3 :(得分:2)

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

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

答案 4 :(得分:0)

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

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

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

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

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

答案 5 :(得分:0)

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

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

答案 6 :(得分:-1)

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

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

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