基于.NET6的WPF基础总结（上）

已于 2024-09-02 14:38:22 修改
阅读量507 收藏 13
点赞数 20
分类专栏： WPF 文章标签： .net wpf c# visualstudio
于 2024-09-02 14:31:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lihuxie/article/details/141642147
版权

目录

一.常用属性介绍

二、 程序退出方式

三、布局样式

3.1 Panel的附加属性ZIndex

3.2 Grid(网格)布局

3.3 UniformGrid（均分布局）

3.4 StackPanel（堆积面板）

3.5 WrapPanel（换行面板） 

3.6  DockPanel（停靠面板）

3.7 Canvas（画布布局） 

3.8 个性化Border

3.9  GridSplitter（分割窗口）

 四、内容控件

4.1 Control类

4.2 Button按钮

4.3 CheckBox复选框

4.4 RadioButton单选框

4.5 RepeatButton重复按钮

4.6 Label控件

4.6.1  Label直接显示文本

4.6.2 label和访问修饰符  

4.6.3 使用控件作为Label的内容

4.7  TextBox

4.8 PasswordBox密码框

4.9 RichTextBox富文本控件

4.9.1 获取富文本内容

4.9.2 动态创建富文本内容

4.9.3 加载文件内容到富文本

4.10 ToolTip提示工具

4.10.1 自定义ToolTip内容

4.11 Popup弹出窗口

4.12 Image图片

4.12.1 圆形图片

4.13 GroupBox分组容器

4.13.1 基本使用

4.13.2 自定义header属性

4.14 ScrollViewer 视图滚动控件

4.15 Slider 滑块

4.16 ProgressBar进度条

4.17 Calendar日历控件

4.18 DatePicker日期选择控件

一.常用属性介绍

  •    Icon: 指定窗口的图标

  •  Title: 窗口标题

  •  WindowStyle：控制界面边框样式
  1. None-无边框   （窗口无法拖动）
  2.  SingleBorderWindow-单边框（默认）
  3. ThreeDBorderWindow-3D边框 
  4. ToolWindow-工具箱窗口（只有标题和删除界面图标）
  • ResizeMode：指定窗口大小调节样式
  1. NoResize：不能调节、并且没有窗口最大最小按钮
  2. CanMinimize：不能调节，有最小化按钮
  3. CanResize：可调节（默认）
  4. CanResizeWithGrip: 可根据网格调节
  • Topmost： 调节窗口前后顺序，为true时窗口位于最前，都为true时根据顺序决定
  • Height、Width、MaxHeight、MaxWidth：高度、宽度、最大高度、最大宽度
  • SizeToContent：表示窗体大小决定方式
  1. Manual：手工决定（可以自由改变）
  2. Width：宽度决定
  3. Height：高度决定
  4. WidthAndHeight：内容决定
  • Visibility：窗口可见性
  1. Visible：可见
  2. Hidden：隐藏
  3. Collapsed：折叠
  • WindowState： 窗口状态
  1. Normal：正常
  2. Maximized：最大化
  3. Minimized：最小化
  • WindowStartupLocation：窗口启动时位置
  1. CenterScreen：正中间

二、 程序退出方式

  • close()：关闭当前窗口
private void Button_Close(object sender, RoutedEventArgs e)
{
    this.Close();
}
  • Application.Current.Shutdown()：关闭UI，但后台进程没有关闭，只到所有后台进程关闭才关闭
private void Button_Exit(object sender, RoutedEventArgs e)
{
    Application.Current.Shutdown();
}
  •  Environment.Exit(0)：强制退出（不会执行finally，但是会进行资源清理）
private void Button_Exit(object sender, RoutedEventArgs e)
{
   Environment.Exit(0);
}
  •  Process.GetCurrentProcess().Kill()：强制退出（不会进行资源清理）
private void Button_Exit(object sender, RoutedEventArgs e)
{
    Process.GetCurrentProcess().Kill();
}

三、布局样式

3.1 Panel的附加属性ZIndex

        当我们在Grid中定义两个Button的时候，我们可以看到只会显示出按钮2，因为两个按钮重叠在了一起，那么如果我们要自由选择显示哪一个按钮改怎么实现呢？

 我们在Button中加上Panel的附加属性ZIndex后，就可以根据值的大小选择需要显示的内容,比如下面的代码展示的效果则是按钮1被显示

