WPF开发随笔收录-仿安卓Toast

一、前言

在项目中，经常需要用到消息提醒功能，在以前接触安卓开发那会使用过Toast，于是打算在WPF上也来模仿一个，话不多说，撸起袖子干起来！

二、正文

1、首先新建一个工程，工程的目录如下

2、编写Toast.cs的代码，这里因为只需要显示文本信息，所以Toast继承Label即可，然后添加一个定时关闭的方法

public class Toast : Label

{

    public Toast()

    {

    }

    public void SetTimeClose(TimeSpan time)

    {

        new Thread(() =>

        {

            Thread.Sleep(time);

            if (this.Parent is Panel)

            {

                this.Dispatcher.BeginInvoke(new Action(() =>

                {

                    (this.Parent as Panel).Children.Remove(this);

                }));

            }

        })

        { IsBackground = true }.Start();

    }

}

3、接着编写一下Toast控件的样式

<Style TargetType="{x:Type ctls:Toast}">

    <Setter Property="Foreground" Value="White" />

    <Setter Property="FocusVisualStyle" Value="{x:Null}" />

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate TargetType="{x:Type ctls:Toast}">

                <Border

                    MinWidth="50"

                    MinHeight="50"

                    Padding="25,0"

                    Background="#90000000"

                    CornerRadius="2">

                    <Border.Effect>

                        <DropShadowEffect BlurRadius="10" ShadowDepth="1" />

                    </Border.Effect>

                    <ContentPresenter

                        HorizontalAlignment="Center"

                        VerticalAlignment="Center"

                        TextBlock.FontSize="14" />

                </Border>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

4、编辑MainWindow.xaml文件，其中StackPanel是用来添加Toast控件的容器

<Window x:Class="ToastDemo.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:ToastDemo"

        mc:Ignorable="d"

        Title="MainWindow" Height="450" Width="800">

    <Grid>

        <Grid>

            <Button

                Width="100"

                Height="50"

                Content="Button"

                Click="Button_Click"/>

        </Grid>

        <StackPanel

            Name="ToastPanel"

            Margin="0,80,30,0"

            HorizontalAlignment="Center"

            VerticalAlignment="Top" />

    </Grid>

</Window>

5、接着编写后台代码，添加一个ShowToast方法来生成一个Toast到ToastPanel

public partial class MainWindow : Window

{

    public MainWindow()

    {

        InitializeComponent();

    }

    private void Button_Click(object sender, RoutedEventArgs e)

    {

        ShowToast("这是一个Toast");

    }

    public void ShowToast(string text, TimeSpan? time = null)

    {

        Toast toast = new Toast();

        toast.Content = text;

        toast.Margin = new Thickness(0, 10, 0, 0);

        ToastPanel.Children.Add(toast);

        if (time == null)

        {

            toast.SetTimeClose(TimeSpan.FromSeconds(5));

        }

        else

        {

            toast.SetTimeClose(time.Value);

        }

    }

}

6、运行一下看一下效果，可以看到想要的基本效果已经完成了

巴特西

WPF开发随笔收录-仿安卓Toast

一、前言

二、正文

最新文章

热门文章