WPF自定义时间控件

最新推荐文章于 2024-09-14 23:13:26 发布
最新推荐文章于 2024-09-14 23:13:26 发布
阅读量652 收藏 2
点赞数
分类专栏： # WPF 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nn690960430/article/details/116499355
版权

效果：
在这里插入图片描述

一：xaml上控件的实现


<!-- 按钮 网格 -->
            <Grid Grid.Row="0" Grid.Column="3" RenderTransformOrigin="0.492,0.54">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.13*" />
                    <ColumnDefinition Width="1.15*" />
                    <ColumnDefinition Width="1.15*" />
                    <ColumnDefinition Width="2.3*" />
                    <ColumnDefinition Width="0.13*" />
                    <ColumnDefinition Width="2.3*" />
                    <ColumnDefinition Width="1.15*" />
                    <ColumnDefinition Width="1.15*" />
                    <ColumnDefinition Width="0.13*" />
                </Grid.ColumnDefinitions>
                <Button Style="{StaticResource BtnInfoStyle}"  Grid.Row="0" HorizontalAlignment="Left" Grid.Column="2" Content="确认回放"  Width="100" Height="35" Click="BntPlayByTime"  />

                <Grid  Grid.Row="0" Grid.Column="1" HorizontalAlignment="Left">
                    <Border x:Name="border" Style="{StaticResource BtnTimeStyle1}" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="2*"></ColumnDefinition>
                                <ColumnDefinition Width="1*" ></ColumnDefinition>
                                <ColumnDefinition Width="2*"></ColumnDefinition>
                                <ColumnDefinition Width="1*"></ColumnDefinition>
                                <ColumnDefinition Width="2*"></ColumnDefinition>
                                <ColumnDefinition Width="2*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
                            <TextBox Name="textbox_hour" Foreground="White"  BorderThickness="0" TextChanged="numtextboxchanged" SelectionChanged="textbox_hour_SelectionChanged" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Grid.Column="0"></TextBox>
                            <TextBlock Grid.Column="1" Foreground="White" VerticalAlignment="Center" Background="#323844"  HorizontalAlignment="Center">:</TextBlock>
                            <TextBox Name="textbox_minute" Foreground="White" BorderThickness="0" TextChanged="numtextboxchanged" SelectionChanged="textbox_hour_SelectionChanged" VerticalContentAlignment="Center" HorizontalContentAlignment="Center"  Grid.Column="2"></TextBox>
                            <TextBlock Grid.Column="3" Foreground="White" VerticalAlignment="Center" Background="#323844"   HorizontalAlignment="Center">:</TextBlock>
                            <TextBox Name="textbox_second" Foreground="White" BorderThickness="0" TextChanged="numtextboxchanged" SelectionChanged="textbox_hour_SelectionChanged" VerticalContentAlignment="Center" HorizontalContentAlignment="Center"  Grid.Column="4"></TextBox>
                            <Grid Grid.Column="5">
                                <Grid.RowDefinitions>
                                    <RowDefinition></RowDefinition>
                                    <RowDefinition></RowDefinition>
                                </Grid.RowDefinitions>
                                <Button Name="button_up" Click="button_up_Click" Grid.Row="0">
                                    <Button.Background>
                                        <ImageBrush ImageSource="Image/jiantouxiangshang.png" Stretch="Fill"/>
                                    </Button.Background>
                                </Button>
                                <Button Name="button_down" Click="button_down_Click" Grid.Row="1" FontSize="5">
                                    <Button.Background>
                                        <ImageBrush ImageSource="Image/jiantouxiangxia.png" Stretch="Fill"/>
                                    </Button.Background>
                                </Button>
                            </Grid>
                        </Grid>
                    </Border>
                </Grid>

二：后台代码实现时分秒上下按钮