<Grid>
    <Button Panel.ZIndex="1" Content="按钮1" Height="30" Width="200" />
    <Button Panel.ZIndex="0" Content="按钮2" Height="30" Width="200" />
</Grid>

3.2 Grid(网格)布局

  • 定义行和列
   <Grid ShowGridLines="True">
       <!--两行-->
       <Grid.RowDefinitions>
           <RowDefinition />
           <RowDefinition />
       </Grid.RowDefinitions>
       <!--两列-->
       <Grid.ColumnDefinitions>
           <ColumnDefinition />
           <ColumnDefinition />
       </Grid.ColumnDefinitions>

       <!--不写默认是第一行 or 第一列-->
       <TextBlock Text="文本1" />
       <!--Grid.Row: 哪一行 Grid.Column：那一列-->
       <TextBlock Grid.Row="1" Grid.Column="0" Text="文本2" />
       <TextBlock Grid.Row="0" Grid.Column="1" Text="文本3" />
       <TextBlock Grid.Row="1" Grid.Column="1" Text="文本4" />
   </Grid>

  •  合并行和合并列
<Grid ShowGridLines="True">
    <!--两行-->
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>
    <!--两列-->
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <!--Grid.ColumnSpan：合并列  Grid.RowSpan：合并行-->
    <TextBlock Grid.ColumnSpan="2" Text="合并列" VerticalAlignment="Center" HorizontalAlignment="Center" />
    <TextBlock Grid.RowSpan="2" Text="合并行" VerticalAlignment="Center" HorizontalAlignment="Center" />
</Grid>

  • 设置行和列高度的几种方式 

        1. 给具体的值

<Grid.RowDefinitions>
    <RowDefinition Height="120" />
    <RowDefinition />
</Grid.RowDefinitions>

        2. 根据内容大小自动变换

<Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition />
</Grid.RowDefinitions>

        3. 设置比例

如下表示将整个网格设置为8等份，第一行占3份，第二行占五份

 <Grid.RowDefinitions>
     <RowDefinition Height="3*" />
     <RowDefinition Height="5*" />
 </Grid.RowDefinitions>

3.3 UniformGrid（均分布局）

        UniformGrid与Grid网格布局十分相似，只是UniformGrid的每个单元格面积都是相等的，单元格会平分整个UniformGrid。

  • 定义一个两行两列的单元格

        定义方式特别简单，只需要在UniformGrid中设置Rows和Columns即可

  •  FirstColumn属性的使用

        FirstColumn代表第一行我要空多少格，被挤掉的格子会在布局外部显示，但是运行项目的时候是看不到的

3.4 StackPanel（堆积面板）

        StackPanel用于水平或者垂直堆叠子元素

<StackPanel>
    <Button Content="button01" />
    <Button Content="button01" />
    <Button Content="button01" />
    <Button Content="button01" />
    <Button Content="button01" />
</StackPanel>

        设置Orientation="Horizontal"后

3.5 WrapPanel（换行面板） 

        当一行或者一列内容放不下时，自动切换到另一行或另一列，提供了三个参数：Orientation-设置排列方式，ItemWidth-设置子项宽度，ItemHeight-设置子项高度

3.6  DockPanel（停靠面板）

3.7 Canvas（画布布局） 

 3.8 个性化Border

<Canvas>
    <!--BorderThickness：边框厚度,可以设置为BorderThickness="左,上,右,下" BorderBrush：边框颜色 CornerRadius：边框圆角-->
    <Border Canvas.Left="20" Canvas.Top="20" BorderThickness="1" Width="100" Height="30" BorderBrush="red">
        <TextBlock Text="button" VerticalAlignment="Center" HorizontalAlignment="Center" />
    </Border>
    <Border Canvas.Left="20" Canvas.Top="80" BorderThickness="1" Width="100" 
            Height="30" BorderBrush="Blue" CornerRadius="10" Background="Coral">
        <TextBlock Text="button" VerticalAlignment="Center" HorizontalAlignment="Center" />
    </Border>

    <!--需要注意，设置圆的时候长和宽需要一样，并且CornerRadius >= Width/2 or Height/2 -->
    <Border Canvas.Left="20" Canvas.Top="150" BorderThickness="1" Width="100" Height="100"
            BorderBrush="Green" Background="Yellow" CornerRadius="50">
        <TextBlock Text="button" VerticalAlignment="Center" HorizontalAlignment="Center" />
    </Border>
