登录/ 注册
 找回密码
 立即注册
关闭

CSDN热搜

程序园 精品问答 技术交流 资源下载
返回列表 发新帖
首页 › 业界区 › 业界 ›03 - LayoutPanels例子 - TextBox

03 - LayoutPanels例子 - TextBox

诀锺 2025-6-24 13:48:35
C# Maui暂时还没有TextBox，因为这个可以通过xaml样式实现，但是为了长期使用，自己写一个TextBox。
定义一个TextEventArgs
  1. public class TextEventArgs : EventArgs
  2. {
  3.      public string Text{ get; set; }
  4.      public TextEventArgs(string text)
  5.      {
  6.          Text = text;
  7.      }
  8. }
复制代码
PropertyManager和之前的例子一样，这里就不重复了。除非更新了新功能。
我的MauiProgram.cs中添加了自定义字体，这个在第一个MAUI 配置中说了，以后也不再重复了。自己去https://www.iconfont.cn/注册账号，添加自己喜欢的字体icon，然后下载下来覆盖项目中的IconFont.ttf
  1.                     fonts.AddFont("IconFont.ttf", "IconFont");
复制代码
1.png

 TextBox继承Border，以后所有自定义控件都继承于Border，不要用Frame了，因为这个在将来的未来会被淘汰。现在Border可以实现所有功能。
  1.     public class TextBox : Border
  2.     {
  3.         public static readonly BindableProperty TextProperty = BindableProperty.Create(
  4.             nameof(Text), typeof(string), typeof(TextBox), null,
  5.             BindingMode.TwoWay, propertyChanged: OnTextChanged);
  6.         public static readonly BindableProperty IsPasswordProperty = BindableProperty.Create(
  7.             nameof(IsPassword), typeof(bool), typeof(TextBox), false);
  8.         public static readonly BindableProperty IsMultilineProperty = BindableProperty.Create(
  9.             nameof(IsMultiline), typeof(bool), typeof(TextBox), false);
  10.         public static readonly BindableProperty PlaceholderProperty = BindableProperty.Create(
  11.             nameof(Placeholder), typeof(string), typeof(TextBox), null);
  12.         public static readonly BindableProperty TextColorProperty = BindableProperty.Create(
  13.             nameof(TextColor), typeof(Color), typeof(TextBox), Colors.Black);
  14.         public static readonly BindableProperty TextSizeProperty = BindableProperty.Create(
  15.             nameof(TextSize), typeof(double), typeof(TextBox), 15d);
  16.         public static readonly BindableProperty IsReadOnlyProperty = BindableProperty.Create(
  17.             nameof(IsReadOnly), typeof(bool), typeof(TextBox), false,
  18.             propertyChanged: OnIsReadOnlyChanged);
  19.         public static readonly BindableProperty CharacterSpacingProperty = BindableProperty.Create(
  20.             nameof(CharacterSpacing), typeof(double), typeof(TextBox), 0d);
  21.         public static readonly BindableProperty CornerRadiusProperty =
  22.             BindableProperty.Create(nameof(CornerRadius), typeof(double), typeof(TextBox), 0d,
  23.                 propertyChanged: PropertyManager.CornerRadiusProperty);
  24.         public static readonly BindableProperty IconTextProperty =
  25.             BindableProperty.Create(nameof(IconText), typeof(string), typeof(TextBox), null);
  26.         public static readonly BindableProperty IconTextColorProperty =
  27.             BindableProperty.Create(nameof(IconTextColor), typeof(Color), typeof(TextBox), Colors.Gray);
  28.         public static readonly BindableProperty IconTextFontSizeProperty =
  29.                   BindableProperty.Create(nameof(IconTextFontSize), typeof(double), typeof(TextBox), 22d);
  30.         public static readonly BindableProperty IconFontFamilyProperty =
  31.             BindableProperty.Create(nameof(IconFontFamily), typeof(string), typeof(TextBox), "IconFont");
  33.         public event EventHandler<TextEventArgs>? ReturnPressed, EditingFinished;
  35.         public string Text
  36.         {
  37.             get => (string)GetValue(TextProperty);
  38.             set => SetValue(TextProperty, value);
  39.         }
  40.         public bool IsPassword
  41.         {
  42.             get => (bool)GetValue(IsPasswordProperty);
  43.             set => SetValue(IsPasswordProperty, value);
  44.         }
  45.         public bool IsMultiline
  46.         {
  47.             get => (bool)GetValue(IsMultilineProperty);
  48.             set => SetValue(IsMultilineProperty, value);
  49.         }
  50.         public string Placeholder
  51.         {
  52.             get => (string)GetValue(PlaceholderProperty);
  53.             set => SetValue(PlaceholderProperty, value);
  54.         }
  55.         public Color TextColor
  56.         {
  57.             get => (Color)GetValue(TextColorProperty);
  58.             set => SetValue(TextColorProperty, value);
  59.         }
  60.         public double TextSize
  61.         {
  62.             get => (double)GetValue(TextSizeProperty);
  63.             set => SetValue(TextSizeProperty, value);
  64.         }
  65.         public bool IsReadOnly
  66.         {
  67.             get => (bool)GetValue(IsReadOnlyProperty);
  68.             set => SetValue(IsReadOnlyProperty, value);
  69.         }
  70.         public double CharacterSpacing
  71.         {
  72.             get => (double)GetValue(CharacterSpacingProperty);
  73.             set => SetValue(CharacterSpacingProperty, value);
  74.         }
  75.         public double CornerRadius
  76.         {
  77.             get => (double)GetValue(CornerRadiusProperty);
  78.             set => SetValue(CornerRadiusProperty, value);
  79.         }
  80.         public string IconText
  81.         {
  82.             get => (string)GetValue(IconTextProperty);
  83.             set => SetValue(IconTextProperty, value);
  84.         }
  85.         public Color IconTextColor
  86.         {
  87.             get => (Color)GetValue(IconTextColorProperty);
  88.             set => SetValue(IconTextColorProperty, value);
  89.         }
  90.         public double IconTextFontSize
  91.         {
  92.             get => (double)GetValue(IconTextFontSizeProperty);
  93.             set => SetValue(IconTextFontSizeProperty, value);
  94.         }
  95.         public string IconFontFamily
  96.         {
  97.             get => (string)GetValue(IconFontFamilyProperty);
  98.             set => SetValue(IconFontFamilyProperty, value);
  99.         }
  100.         private static void OnTextChanged(BindableObject bindable, object oldValue, object newValue)
  101.         {
  102.             var tb = (TextBox)bindable;
  103.             var newText = newValue as string ?? string.Empty;
  104.             var oldText = oldValue as string ?? string.Empty;
  105.             if (newText.Length > oldText.Length && tb.IsMultiline)
  106.             {
  107.                 var addText = newText.Substring(oldText.Length);
  108.                 if (addText.Contains('\r') || addText.Contains('\n'))
  109.                 {
  110.                     //如果是回车换行，则触发ReturnPressed事件，安全派发到UI线程
  111.                     tb.Dispatcher.Dispatch(() => tb.ReturnPressed?.Invoke(tb, new TextEventArgs(newText)));
  112.                 }
  113.             }
  114.         }
  115.         //动态更新IsReadOnly属性
  116.         private static void OnIsReadOnlyChanged(BindableObject bindable, object oldValue, object newValue)
  117.         {
  118.             var tb = (TextBox)bindable;
  119.             if (tb.grid.Children.Count == 0)
  120.                 return;
  121.             if (tb.grid.Children[0] is InputView view)
  122.             {
  123.                 view.IsReadOnly = (bool)newValue;
  124.                 view.Background = (bool)newValue ? Colors.WhiteSmoke : Colors.Transparent;
  125.             }
  126.         }
  128.         private Grid grid;
  129.         public TextBox()
  130.         {
  131.             grid = new Grid()
  132.             {
  133.                 ColumnDefinitions = new ColumnDefinitionCollection
  134.                 {
  135.                     new ColumnDefinition { Width = GridLength.Star },
  136.                     new ColumnDefinition { Width = GridLength.Auto }
  137.                 },
  138.             };
  139.             // 设置布局
  140.             this.Content = grid;
  141.             this.StrokeThickness = 1;
  142.             this.Stroke = Colors.LightGray;
  143.             this.StrokeShape = new RoundRectangle() { CornerRadius = CornerRadius };
  144.             this.Padding = new Thickness(0);
  145.             //重载OnHandlerChanged中也可以初始化，构造函数会先于属性设置执行
  146.             //Dispatcher.Dispatch(Init)也可以初始化
  147.             this.Loaded += Init;
  148.         }
  150.         private void Init(object? sender, EventArgs e)
  151.         {
  152.             //凡是设置了propertyChanged的属性，都需要在这里手动初始化，因为Dispatcher.Dispatch/Loaded会在propertyChanged之后执行
  153.             InputView edit = IsMultiline ?
  154.                 new Editor()
  155.                 {
  156.                     Margin = new Thickness(0),
  157.                     AutoSize = EditorAutoSizeOption.TextChanges,
  158.                     VerticalTextAlignment = TextAlignment.Start,
  159.                 } :
  160.                 new Entry()
  161.                 {
  162.                     Margin = new Thickness(0),
  163.                     VerticalTextAlignment = TextAlignment.Start,           
  164.                 };
  165.             edit.IsReadOnly = IsReadOnly;
  166.             edit.Background = IsReadOnly ? Colors.WhiteSmoke : Colors.Transparent;
  167.             grid.Children.Add(edit);
  168.             edit.SetBinding(InputView.TextProperty, new Binding(nameof(Text), mode: BindingMode.TwoWay, source: this));
  169.             edit.SetBinding(InputView.PlaceholderProperty, new Binding(nameof(Placeholder), mode: BindingMode.TwoWay, source: this));
  170.             edit.SetBinding(InputView.TextColorProperty, new Binding(nameof(TextColor), mode: BindingMode.TwoWay, source: this));
  171.             edit.SetBinding(InputView.FontSizeProperty, new Binding(nameof(TextSize), mode: BindingMode.TwoWay, source: this));
  172.             edit.SetBinding(InputView.CharacterSpacingProperty, new Binding(nameof(CharacterSpacing), mode: BindingMode.TwoWay, source: this));
  173.             if (edit is Entry entry)
  174.             {
  175.                 edit.SetBinding(Entry.IsPasswordProperty, new Binding(nameof(IsPassword), mode: BindingMode.TwoWay, source: this));
  176.                 entry.Completed += (s, e) =>
  177.                 {
  178.                     ReturnPressed?.Invoke(this, new TextEventArgs(edit.Text));
  179.                     edit.Unfocus();
  180.                 };
  181.             }
  182.             edit.Unfocused += (s, e) =>
  183.             {
  184.                 EditingFinished?.Invoke(this, new TextEventArgs(edit.Text));
  185.             };
  186.             if (IsPassword)
  187.             {
  188.                 Label icon = new Label()
  189.                 {
  190.                     Text = IconText,
  191.                     FontFamily = IconFontFamily,
  192.                     FontSize = IconTextFontSize,
  193.                     TextColor = IconTextColor,
  194.                     VerticalTextAlignment = TextAlignment.Center,
  195.                     Margin = new Thickness(10, 0),
  196.                 };
  197.                 grid.Children.Add(icon);
  198.                 Grid.SetColumn(icon, 1);
  199.                 icon.SetBinding(Label.TextProperty, new Binding(nameof(IconText), mode: BindingMode.TwoWay, source: this));
  200.                 icon.SetBinding(Label.TextColorProperty, new Binding(nameof(IconTextColor), mode: BindingMode.TwoWay, source: this));
  201.                 icon.SetBinding(Label.FontSizeProperty, new Binding(nameof(IconTextFontSize), mode: BindingMode.TwoWay, source: this));
  202.                 icon.SetBinding(Label.FontFamilyProperty, new Binding(nameof(IconFontFamily), mode: BindingMode.TwoWay, source: this));
  203.                 TapGestureRecognizer tapGesture = new TapGestureRecognizer();
  204.                 tapGesture.Tapped += OnTapped;
  205.                 icon.GestureRecognizers.Add(tapGesture);
  206.             }
  207.         }
  209.         private void OnTapped(object? sender, TappedEventArgs e)
  210.         {
  211.             Grid? grid = (sender as Label)?.Parent as Grid;
  212.             if (grid == null)
  213.                 return;
  214.             if (grid.Children[0] is Entry entry)
  215.             {
  216.                 entry.IsPassword = !entry.IsPassword;
  217.             }
  218.         }
  219.     }　