#region 业务处理函数
        /// <summary>
        /// 更改选中状态
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void textbox_hour_SelectionChanged(object sender, RoutedEventArgs e)
        {
            System.Windows.Controls.TextBox tb = sender as System.Windows.Controls.TextBox;
            if (tb != null)
            {
                Color color = (Color)ColorConverter.ConvertFromString("#323844");
                switch (tb.Name)
                {
                    case "textbox_hour":
                        tb.Background = Brushes.Gray;
                        this.textbox_minute.Background = new SolidColorBrush(color);
                        this.textbox_second.Background = new SolidColorBrush(color);
                        break;
                    case "textbox_minute":
                        tb.Background = Brushes.Gray;
                        this.textbox_hour.Background = new SolidColorBrush(color);
                        this.textbox_second.Background = new SolidColorBrush(color);
                        break;
                    case "textbox_second":
                        tb.Background = Brushes.Gray;
                        this.textbox_hour.Background = new SolidColorBrush(color);
                        this.textbox_minute.Background = new SolidColorBrush(color);
                        break;
                }
            }
        }

        /// <summary>
        /// 向上加时
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void button_up_Click(object sender, RoutedEventArgs e)
        {
            if (this.textbox_hour.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_hour.Text);
                temp++;
                if (temp > 24)
                {
                    temp = 0;
                }
                this.textbox_hour.Text = temp.ToString();
            }
            else if (this.textbox_minute.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_minute.Text);
                temp++;
                if (temp > 60)
                {
                    temp = 0;
                }
                this.textbox_minute.Text = temp.ToString();
            }
            else if (this.textbox_second.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_second.Text);
                temp++;
                if (temp > 60)
                {
                    temp = 0;
                }
                this.textbox_second.Text = temp.ToString();
            }
        }

        /// <summary>
        /// 向下减时
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void button_down_Click(object sender, RoutedEventArgs e)
        {
            if (this.textbox_hour.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_hour.Text);
                temp--;
                if (temp < 0)
                {
                    temp = 24;
                }
                this.textbox_hour.Text = temp.ToString();
            }
            else if (this.textbox_minute.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_minute.Text);
                temp--;
                if (temp < 0)
                {
                    temp = 60;
                }
                this.textbox_minute.Text = temp.ToString();
            }
            else if (this.textbox_second.Background == Brushes.Gray)
            {
                int temp = System.Int32.Parse(this.textbox_second.Text);
                temp--;
                if (temp < 0)
                {
                    temp = 60;
                }
                this.textbox_second.Text = temp.ToString();
            }
        }

        /// <summary>
        /// 初始化参数设置
        /// </summary>
        private void initParameters()
        {
            string strt = System.DateTime.Now.ToString("HH:mm:ss");
            this.textbox_hour.Text = strt.Split(':')[0];
            this.textbox_minute.Text = strt.Split(':')[1];
            this.textbox_second.Text = strt.Split(':')[2];
            string date = System.DateTime.Now.ToString("yyyy:MM:dd");

        }

        /// <summary>
        /// 数字标准化处理
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void numtextboxchanged(object sender, TextChangedEventArgs e)
        {
            System.Windows.Controls.TextBox tb = sender as System.Windows.Controls.TextBox;
            if (tb != null)
            {
                if ((this.isNum(tb.Text) == false) || (tb.Text.Length > 2))
                {
                    tb.Text = "00";
                    System.Windows.MessageBox.Show("请输入正确的时间！", "警告！");
                    return;
                }
            }
        }

        /// <summary>
        /// 判断是否为数字，是--->true，否--->false
        /// </summary>
        /// <param name="str"></param>
        /// <returns></returns>
        private bool isNum(string str)
        {
            bool ret = true;
            foreach (char c in str)
            {
                if ((c < 48) || (c > 57))
                {
                    return false;
                }
            }

            return ret;
        }
        #endregion

三：样式：

<Style x:Key="BtnTimeStyle1" TargetType="Border">
            <Setter Property="Width" Value="100"/>
            <Setter Property="Height" Value="35"/>
            <Setter Property="Background" Value="#323844"/>
            <Setter Property="CornerRadius" Value="2.5"/>
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint=".5,0" StartPoint=".5,1">
                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF617584" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Style>