</Canvas>

3.9  GridSplitter（分割窗口）

        GridSplitter用于分割窗口的布局，可以通过鼠标实现左右或者上下的拖动

使用注意事项：

  1. 该属性必须在Grid布局中使用。
  2. 如果要实现左右拖动改变窗口的大小需要设置HorizontalAlignment="Center"；
  3. 如果要实现上下拖动改变窗口的大小需要设置VerticalAlignment="Center"；
  4. 默认是实时查看改变大小，当设置ShowsPreview="True"时，鼠标取消拖动后才会显示。
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Border Background="Aqua">
        <!--TextWrapping="Wrap": 自动换行-->
        <TextBlock TextWrapping="Wrap">
        1111111111111111111111111111111111111111111111
        </TextBlock>
    </Border>

    <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Center" ShowsPreview="True" />

    <Border Grid.Column="2" Background="Yellow">
        <TextBlock TextWrapping="Wrap">
         2222222222222222222222222222222222222222222222222222222
        </TextBlock>
    </Border>
</Grid>

 四、内容控件

4.1 Control类

        Control类是很多控件的基类，而内容控件与布局控件的不同在于布局控件专注于界面设计，内容控件专注于数据。

        Control在界面上不会有任何的显示，但是Control提供了一个控件模板Control.Template，几乎所有子类对Control.Template都进行了各自的实现，所以只有继承了Control的子类才会在界面上显示。

<Control>
    <Control.Template>
        <ControlTemplate TargetType="Control">
            <Border Width="200" Height="200" Background="Yellow" CornerRadius="100">
                <TextBlock Text="button" VerticalAlignment="Center" HorizontalAlignment="Center">
                    
                </TextBlock>
            </Border>
        </ControlTemplate>
    </Control.Template>
</Control>

 4.2 Button按钮

Button按钮自带的有三个属性：

  1. IsDefault：表示该Button是一个默认按钮，可以直接通过Enter键调用
  2. IsCancel：表示该Button是一个取消按钮，可以通过Esc键直接调用
  3. IsDefaulted：表示是否在用户按下Enter后才激活的按钮

 Button自定义样式：

<Canvas>
    <Button Width="120" Height="30" Content="圆角按钮" Canvas.Left="50" Canvas.Top="50">
        <Button.Template>
            <ControlTemplate TargetType="Button">
                <!--TemplateBinding BorderBrush: 获取边框默认的颜色-->
                <Border CornerRadius="15" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" Background="Yellow">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <Image Source="Images/csharp.png" Width="60" Height="20" />
                        <!--ContentPresenter：自动获取Button中content的值-->
                        <ContentPresenter Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center" />
                    </Grid>
                </Border>
            </ControlTemplate>
        </Button.Template>
    </Button>
</Canvas>

 4.3 CheckBox复选框

        我们在StackPanel布局中定义三个复选框，为每个复选框绑定OnCheck检查事件，判断该复选框是被被选择，然后定义一个Button，绑定事件Show

<StackPanel x:Name="Select">
    <TextBlock Text="你知道的编程语言：" Margin="5,5,0,0" />
    <CheckBox Content="C语言" Checked="OnCheck" Margin="5,5,0,0" />
    <CheckBox Content="C++语言" Checked="OnCheck" Margin="5,5,0,0" />
    <CheckBox Content="C#语言" Checked="OnCheck" Margin="5,5,0,0" />

    <Button Content="查看选择" Width="100" HorizontalAlignment="Left" Margin="5,5,0,0" Click="Show" />
</StackPanel>
private void Show(object sender, RoutedEventArgs e)
{
    StringBuilder show = new StringBuilder();
    // 遍历Select下的所有子控件，Select是我在xaml中给Pannel布局定义的名字
    foreach (var item in Select.Children)
    {
        if (item is CheckBox)
        {
            // 判断是否选中
            if ((item as CheckBox).IsChecked == true)
            {
                show.Append((item as CheckBox).Content + " ");
            }
        }
    }
    if (show.Length > 0)
    {
        MessageBox.Show(show.ToString());
    }
}

