32.失焦提示 C#例子 WPF例子

一个提示输入,但是会在输入和聚焦时消失,其他时候显示

原理就是一旦聚焦就不显示提示

失焦时如果有内容不操作、没有内容就显示提示

C#代码:

cs 复制代码
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace practice
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void got_Focus(object sender, RoutedEventArgs e)
        {
            TextBlock1.Visibility = Visibility.Collapsed;
        }

        private void lost_Focus(object sender, RoutedEventArgs e)
        {
            if (string.IsNullOrWhiteSpace(TextBox1.Text))
            {
                TextBlock1.Visibility = Visibility.Visible;
            }
        }
    }
}

XAML代码:

XML 复制代码
<Window x:Class="practice.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:practice"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TextBox Name="TextBox1" Width="300" VerticalAlignment="Center" HorizontalAlignment="Center" GotFocus="got_Focus" LostFocus="lost_Focus"/>
        <TextBlock Name="TextBlock1" Text="请在这里输入" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Gray" IsHitTestVisible="False"/>
        <TextBox HorizontalAlignment="Left" Margin="250,170,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

    </Grid>
</Window>

Label用于说明,比如放在按钮前

Textblock用于显示

常见的属性

VerticalAlignment="Center":垂直对齐方式设置为居中。

HorizontalAlignment="Center":水平对齐方式设置为居中。

foreground="Gray": 这个属性设置了元素的前景色

IsHitTestVisible="False": 这个属性指定元素是否参与命中测试。命中测试是UI框架用来确定用户输入(如鼠标点击或触摸)是否指向特定元素的过程。当IsHitTestVisible设置为False时,元素将不会响应鼠标事件、触摸事件等用户交互。这通常用于使元素在视觉上可见但不可交互,例如,用于显示信息但不希望用户能够点击或与之交互的文本或图形。

PlaceholderTextBlock.Visibility = Visibility.Collapsed;

Visible 表示控件是可见的,它会占据布局空间。

Collapsed 表示控件是不可见的,并且它不会占据任何布局空间。这与 Hidden 不同(尽管在某些UI框架中可能存在 Hidden 状态),Hidden 通常意味着控件不可见但仍然占据其布局空间。

相关推荐
程序设计实验室7 小时前
一次小而美的重构:使用 C# 在 Avalonia 中生成真正好看的词云
c#
电商api接口开发7 小时前
ASP.NET MVC 入门指南二
前端·c#·html·mvc
界面开发小八哥10 小时前
界面控件DevExpress WPF v25.1预览 - 支持Windows 11系统强调色
windows·wpf·界面控件·devexpress·ui开发·.net 9
o0向阳而生0o11 小时前
28、.NET 中元数据是什么?
microsoft·c#·.net
niuTaylor11 小时前
Linux驱动开发快速上手指南:从理论到实战
linux·运维·开发语言·驱动开发·c#
军训猫猫头12 小时前
89.WPF 中实现便捷的数字输入框:DecimalUpDown 控件的使用 WPF例子 C#例子.
开发语言·c#·wpf
冰茶_13 小时前
.NET MAUI 发展历程:从 Xamarin 到现代跨平台应用开发框架
学习·microsoft·微软·c#·.net·xamarin
Pasregret14 小时前
缓存与数据库一致性深度解析与解决方案
数据库·缓存·wpf
cooldream200914 小时前
深入理解MVP架构:让UI层与业务逻辑完美分离的设计模式
ui·设计模式·架构·系统架构师
拖孩14 小时前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass