WPF 制作一个搜索框

最新推荐文章于 2024-07-11 15:11:34 发布
最新推荐文章于 2024-07-11 15:11:34 发布
阅读量3.6k 收藏 3
点赞数 4
分类专栏： C# WPF 文章标签： C# WPF样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38780378/article/details/87966246
版权
本文介绍如何利用C#编程语言和Windows Presentation Foundation（WPF）框架，设计并实现一个功能丰富的搜索框组件。内容涵盖WPF样式定制，以及搜索框交互和用户体验的优化。
摘要由CSDN通过智能技术生成

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

<Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="202,127,0,0" 
        BorderThickness="2" BorderBrush="White" Background="DodgerBlue" MinWidth="300" Height="54" CornerRadius="27">
    <StackPanel Orientation="Horizontal">
        <Image Width="27" Height="27" Source="{StaticResource BitmapImage_search}" Margin="13,0,0,0"/>
        <TextBox Name="tb_Search" Margin="9,0,27,0" VerticalAlignment="Center" MinWidth="230" TextChanged="tb_Se
最低0.47元/天 解锁文章
kid@wen
关注
专栏目录
在WPF中制作下拉样式的自定义颜色选择器
04-09
描述了我如何在WPF中制作下拉样式的自定义颜色选择器。
WPF自定义搜索框代码分享
10-21
主要为大家详细介绍了WPF自定义搜索框代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
WPF之comboBox可模糊查询
最新发布
weixin_71742083的博客
07-11 427
本文采用了prism框架的基础。
WPF 搜索框控件样式
菜鸟程序员
07-19 931
完全通过Xaml代码实现，使用了UserControl进行封装。功能包括聚焦时控件展开，输入为空时的文字提示，以及待选提示项列表等效果。实现效果如下图： xaml代码 后台代码： 控件使用显示示例：
WPF 自定义搜索框
03-08 435
WPF 自定义搜索框。
WPF 搜索框实时获取内容
m0_64259792的博客
07-05 368
【代码】WPF 搜索框实时获取内容。
WPF HandyControl搜索框（SearchBar）
杨勇博客之家
03-30 884
HandyControl使用搜索框的笔记，Ctrl/C Ctr/V大法的修炼之道
一个用 C＃ 做的日记本.zip
06-19
总的来说，使用C#制作日记本应用涉及到的知识点包括：C#基础语法、UI设计（Windows Forms或WPF）、数据库操作（ADO.NET）、安全性（密码保护）、高级功能实现（搜索、备份恢复）以及软件工程实践（测试、版本控制）...
wpf 一些自定义控件源码，好看方便
10-19
在Windows Presentation Foundation（WPF）中，自定义控件是一种扩展和定制标准UI元素的方式，以便更好地满足项目需求。WPF提供了丰富的控件库，但有时我们仍需要创建自己的控件来实现特定的设计或功能。标题提到的...
使用AvalonDock制作WPF多标签浏览器
07-18
在本文中，我们将深入探讨如何使用AvalonDock库来创建一个功能丰富的WPF多标签浏览器应用。AvalonDock是一款强大的布局管理器，专为Windows Presentation Foundation (WPF) 设计，它允许用户自由地组织窗口，创建...
智能搜索框实现案例
04-28
本文将深入探讨如何使用C#语言实现一个类似百度或搜狗的智能搜索框功能，包括实时提示、自动补全等特性。 首先，我们需要理解智能搜索框的核心功能。这种搜索框不仅仅是让用户输入查询词，它还提供实时反馈，即当...
WPF基于ComboBox实现（花里胡哨）搜索功能与占位符提示
qq_29881799的博客
05-10 3584
WPF实现可搜索的ComboBox，支持添加占位符/提示语，等等
WPF使用动画组合实现搜索框动态展开折叠效果
dnazhd的博客
06-04 1239
整体效果如下： 实现步骤： 1、自定义控件SearchTextBox 控件由圆形搜索按钮和输入框两部分组成，输入框又设置了内置提示信息，光标点击则消失，前台窗体xaml和输入框样式如下： <UserControl x:Class="SearchTextboxDemo.SearchTextBox" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns
WPF 自制文本下拉框,类似在百度中输出关键字,会弹出一些选项
tx183584的专栏
05-14 3210
好像wpf没有现成的组件.自己就用用户控件写了一个using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Inpu
UISearchBar的使用以及下拉列表框的实现
weixin_34352005的博客
12-27 153
在IOS混饭吃的同志们都很清楚，搜索框在移动开发应用中的地位。今天我们就结合下拉列表框的实现来聊聊UISearchBar的使用。本人新入行的菜鸟一个，不足之处请多多指教。直接上代码。 UISearchBar控件的声明：（在控制器DownListViewController中） @property(nonatomic,retain)UISearchBar*...
WPF 简单实现下拉筛选控件
dotNET跨平台
04-08 949
WPF 简单实现下拉筛选控件控件名：CheckedSearch作 者：WPFDevelopersOrg - 驚鏵原文链接[1]：https://github.com/WPFDevelopersOrg/WPFDevelopers框架使用.NET40；Visual Studio 2022;使用 ICollectionView[2] 实现筛选功能，还支持其他如下：使集合具有当前记录管理自定义排序...
项目 - 下拉自动弹出搜索框
Focus Now
06-14 4876
项目介绍下面要实现一个集成下拉弹出搜索框并支持中英文搜索的框架演示主要功能： 下拉时搜索框自动弹出，没有进行搜索操作，两秒后自动隐身 上拉、点击屏幕或点击cancer按钮时搜索框隐藏 支持中英文搜索 实现下拉弹出 上拉隐藏上拉下拉的操作都是通过UIscrollView的代理方法进行监听// 开始滑动tableView时调用 - (void)scrollViewWillBeginDragging:(U
仿今日头条下拉出现SearchBar,再下拉刷新效果，SearchListView实现以及原理讲解
YanRu的专栏
04-11 7944
先看效果分别是我的效果和今日头条的效果： 以上效果包括： 1.如果下拉的高度超过search view的高度的3/4，但是小于head view高度，则松开手时search view自动出现 2.如果下拉的高度小于search view的高度的1/4，则松开手时search view自动回弹消失 3.如果下拉的高度超过head view的总高度，则松手进行刷新 4.刷新完成自动隐藏sear
使用WPF 制作一个漂亮的datagrid
05-03
要创建一个漂亮的 WPF DataGrid，需要进行以下步骤： 1. 通过 NuGet 安装 MaterialDesignThemes 库。这个库提供了一些现成的控件和样式，可以使 WPF 应用程序的外观更加美观。 2. 在 XAML 文件中添加以下命名空间引用： ```xml xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" ``` 3. 在 Window 或 UserControl 中添加以下属性： ```xml mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800" Background="{DynamicResource MaterialDesignPaper}" TextElement.Foreground="{DynamicResource MaterialDesignBody}" TextElement.FontWeight="Regular" TextElement.FontSize="14" TextOptions.TextFormattingMode="Ideal" TextOptions.TextRenderingMode="Auto" TextOptions.TextHintingMode="Auto" materialDesign:ThemeAssist.Theme="Light" materialDesign:ColorZoneAssist.Mode="PrimaryMid" ``` 这些属性可以设置 WPF 应用程序的默认样式和主题。 4. 添加 DataGrid 控件： ```xml <DataGrid materialDesign:DataGridAssist.CellPadding="13" materialDesign:DataGridAssist.ColumnHeaderPadding="13" materialDesign:DataGridAssist.ColumnHeaderBackground="White" materialDesign:DataGridAssist.ColumnHeaderForeground="{DynamicResource MaterialDesignBody}" materialDesign:DataGridAssist.ColumnHeaderHeight="48" materialDesign:DataGridAssist.AlternatingRowBackground="White" materialDesign:DataGridAssist.RowHeight="48" materialDesign:DataGridAssist.CanUserSortColumns="False" materialDesign:DataGridAssist.CanUserResizeColumns="True" materialDesign:DataGridAssist.CanUserResizeRows="False" materialDesign:DataGridAssist.GridLinesVisibility="None" ItemsSource="{Binding MyData}"> <DataGrid.Columns> <DataGridTextColumn Header="ID" Binding="{Binding Id}" /> <DataGridTextColumn Header="Name" Binding="{Binding Name}" /> <DataGridTextColumn Header="Age" Binding="{Binding Age}" /> </DataGrid.Columns> </DataGrid> ``` 这些属性可以设置 DataGrid 控件的样式和绑定数据源。 5. 最后，绑定数据源。可以在代码中创建一个类来表示数据，然后在窗口的代码中创建一个 List 对象，把数据填充到 List 中，最后把 List 对象绑定到 DataGrid 的 ItemsSource 属性上。 ```csharp public class Person { public int Id { get; set; } public string Name { get; set; } public int Age { get; set; } } public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); List<Person> myData = new List<Person>(); myData.Add(new Person() { Id = 1, Name = "Tom", Age = 30 }); myData.Add(new Person() { Id = 2, Name = "Jerry", Age = 25 }); myData.Add(new Person() { Id = 3, Name = "Mike", Age = 40 }); DataContext = this; MyData = myData; } public List<Person> MyData { get; set; } } ``` 这样就可以创建一个漂亮的 WPF DataGrid 了。可以根据自己的需要调整样式和布局，使其更加符合自己的需求。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值