private void OnCheck(object sender, RoutedEventArgs e)
{
    int total = 0;
    foreach (var item in Select.Children)
    {
        if (item is CheckBox)
        {
            total += (item as CheckBox).IsChecked == true? 1 : 0;
        }
    }
    // 最多选择两个
    if (total > 2)
    {
        // sender: 是当前选中的CheckBox
        var cbx = sender as CheckBox;
        if (cbx.IsChecked == true) // 判断是否是选中状态
        {
            cbx.IsChecked = false;
            MessageBox.Show("最多只能选两个");
        }

        
    }
}

 4.4 RadioButton单选框

<StackPanel>
    <StackPanel Orientation="Horizontal" x:Name="Select">
        <TextBlock Text="性别" Margin="5,0,0,0" />
        <!--GroupName用于对单选框进行分组-->
        <RadioButton Content="男" GroupName="sex" Margin="10,0,0,0" />
        <RadioButton Content="女" GroupName="sex" Margin="10,0,0,0" />
    </StackPanel>

    <Button Content="查看" Width="100" HorizontalAlignment="Left" Margin="5,20,0,0" Click="Show" />
</StackPanel>
private void Show(object sender, RoutedEventArgs e)
{
    foreach (var sex in Select.Children)
    {
        if (sex is RadioButton { IsChecked: true } str)
        {
            MessageBox.Show(str.Content.ToString());
        }
    }
}

 4.5 RepeatButton重复按钮

         这个按钮事件是当我们按下鼠标后会一直重复执行，直到我们松开鼠标键，其中具有两个重要的属性:

  • Delay：点击后隔多久开始重复执行
  • Interval：重复执行函数的间隔时间

注意：想要打开控制台查看输出效果需要设置：鼠标右键点击你的解决方案，选择【属性】--> 输出类型修改为控制台应用程序

<Grid>
   <RepeatButton Width="50" Height="30" Content="button" Click="repeatButton" Delay="3000" Interval="2000" />
</Grid>
private int total = 0;
private void repeatButton(object sender, RoutedEventArgs e)
{
    Console.WriteLine($"点击了{++total}次，当前时间：{DateTime.Now}");
}

 4.6 Label控件

4.6.1  Label直接显示文本

        当我们在Label中添加Content时，Label实际上会在内部创建一个TextBlock来显示我们的内容，但是Label会默认为其加上边距

<StackPanel>
    <Label Content="hello" />
</StackPanel>

4.6.2 label和访问修饰符  

        当我们设置了访问修饰符后，程序运行时我们按住【Alt】键，被我们修饰的子元符会高亮显示，通过【Alt】+"所设置的字符"可以将焦点切换到对应的Label中。

<StackPanel>
    <!--_后面的字符就是被我们修饰的字符，可以放在任何字符的前面-->
    <Label Margin="20,0,0,0" Content="_Name" Target="{Binding ElementName=txtName}" />
    <TextBox x:Name="txtName" Margin="20,0,50,0" />
    <Label Margin="20,0,0,0" Content="S_ex" Target="{Binding ElementName=txtSex}" />
    <TextBox x:Name="txtSex" Margin="20,0,50,0" />
</StackPanel>

        此时运行项目，点击【Alt】,会将我们修饰的字符通过下划线的方式进行显示，如果我们再按“e”,焦点会在Sex中。

 4.6.3 使用控件作为Label的内容

<StackPanel>
    <!--Binding ElementName=txtName：绑定需要被聚焦的文本框-->
    <Label Target="{Binding ElementName=txtName}">
        <StackPanel Orientation="Horizontal" Margin="50,0">
            <Image Source="Images/csharp.png" Width="20" Height="20" />
            <!--AccessText才可以定义访问键-->
            <AccessText Text="_CSharp" VerticalAlignment="Center" />
        </StackPanel>
    </Label>
    <TextBox x:Name="txtName" Margin="50,0" />
</StackPanel>

4.7  TextBox

        在TextBox中具有许多的属性，下面我列举一些比较常用的

