Avalonia跨平台入门第三十八篇之IP输入框

今天再来分享一下IP输入框效果:

47a27e6d89e393cea256f4691bb57f0b.gif

1、本想着偷懒拿来现成的直接用,参考如下:

https://github.com/irihitech/Ursa.Avalonia

2、结果单独使用倒还是问题不大,结果放到DataGrid中,他的事件都失效了:

158cc45d3c91f413de21f5cbb3b91d00.gif

3、看了作者给的回复:

Maybe we should set the event routing as tunnel.

4、算了还是自己基于WPF效果第二百二十九篇之IP输入框,咱们自己耍耍吧:

c297610e8e333fc26e391e28bf80fe51.png

5、OnApplyTemplate:

protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
{
    base.OnApplyTemplate(e);
    FirstPartTxb = e.NameScope.Find<TextBox>(PART_FirstTextPresenter);
    SecondPartTxb = e.NameScope.Find<TextBox>(PART_SecondTextPresenter);
    ThirdPartTxb = e.NameScope.Find<TextBox>(PART_ThirdTextPresenter);
    FourthPartTxb = e.NameScope.Find<TextBox>(PART_FourthTextPresenter);
    AttachEvents(FirstPartTxb);
    AttachEvents(SecondPartTxb);
    AttachEvents(ThirdPartTxb);
    AttachEvents(FourthPartTxb);
}

6、监听TextInput和KeyDownEvent事件

private void AttachEvents(TextBox textBox)
{
    textBox.AddHandler(InputElement.KeyDownEvent, KeyDownHandler, RoutingStrategies.Tunnel);
    textBox.TextInput += TextInputHandler;
}

7、TextInput事件:

private void TextInputHandler(object sender, TextInputEventArgs e)
{
    var textBox = sender as TextBox;
    if (textBox == null) return;
    // Use Regex to filter input
    Regex regex = new Regex("[^0-9.]");
    if (regex.IsMatch(e.Text))
    {
        e.Handled = true;
    }
}

8、关于HandleKeyDown处理:

730e55e70ea7715c165e7a4010aece27.png

最终简单的效果先这样吧6326e407ec8977f0fa9ab9452e6cfd60.png;以后有时间的话,可以再去摸索一下更复杂的效果814f9ebaa04f069a91c82d1ccecab48e.png;编程不息、Bug不止、无Bug、无生活7022ebd56f3d8b72fc0305ddf144fecf.png;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动 、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值