WPF 设置图片圆角的3种方式
在WPF中,设置页面布局的时,遇到了设置图片圆角问题,试了以下几种方式,都能实现:第一种:这种图片是跟着border设置的圆角而改变的,自适应图片的大小
效果:
https://img2023.cnblogs.com/blog/435942/202309/435942-20230902164147041-1119003365.png
或者:
效果:
https://img2023.cnblogs.com/blog/435942/202309/435942-20230902164208043-1775236530.png
第二种:根据x和y来设置圆角,感觉这种比较适合只设置上边的圆角比较适合
效果:
https://img2023.cnblogs.com/blog/435942/202309/435942-20230902164254103-1344493981.png
第三种:
效果:
https://img2023.cnblogs.com/blog/435942/202309/435942-20230902164403347-1504304550.png
感觉还是第一中比较简单,中间我有遇到图片不自适应大小的问题,然后我加上这个属性就好了,Stretch="Fill",这个属性的意思是
填充整个空间,但不保持纵横比。 图像不会被裁剪,但可能会发生拉伸。
总结:
Stretch 状态类似于许多电视机上的图片大小设置。
[*]None 显示原始大小的内容的原始分辨率。
[*]Uniform 在保持纵横比和图像内容的同时填充尽可能多的空间。这可能会导致在视频的边缘出现水平和垂直黑色条。这类似于宽屏模式。
[*]UniformToFill 在保持纵横比的同时填充整个空间。这可能会导致某些图像被裁剪。这类似于全屏模式。
[*]Fill 填充整个空间,但不保持纵横比。 图像不会被裁剪,但可能会发生拉伸。这类似于拉伸模式。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]