可乐_@吸管
关注
专栏目录
WPF自定义日期时间控件
weixin_42846398的博客
09-22 1762
WPF自定义时间控件一、需求分析二、功能实现 一、需求分析 在工作中遇到的项目中，大部分软件是处于全屏运行状态，这时候就需要在软件的界面上加上日期时间那些，方便用户产看当前时间。 二、功能实现 这里的实现方法也很简单，大致就是自定义一个控件，然后加上文本框显示时间信息，然后后台通过一个定时器，定时去获取系统的时间，然在显示在文本框上。 1、创建自定义控件 给工程新建一个用户控件，然后添加上文本框，这里我添加了三个，分别对应年月日，星期，时间 <UserControl x:Class="ButtonDe
WPF自定义时间控件，可选择日期、时间
04-13
WPF自定义时间控件，可选择日期、时间
WPF 时间扩展控件 显示时分秒
12-22
WPF时间扩展控件，能够显示时分秒
WPF DatePicker日期选择器的详细使用教程
最新发布
weixin_39604653的博客
09-14 1633
WPF 中的 DatePicker 控件是一个用于选择日期的简单控件。它提供了一个用户友好的界面，允许用户从下拉日历中选择日期，也可以直接输入日期。以下是关于 WPF DatePicker 控件的详细使用教程。
WPF日期时间控件-DateTimePicker
08-04
1.日期时间控件，可以直接点击使用 2.是源代码文件 3.压缩包里面有使用说明文档，并有当初设计时详细的思路流程可以参考
WPF日期时间控件
09-05
WPF日期时间控件，可选择日期和时间。日期时间格式自定义，用yyyy-MM-dd HH:mm:ss这样的字符串定义格式。有源代码。
C#WPF时钟-自定义控件
小豹的博客
06-12 627
C#WPF-自定义控件
WPF自定义时间选择控件
DavidLiu的博客
06-29 642
<UserControl.Resources> <Style TargetType="DatePickerTextBox"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> &l...
WPF 自定义时间控件范围选择
11-07
在Windows Presentation Foundation（WPF）中，开发人员经常需要创建自定义控件以满足特定的用户界面需求。...通过以上步骤，我们可以构建出一个功能完备、易于使用的WPF自定义时间范围控件，满足多种应用场景的需求。
WPF自定义用户控件一个小例子
08-04
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中自定义用户控件。WPF是.NET Framework的一部分，用于构建丰富的桌面应用程序，而自定义用户控件则是提升应用程序可复用性和功能的关键。 ...
wpf Datepicker 自定义控件
09-20
自定义日期控件，选择日期的同时，显示当前的时间，时间的格式可自定义，可显示时分秒、上午/下午、星期等，可自定义显示格式。对Datepicker的重写，其中有一个类，可以复制到自己的项目，也可以输出为dll控件，这是...
WPF带时间的日期选择控件
10-23
WPF没有带时间的日期控件 一直很头疼 这个解决了这个问题 希望对大家有帮助
wpf支持时间日期控件
07-31
网上搜索的资源，修复了其他小bug及优化了下控制逻辑 来源：https://www.cnblogs.com/jiangyan219/articles/7284931.html
wpf 自定义控件年月日，自由控制，可直接引用dll
03-11
wpf 自定义控件年月日，自由控制，可直接引用dll 里面注释掉的时分秒可以放开，根据项目需求自己修改。
wpf时间控件带时分秒
12-14
wpf带时间控件带时分秒的显示，支持mvvm，源码中带封装好的类库和调用的demo，用起来十分方便
WPF 自定义控件库 常用控件封装&常用控件样式重写
03-26
在Windows Presentation Foundation（WPF）框架中，自定义控件库是开发人员为了增强应用程序界面交互性和美观性的重要工具。本资源"GenUI.WPF-master"似乎是一个包含自定义控件和样式重写的项目，旨在提供对常用WPF...
WPF 自定义DateControl DateTime控件
weixin_30375427的博客
09-25 149
WPF 自定义DateControl DateTime控件 原文:WPF 自定义DateControl DateTime控件自定义日期控件，月份选择。如下是日期的一些效果图。 具体的样式、颜色可以根据下面的代码，自己调节即可 1、日期控件的界面 <UserControl x:Class="WpfApplication...
wpf 自定义时间编辑控件
wangjijun0807的专栏
06-12 5342
基于wpf平台实现的自定义控件 主要实现小时到分钟
wpf 自定义datagrid控件
08-08
WPF自定义DataGrid控件是通过继承现有的DataGrid类，并在其基础上进行修改和扩展来实现的。 自定义DataGrid控件的步骤如下： 1. 创建一个自定义的类，继承自DataGrid。例如，可以命名为CustomDataGrid。 2. 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值