wpf ui框架_.NET跨平台框架Avalonia UI
转自:TwilightLemoncnblogs.com/TwilightLemon/p/13474796.html
前言
Avalonia 是一个跨平台的.NET UI框架,支持 Windows、Linux、Mac OSX... (以及Android IOS soon..)
本篇主要介绍Avalonia开发过程和Linux适配环节的几个疑难点..
avalonia for vs安装和.deb安装包部署可参考:
https://www.cnblogs.com/Fengyinyong/p/13346642.html
与WPF类似,Avalonia使用XAML来设计UI...但也有几处比较坑的地方,以下做一些梳理:
一、基本的使用方法
axaml中定义 后台找到并设置对象
在WPF中,当你在xaml文件中定义完UI并设置x:Name就可以在后台中直接使用对象名称进行操作.那是因为vs在你设计时自动生成了.g.i.cs文件(你可以在/obj中看到)
而ava中不同,你需要在后台中自己Get到这个UI对象(与Android类似): 例如:
axaml中定义一个名称为 TB_Title的TextBlock文本标签:
<TextBlock x:Name="TB_Title" HorizontalAlignment="Center" Foreground="White" FontSize="14" VerticalAlignment="Center" Margin="10,0,0,10" Text="My Avalonia Desktop App"/>
在cs中定义并更改标签内容:
TextBlock TB_Title = this.Get("TB_Title");TB_Title.Text = "嘻嘻";
这里就用到了this.Get(string Name)方法
T:表示对象类型 Name:为x:Name中定义的名称
注意:在后台查找UI对象 若不是局部变量 应需考虑 时序问题 否则在使用时对象可能是null
建议将所有的控件优先查找出来(如果你控制得比较好可以不用..)
事件
详细的介绍可以看官方文档:http://avaloniaui.net/docs/input/events
有几点比较坑的地方:
1、直接在axaml中定义事件有时候不会成功,可以在后台中定义,例如:
"btn" Click="Btn_Click">Click Mevoid Btn_Click(object sender, RoutedEventArgs args){//...}
若不成功可以:
this.Get("btn").Click+=Btn_Click;---------------------------------------
2、WPF中的MouseDown/Up事件和Preview事件哪去了?
ava中替换成了 Tapped(轻敲?) 事件
以及 PointerPressed (指针按下 相当于WPF 中的MouseDown) 和 PointerReleased (指针释放 相当于WPF中MouseUp)
为控件注册一个Preview事件:
你的控件名.AddHandler(PointerReleasedEvent,事件名称, RoutingStrategies.Tunnel);
----------------------------------------
3、居然没有MessageBox....(可以到nuget中下载第三方的包)
二、神奇的UI布局
在avalonia中StackPanel是有问题的,它并不会为每一个控件设置宽度或高度 而是优先控件 (WPF中不是这样):
举个例子:
例如在StackPanel中放置若干个TextBlock,你会看到TextBlock延伸到了StackPanel外部 而并没有按照stackpanel的宽度来...
ava中的模式是这样:
如果控件原宽度没有超出则设为stackpanel的宽度
如果超出了...就随它去吧......(??)
此时你就需要手动设置宽度(两种方法):
1、设置绑定: Width="{Binding Width , ElementName=MyStackPanel(是控件x:Name)}"
2、在后台遍历设置宽度:
ava中并没有给SizeChanged的事件 而是将所有依赖属性改变的事件放到了一个:
PropertyChanged += MainWindow_PropertyChanged;private void MainWindow_PropertyChanged(object sender, AvaloniaPropertyChangedEventArgs e){if (e.Property == WidthProperty){foreach (Control a in e.Children) { a.Width = Width; } } }
(十分嫌弃 ..)
神奇的属性Bounds:
如果你仔细一看,会发现各种你找不到的原WPF属性都在这里面:
例如元素的真实高宽:Bounds.Height/Width
元素相对于父控件的位置:Bounds.Position.X/Y
设置ListBox.Items的两种方式:
如果你熟悉了WPF,那么肯定会疑问 ListBox.Items.Add哪去了??
1、数据绑定
文档中展示了比较友好的绑定方式:http://avaloniaui.net/docs/controls/listbox
可以在axaml中设置绑定,将数据放到全局变量中,或者直接对items进行赋值
但是只能有单一的类型...
2、使用UserControls 并将它们放在List合集中 对items直接赋值..
----------------------------分割线------------------------------
目前发现的坑就有这么多.....但是axaml中的style和animation不是很友好..(animation可以说是辣鸡)
个人看来avalonia还尚未成熟 但足以使用到普通需求中...
wpf ui框架_.NET跨平台框架Avalonia UI相关推荐
- element ui 空格_空格是您的UI朋友。 大量使用它。
element ui 空格 Originally published at marcandrew.me on July 30th, 2020. 最初于 2020 年7月30日 在 marcandrew ...
- vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
- python 分布式计算框架_漫谈分布式计算框架
如果问 mapreduce 和 spark 什么关系,或者说有什么共同属性,你可能会回答他们都是大数据处理引擎.如果问 spark 与 tensorflow 呢,就可能有点迷糊,这俩关注的领域不太一样 ...
- 学习ui设计_如果您想学习UI设计,该怎么办
学习ui设计 There is a question that is always asked when we want to learn something new. 当我们想学习新东西时,总会问一 ...
- 代码更换ui图片_不同人眼中的UI设计师都是什么样的?
在日常生活中,当有人问你是做什么工作的,你谦虚的回答:我是一名UI设计师,平时使用软件绘图,画界面等.此时就会有人不屑一顾的说:UI设计不就是平面美工吗,还要扯啥设计师? 而这样的称呼也被许多人所认 ...
- ui自动化测试框架_浅谈前端(UI)自动化测试
作为一名测试开发从业者,自动化测试好像是绕不开的话题....结合最近接触到的一些测开应聘同学聊到关于前端自动化测试及自己的理解,分享一下自己对UI自动化测试的认识,大概如下. 测试分层的自动化测试思想 ...
- guice 框架_玩! 框架+ Google Guice
guice 框架 在我目前正在工作的项目中,我们开始使用Google Guice. 对于那些不知道的人, Google Guice是一个依赖项注入框架. 依赖项注入的基本思想是提供一个其依赖的类,而不 ...
- java 路由框架_使用Spring框架和AOP实现动态路由
本文的大体思路是展示了一次业务交易如何动态地为子系统处理过程触发业务事件.本文所示的例子使用Spring框架和Spring AOP有效地解耦业务服务和子系统处理功能.现在让我们仔细看看业务需求. 业务 ...
- python模型训练框架_使用TensorFlow框架基于SSD算法训练模型
内容引用其它文章:https://my.oschina.net/u/876354/blog/1927351 目标检测是AI的一项重要应用,通过目标检测模型能在图像中把人.动物.汽车.飞机等目标物体检测 ...
最新文章
- 相机模型--Catadioptric Omnidirectional Camera
- 爬虫好学吗python-爬虫Python入门好学吗?学什么?
- 线性代数 第一章 行列式
- Python学习笔记:高级特性
- JS文件信息收集工具-LinkFinder
- (JAVA)Integer类之基本数据类型之间的转换
- python安装时没有选path怎么办,环境变量是个啥? 没有勾选Add to Path怎么办?
- 2020年还需要阅读的10篇人工智能论文
- 【代码笔记】Web-ionic单选框
- QQ 二十年沉浮起落,黑产从未缺席
- 用FileMapping跨进程共享数据
- ES | CentOS下基于ElasticSearch的head插件安装
- jdk完全卸载(亲测jdk1.7.0_80在win7)
- Linux上安装rz和sz命令
- 小程序调用API服务
- 计算机初级基础知识教程,计算机基础知识教程 适合初学者的计算机入门知识...
- 基于matlab的Guass-Seidel(高斯--赛德尔) 迭代法求解线性方程组
- Android USB系统(一)
- 对于支付宝里面推荐的基金大家怎么看待呢?
- Android 抛弃原生WebView,使用腾讯X5内核、并加入广告拦截。