MinLines最小可见行数
MaxLines最大可见行数
Text文本内容
CharacterCasing是否转换成大小写
VerticalScrollBarVisibility是否显示拉条
MaxLength一行的最大字符长度
TextAlignment设置文本水平方向位置
VerticalContentAlignment设置文本垂直方向位置
TextWrapping是否自动换行

4.8 PasswordBox密码框

  • PasswordChar：改变密码框中内容默认显示符号
  • PasswordChanged： 密码改变时执行事件
<StackPanel Margin="20">
    <PasswordBox />
</StackPanel>

4.9 RichTextBox富文本控件

        RichTextBox可用于显示，输入和操作格式文本。可以实现TextBox的全部功能外，还提供了富文本的显示功能，同时我们可以对文本内容进行编辑。

需要注意：FlowDocumentFlowDocument RichTextBoxRichTextBox唯一支持的子元素是FlowDocument RichTextBox。

<StackPanel>
    <RichTextBox x:Name="content">
        <FlowDocument>
            <Paragraph>
                <Run>Paragraph 1</Run>
            </Paragraph>
            <Paragraph>
                <Run>Paragraph 2</Run>
            </Paragraph>
            <Paragraph>
                <Run>Paragraph 3</Run>
            </Paragraph>
        </FlowDocument>
    </RichTextBox>
</StackPanel>

  4.9.1 获取富文本内容

        给RichTextBox设置Name,通过button可以获取富文本的内容

private void getContent(object sender, RoutedEventArgs e)
{
    // 获取文本框内容，content是我们给RichTextBox设置的Name
    TextRange tr = new TextRange(content.Document.ContentStart, content.Document.ContentEnd);
    MessageBox.Show(tr.Text);
}

4.9.2 动态创建富文本内容

<StackPanel>
    <RichTextBox x:Name="content">

    </RichTextBox>
</StackPanel>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 创建FlowDocument对象
        FlowDocument flowDocument = new FlowDocument();
        content.Document = flowDocument;

        // 创建段落
        Paragraph paragraph = new Paragraph();
        paragraph.Foreground = Brushes.Blue;
        paragraph.Inlines.Add("hello");

        Paragraph paragraph2 = new Paragraph();
        paragraph2.Foreground = Brushes.Green;
        paragraph2.Inlines.Add("world");

        // 将段落添加到文档中
        flowDocument.Blocks.Add(paragraph);
        flowDocument.Blocks.Add(paragraph2);
    }
}

 4.9.3 加载文件内容到富文本

        可以设置一个Button,然后给Button绑定事件，可以实现将文件中的内容显示出来

private void Upload(object sender, RoutedEventArgs e)
{
    OpenFileDialog file = new OpenFileDialog();
    file.Filter = "Text files (*.txt)|*.txt|All files (*.*)|*.*";
    if (file.ShowDialog() == true)
    {
        TextRange txt = new TextRange(content.Document.ContentStart, content.Document.ContentEnd);
        using var stream = new FileStream(file.FileName, FileMode.Open, FileAccess.Read);
        txt.Load(stream, DataFormats.Text);
    }
}

4.10 ToolTip提示工具

        ToolTip可以显示所有 任何类型，比如图像，字符， 其他控件等  

当我们将鼠标放在Button上时，会显示出设定好的文字“hello” 

<StackPanel>
    <Button Content="鼠标放过来" ToolTip="hello" />
</StackPanel>

4.10.1 自定义ToolTip内容

<StackPanel>
    <Button Width="100" Content="鼠标放过来">
        <Button.ToolTip>
            <StackPanel>
                <TextBlock>hello</TextBlock>
                <Border Width="100" Height="100">
                    <Image Source="Images/csharp.png" />
                </Border>
            </StackPanel>
        </Button.ToolTip>
    </Button>
</StackPanel>

 4.11 Popup弹出窗口

AllowsTransparency控件是否包含透明内容
PopupAnimation控件打开或关闭时的动画效果。None：没有效果；Fade:逐渐显示或淡出；Slide：向上向下划入；Scroll：滚动效果
PlacementRectangle弹窗打开的位置
PlacementTarget在那个控件身边打开
StaysOpen默认为true，表示弹窗打开后，如果失去焦点是否继续显示
IsOpen设置弹窗是否显示

小案例如下：

