前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Avalonia跨平台入门第三十八篇之IP输入框

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

作者头像
WPF程序员
发布2024-06-25 15:09:17
880
发布2024-06-25 15:09:17

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

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

代码语言:javascript
复制
https://github.com/irihitech/Ursa.Avalonia

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

3、看了作者给的回复:

代码语言:javascript
复制
Maybe we should set the event routing as tunnel.

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

5、OnApplyTemplate:

代码语言:javascript
复制
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事件

代码语言:javascript
复制
private void AttachEvents(TextBox textBox)
{
    textBox.AddHandler(InputElement.KeyDownEvent, KeyDownHandler, RoutingStrategies.Tunnel);
    textBox.TextInput += TextInputHandler;
}

7、TextInput事件:

代码语言:javascript
复制
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处理:

最终简单的效果先这样吧

;以后有时间的话,可以再去摸索一下更复杂的效果

;编程不息、Bug不止、无Bug、无生活

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-06-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 WPF程序员 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档