Avalonia跨平台入门第十五篇之ListBox聊天窗口

在前面分享的几篇中咱已经玩耍了Popup、ListBox多选、Grid动态分、RadioButton模板、控件的拖放效果、控件的置顶和置底、控件的锁定、自定义Window样式、动画效果、Expander控件、ListBox折叠列表;今天趁着大周末的时间接着去摸索基于ListBox的聊天窗口的效果,最终实现的效果如下图:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第1张图片

先来看看布局吧:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第2张图片

ListBoxItem样式:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第3张图片

自定义消息控件的后台:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第4张图片

自定义消息控件的样式:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第5张图片

ListBox的子项模板:



  
    
  

后台模拟生成的数据:

Avalonia跨平台入门第十五篇之ListBox聊天窗口_第6张图片

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

你可能感兴趣的:(java,人工智能,html,javascript,python)