<StackPanel>
    <TextBox x:Name="Menu" Width="100" Margin="0,20" GotFocus="got" LostFocus="lost" />
    <Popup x:Name="myPopup" PlacementTarget="{Binding ElementName=Menu}"
           Width="{Binding ElementName=Menu,Path=ActualWidth}" >
        <ListBox x:Name="list" SelectionChanged="ListBoxSelect">
            <ListBoxItem Content="item1" />
            <ListBoxItem Content="item2" />
            <ListBoxItem Content="item3" />
            <ListBoxItem Content="item4" />
        </ListBox>
    </Popup>
</StackPanel>
private void got(object sender, RoutedEventArgs e)
{
    myPopup.IsOpen = true;
}

private void lost(object sender, RoutedEventArgs e)
{
    myPopup.IsOpen = false;
}

private void ListBoxSelect(object sender, SelectionChangedEventArgs e)
{
    Menu.Text = (list.SelectedItem as ListBoxItem).Content.ToString();
}

 4.12 Image图片

Source图片来源
StretchDirection

图片缩放条件。

UpOnly：仅在小于父级时缩放；DownOnly：仅在大于父级时缩放；Both：兼容前两者

Stretch

图片缩放模式。

None：保持原始大小；Fill：调整内容大小以填充目标尺寸；Uniform：保持纵横比基础上缩放；UniformToFill：保持纵横比基础上缩放，还具有裁剪功能；

4.12.1 圆形图片

<StackPanel>
    <Ellipse Width="200" Height="200">
        <Ellipse.Fill>
            <ImageBrush ImageSource="Images/csharp.png" />
        </Ellipse.Fill>
    </Ellipse>
</StackPanel>

 4.13 GroupBox分组容器

 4.13.1 基本使用

<Grid Width="400" Margin="0,40">
    <!--定义行-->
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

    <GroupBox Header="基本信息">
        <!--定义第一行内部-->
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <TextBlock Text="姓名：" VerticalAlignment="Center" Margin="2,0" />
            <TextBox Grid.Column="1" Width="200" Height="20" HorizontalAlignment="Left" Margin="5,0" />
            <TextBlock Grid.Row="1" Text="性别：" VerticalAlignment="Center" Margin="2,0" />
            <WrapPanel Grid.Row="1" Grid.Column="1" Width="200" Height="30" HorizontalAlignment="Left">
                <RadioButton Content="男" GroupName="sex" Margin="7" />
                <RadioButton Content="女" GroupName="sex" Margin="7" />
            </WrapPanel>
        </Grid>
    </GroupBox>
</Grid>

 4.13.2 自定义header属性

<GroupBox.Header>
    <StackPanel Orientation="Horizontal">
        <Image Source="Images/csharp.png" Width="20" />
        <TextBlock Text="基本信息" VerticalAlignment="Center" Margin="5,0" />
    </StackPanel>
</GroupBox.Header>

4.14 ScrollViewer 视图滚动控件

        当在一个固定大小的布局格子中的内容查出格子范围时可以使用ScrollViewer；

<ScrollViewer>
    <!--定义第一行内部-->
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="200" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <TextBlock Text="姓名：" VerticalAlignment="Center" Margin="2,0" />
        <TextBox Grid.Column="1" Width="200" Height="20" HorizontalAlignment="Left" Margin="5,0" />
        <TextBlock Grid.Row="1" Text="性别：" VerticalAlignment="Center" Margin="2,0" />
        <WrapPanel Grid.Row="1" Grid.Column="1" Width="200" Height="30" HorizontalAlignment="Left">
            <RadioButton Content="男" GroupName="sex" Margin="7" />
            <RadioButton Content="女" GroupName="sex" Margin="7" />
        </WrapPanel>
    </Grid>
</ScrollViewer>

4.15 Slider 滑块

        案例：通过Slider控制图片的透明度

<Grid Width="400" Margin="0,40">
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Image Source="Images/csharp.png" Width="200" Height="200" Opacity="{Binding ElementName=slider, Path=Value}"/>

    <!--Value:默认透明度 Maximum：最大值-->
    <Slider x:Name="slider" Value="0.3" Grid.Row="1" Maximum="1" />
</Grid>

4.16 ProgressBar进度条