复制代码
TextBox.xaml (前面的例子已经说明了如何把自定义控件，加到默认命名空间，以后也不再重复了)
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  3.              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  4.              x:Class="MauiViews.MauiDemos.Book._03.TextBox"
  5.              Title="TextBox" HeightRequest="400" WidthRequest="300">
  6.     <Grid RowDefinitions="auto,auto,auto, *">
  7.         <TextBox Placeholder="单行输入-只读" CornerRadius="15" IsReadOnly="True"/>
  8.         <TextBox Grid.Row="1" Placeholder="单行输入" ReturnPressed="TextBox_ReturnPressed" CornerRadius="15"/>
  9.         <TextBox Grid.Row="2" Placeholder="密码输入" IsPassword="True" ReturnPressed="TextBox_ReturnPressed"
  10.                  IconText=""/>
  11.         <TextBox Grid.Row="3" Placeholder="多行输入" IsMultiline="True" ReturnPressed="TextBox_ReturnPressed"/>
  12.     </Grid>
  13. </ContentPage>
复制代码
对应的cs代码
  1. using Shares.Utility;
  2. using System.Diagnostics;
  4. namespace MauiViews.MauiDemos.Book._03;
  6. public partial class TextBox : ContentPage
  7. {
  8.         public TextBox()
  9.         {
  10.                 InitializeComponent();
  11.         }
  13.     private void TextBox_ReturnPressed(object? sender, TextEventArgs e)
  14.     {
  15.                 Trace.WriteLine($"TextBox_ReturnPressed: {e.Text}");
  16.     }
  17. }
复制代码
运行效果
2.png

 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

使用道具 举报
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
发帖
诀锺
2025-6-24 13:48:35

0

粉丝关注

16

主题发布

板块介绍填写区域，请于后台编辑
微信扫一扫