UWP Xaml如何制作类似安卓Toast的消息提示?

 时间:2026-05-04 08:40:18

1、首先,我们要在Xaml编辑器中弄出如图效果。

实现要注意的是,这个小提示框不能影响其他地方的鼠标操作,当其消失后,也不影响提示框位置的鼠标操作。

UWP Xaml如何制作类似安卓Toast的消息提示?

2、具体做法是,首先在当前Page页面有一个容器控件作为Content,在这个容器中的最后添加一个Grid控件(使其覆盖在之前所有控件上方)。

并且,设置其CoumnSpan和RowSpan,使其以整个Page为定位基础,设置其宽度高度为Auto。

UWP Xaml如何制作类似安卓Toast的消息提示?

3、在这个Grid控件内,添加一个Border控件,设置其圆角,去除边框,设置Border的背景为半透明黑色。

在Border内,有一个水平方向的StackPanel,用来显示消息的图标和文字。

UWP Xaml如何制作类似安卓Toast的消息提示?

4、接着,回到Grid控件,设置其Resources属性,添加一个StoryBoard,制作淡入淡出动画。

UWP Xaml如何制作类似安卓Toast的消息提示?

5、需要两个动画。

一个是Double数值连续类型,目标是Grid的Opacity不透明度;

另一个是Object对象离散类型,目标是Grid的Visibility。

UWP Xaml如何制作类似安卓Toast的消息提示?

6、在Page对应cs代码中,编写一个显示消息的函数,设置图标,文字,然后使用StoryBoard的Begin方法让动画开始即可。

按照本经验制作的结果,消息框1秒淡入,1秒淡出,共3秒后消息框会自动消失。

UWP Xaml如何制作类似安卓Toast的消息提示?

  • UWP Xaml如何实现右键菜单?
  • UWP Xaml如何用ContentDialog自制输入框?
  • UWP Xaml如何编写层叠样式?
  • UWP Xaml如何制作整页Loading覆盖效果?
  • UWP Xaml 颜色Color如何数据绑定
  • 热门搜索
    性xxx生活大片 圣安地列斯怎么跳 鼠标自己动是怎么回事 如何办理登机手续 如何去除u盘写保护 下水管漏水怎么办 大便颗粒状怎么回事 如何打开电脑蓝牙 如何写论文摘要 solo是什么意思