<StackPanel VerticalAlignment="Center">
    <ProgressBar x:Name="progress" Width="200" Height="10" Maximum="100" />
    <TextBlock x:Name="txt" VerticalAlignment="Center" HorizontalAlignment="Center">
        0%
    </TextBlock>
</StackPanel>

4.17 Calendar日历控件

4.18 DatePicker日期选择控件

.net开发
关注
  • 20
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ASP.NET WPF酒店管理系统源码 WPF开发框架源码 C#框架 界面美观
qXpKeckMy的博客
01-08 1323
本文将介绍一款基于ASP.NET WPF开发框架的酒店管理系统，通过该系统，酒店可以实现预订登记、住宿结算、房间管理、用户管理等一系列功能。预订登记模块 预订登记模块提供了入住时间、离店时间、所在城市、证件类型等信息的选择和填写功能，同时支持保存、删除、查询和返回操作。显示当前系统时间等功能的实现 通过使用WPF的计时器和日期时间控件，实现了显示当前系统时间等功能，提高了系统的实用性和用户体验。1、预订登记：可选择入住时间、离店时间、所在城市、证件类型，保存、删除、查询、返回。
asp.net mvc 学习总结
Tusk_Act4的博客
01-01 1970
自学MVC看这里——全网最全ASP.NET MVC 教程汇总 http://www.cnblogs.com/powertoolsteam/archive/2015/08/13/4667892.html MVC架构已深得人心，微软也不甘落后,推出了Asp.net MVC。小编特意整理博客园乃至整个网络最具价值的MVC技术原创文章，为想要学习ASP.NET MVC技术的学习者提供一个整合学习入口。本文从Why,What,How三个角度整理MVC 的学习资源，让学习者第一时间找到最有价值的文章，获取最彻底的ASp
谈谈WPF和.net的开发模式
kalvin_y_liu的博客
11-04 2224
谈到WPF的开发，就不能不说到MVVM，一说到MVVM，就会提及MVC、MVP等概念，那么这样一关联下来就会产生很多概念，到最后就很容易变成以概念来阐述概念，最终的结果可想而知，大家可能会一头雾水、不知所云，所以我用“漫谈WPF开发”这个小标题来阐述一下我对WPF开发的理解，当然只是自己对这些技术的总结和经验，错误之处在所难免，也希望大家能够谅解！
.Net 6 基础
golden_stone_fish的博客
03-29 3212
.Net 6和.Net相关知识整理
.NET-7.WPF学习2. 知识总结
joyyi9的博客
12-04 704
对wpf 的知识总结。
WPF基础应用
泰勒今天想展开的博客
05-02 1365
Grid: Grid是最常用的布局容器之一，它允许你通过定义行和列以及对元素进行定位来进行布局。在Grid中，可以设置元素的边距来控制其与其他元素的距离。StackPanel: StackPanel按照单一方向（垂直或水平）堆叠其子元素。子元素的宽度或高度将取决于其内容，这使得它非常适合用来创建简单的列表或工具栏等。WrapPanel: WrapPanel允许子元素根据可用空间自动换行。当父容器的宽度被占满时，WrapPanel会自动将后续的元素放置到新的一行。DockPanel。
WPF基础总结
weixin_44668234的博客
05-08 217
1、WPF简介 WPF：WPF即Windows Presentation Foundation，翻译为中文“Windows呈现基础”，是微软推出的基于Windows Vista的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。XAML语言进行开发 2、XAML三...
.Net学习总结
Abrahaml的博客
12-24 1480
第1阶段WEB前端A：HTML&CSS基础 1.前端页面有哪三层构成，分别是什么？作用是什么? a.结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面”内容是什么”的问题。 b.表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。 c.行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。 2.请简述盒模型 a.IE6盒子模型与W3C盒子模型 b.文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界bor
基础tips:.NET和ASP.NET还有ASP到底是什么?客户端WinForm和WPF的区别？前端三大框架，webpack和vite的比较，android三大框架.
cao919的专栏Net
09-16 2119
1..NET和ASP.NET分别是什么？.NET是微软的一个开发平台，其主要核心就是.NET Framwork，这个平台的一大特点就是跨语言性，不管是什么语言，c、c++、c#、F#、J#、vb等语言都可以用这个平台合作开发；ASP.NET是一个网站开发的技术，是.NET里面的一个模型，也是目前的一种主流开发网站的技术；2..NET和ASP.NET区别是什么？（1）ASP.NET是一个网站开发的技术，.NET是一个平台。
NetCore下WPF基于Prism的模块化开发
06-21
在.NET Core平台上，Windows Presentation Foundation (WPF)的应用程序开发可以通过Prism框架实现模块化，以提高代码的可重用性和可维护性。本篇文章将深入探讨如何在NetCore环境下利用Prism进行WPF的模块化开发。 ...
WPF VB.net 实例
06-12
WPF基础 WPF 是一种基于XAML（Extensible Application Markup Language）的UI框架，允许开发者以声明式方式定义用户界面。XAML提供了一种直观的方式来创建和组织控件、样式和布局。在物料管理系统中，我们可能使用...
Cjc.ChromiumBrowserDemo-(.NET-4.0).zip_.net Chromium_DEMO_WPF Ch
09-23
《Cjc.ChromiumBrowserDemo——基于.NET 4.0的WPF Chromium浏览器示例》 在.NET框架4.0的环境中，开发人员经常寻求高效、功能丰富的Web浏览器控件来集成到他们的应用程序中。Cjc.ChromiumBrowserDemo项目提供了一个...
基于.net平台下的电话通讯录.doc
07-06
【基于.NET平台下的电话通讯录】的开发与实现 在当今信息化社会，电话通讯录作为个人和企业日常通信的重要工具，其便捷性和高效性显得尤为重要。本文将详细探讨如何利用.NET框架开发一个基于Windows操作系统的电话...
Quartz.Net_快速开始
最新发布
Mudrock__的博客
09-02 130
Quartz中主要分为三部分，JobDetail、Trigger、Scheduler，分别是任务、触发器、调度器，三者的关系为：Trigger控制JobDetail的执行时间和频率，而Scheduler负责将具体的Trigger与具体的JobDetail绑定。Execute函数中的代码即为定时任务执行的操作。③创建Scheduler（可使用单例封装）①创建IJob实现类（实现IJob接口）1.安装Quartz依赖。②创建Trigger。
使用C++编写接口调用PyTorch模型，并生成DLL供.NET使用
LiRongLu_的博客
09-02 679
介绍了如何将PyTorch模型保存为TorchScript格式，并创建基于CUDA加速的C++接口。首先，使用Python脚本将PyTorch模型导出为TorchScript格式，详细说明了如何加载模型、配置参数并保存为.pt文件。接着，使用C++编写接口，展示如何通过ONNX Runtime和CUDA执行推理操作。该部分提供了从项目创建到DLL生成的完整步骤，涵盖了配置Visual Studio项目、链接库文件、实现推理逻辑等内容。最后，还介绍了如何在其他环境中调用生成的DLL文件，实现模型的跨平台推理。
0成本实现.NET Web API 8.0项目内网映射
wzl644的专栏
09-02 323
最近在学习CICD，里面会有用到内网映射的使用场景。为了加深对内网映射实操的记忆。我实操了下基于.Net 8.0的内网映射，并支持互联网访问。本文主要介绍了在win11下安装路由侠，并将.net 8.0发布到win11，项目运行、路由侠配置内网外网映射等，最终实现.NET Web API 8.0支持本地和互联网访问。这个操作比较简单，好上手。内网映射，有开源工具和商业产品。比如路由侠和花生壳就是商比较成熟的商业产品。比如frp开源工具，它使用的前提是要有一台公网服务器。
EmguCV学习笔记 VB.Net 7.2 特征点检测
UruseiBest 的技术专栏
08-29 1535
SIFT算法是一种基于尺度空间极值检测和高斯差分图像描述子的算法，具有较高的特征检测精度和描述子匹配准确性，它可以在不同尺度和旋转角度下检测和描述图像中的特征点，由于其良好的尺度不变性和旋转不变性，被广泛应用于计算机视觉领域。在使用SIFT算法提取特征描述子时，特征描述子保存在一个Mat类型变量中，该Mat的大小是“关键点的数量×128”，对应Mat的“行×列”，每个关键点为一行，128表示每个特征描述子包含128个数值，这些数值表示了关键点周围区域的特征信息，可以用于描述和区分不同的关键点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

.net开发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值