• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

C#WPFMVVM实战–5-用绑定,通过VM设置View的控件焦点

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文介绍在 MVVM 中,如何用 ViewModel 控制焦点。

这焦点设置个东西嘛,有些争论。就是到底要不要用 ViewModel 来控制视图的键盘输入焦点。这里不讨论,假设你就是要通过 VM,设置输入焦点在哪里。

MSDN 有解释关于 Focus 的,还有 FocusManager,点击这里打开。不知道的话建议你先看看,只求结果的可以直接看下面代码,抄就是了。这次,初级的解释全部略过,直接说做法,看不懂的请留言。做法很多,大概两种比较符合 MVVM 模式:

1. DataTrigger 设置 FocusedElement

Style 中写 Trigger,DataTrigger,值变化触发设置 FocusManager 的 FocusedElement。

XAML:

 

>

 

注意:放置 Style 的位置要注意。一层又一层 Grid 的话,FocusManager 单单设置 FocusedElement 为 TextBox 不足够。原因在 MSDN 有说明,不重复。

2. Attached Property

使用 Attached Property 为控件加属性,值变化触发 CallBack,然后 UIElement.Focus()。所谓值变化,比如,bool 变为 True 。

CODE:

publicstaticclass FocusBehavior {
    publicstaticbool GetIsFocused(DependencyObject obj) {
        return (bool)obj.GetValue(IsFocusedProperty);
    }
    publicstaticvoid SetIsFocused(DependencyObject obj, bool value) {
        obj.SetValue(IsFocusedProperty, value);
    }
    publicstaticreadonly DependencyProperty IsFocusedProperty =
            DependencyProperty.RegisterAttached(
            "IsFocused", 
            typeof(bool),
            typeof(FocusBehavior),
            new UIPropertyMetadata(false, (s, e) => {
                var sender = (UIElement)s;
                if ((bool)e.NewValue) {
                    sender.Focus();
                    Keyboard.Focus(sender);
                }
                })
            );
}

 

XAML:

<TextBox local:FocusBehavior.IsFocused="{Binding Path=ScanBarCodeNow}"/>

这做法虽然简单,但实际绑定的并非 UIElement.IsFocused 这只读属性,看CallBack 代码就知道,两个Focus() 都只是方法。界面操作焦点离开此控件时候,DependencyProperty 的值不会变化。后果是,设置一次 true 后,属性值 true,焦点离开它依然是 true,你再设置它 true,会被认定为值无变化,CallBack 没有执行,Focus() 不会运行。Workaround:先设 false 再设 true。

好傻吧。改一下,虽然 IsFocus 是只读无法直接绑定去改它,但可以把 GotFocus 和 LostFocus 事件接上此 Attached Property,触发变更 DependencyProperty 的值,使它变成双向绑定。

using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;

namespace Lepton_Practical_MVVM_5 {
    publicstaticclass FocusBehavior {
        privatestatic Dictionary<UIElement, RoutedEventHandler> handlers =new Dictionary<UIElement, RoutedEventHandler>();
        publicstaticbool? GetIsFocused(DependencyObject obj) {
            return (bool?)obj.GetValue(IsFocusedProperty);
        }
        publicstaticvoid SetIsFocused(DependencyObject obj, bool? value) {
            obj.SetValue(IsFocusedProperty, value);
        }
        publicstaticreadonly DependencyProperty IsFocusedProperty =
                DependencyProperty.RegisterAttached(
                "IsFocused",
                typeof(bool?),
                typeof(FocusBehavior),
                new UIPropertyMetadata() {
                    DefaultValue =null,
                    PropertyChangedCallback =
                        (s, e) => {
                            UIElement sender = (UIElement)s;
                            RoutedEventHandler x;
                            if (!handlers.TryGetValue(sender, out x)) {
                                Attach(sender);
                            }
                            if ((bool)e.NewValue) {
                                sender.Focus();
                                Keyboard.Focus(sender);
                            }
                        }
                });
        privatestaticvoid Attach(UIElement sender) {
            RoutedEventHandler handler = (s, e) => {
                UIElement ui = (UIElement)s;
                if (e.RoutedEvent == UIElement.GotFocusEvent) {
                    ui.SetValue(IsFocusedProperty, true);
                }
                if (e.RoutedEvent == UIElement.LostFocusEvent) {
                    ui.SetValue(IsFocusedProperty, false);
                }
            };
            sender.GotFocus += handler;
            sender.LostFocus += handler;
            handlers.Add(sender, handler);
        }
    }
}

Dictionary 为了记下已连接的 Handler ,以免重复加入。

XAML:

<Window x:Class="Lepton_Practical_MVVM_5.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:Lepton_Practical_MVVM_5"
        Title="MainWindow" Height="350" Width="525"><Grid><TextBox local:FocusBehavior.IsFocused="{Binding Path=IsTextBox1Focus,Mode=TwoWay}" Height="23" HorizontalAlignment="Left" Margin="49,54,0,0" Name="textBox1" VerticalAlignment="Top" Width="120"/></Grid></Window>

点击这里下载Attached Property 版本的代码

这做法是只有加句柄没有移除,你有情况需要移除的话,自己改吧。

我在这群里,欢迎加入交流:
开发板玩家群 578649319
硬件创客 (10105555)


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
c#数据库连接池发布时间:2022-07-10
下一篇:
C#Winform开发程序调用VLC播放器控件播放视频.发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap