WPF 02

最新推荐文章于 2024-09-02 19:11:49 发布
最新推荐文章于 2024-09-02 19:11:49 发布
阅读量2.4k 收藏
点赞数
分类专栏： C#笔记 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thepak/article/details/133440258
版权

Grid容器

分行和分列

<Grid>
        <Grid.RowDefinitions>
            <!--2*：此行是下面一行的两倍-->
            <RowDefinition Height="2*"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Border Background="blue"/>
        <Border Grid.Row="1" Background="red"/>
        <Border Grid.Column="1" Background="yellow"/>
        <Border Grid.Row="1" Grid.Column="1"  Background="green"/>
    </Grid>

跨行和跨列

<!--跨行和跨列-->
        <Border Grid.ColumnSpan="2" Grid.RowSpan="2" Background="blue"/>

stackPanel：默认垂直排列

局部容器，一般修饰部分空间的元素排布

<StackPanel>
//<StackPanel Orientation="Horizontal">
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
</StackPanel>

WrapPanel ：默认水平排序且换行

<WrapPanel Grid.Row="1">
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
</WrapPanel>

WrapPanel可以自动换行

DockPanel：默认最后一个元素填充剩余所有空间

<DockPanel>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
    <Button Height="50" Width="100"/>
</DockPanel>

取消最后一个元素填充剩余所有空间：

<DockPanel LastChildFill="False">

DockPanel可以停靠

<DockPanel LastChildFill="False"> 
    <Button Height="50" Width="100" DockPanel.Dock="Bottom"/>
    <Button Height="50" Width="100" DockPanel.Dock="Left"/>
    <Button Height="50" Width="100" DockPanel.Dock="Right"/>
    <Button Height="50" Width="100" DockPanel.Dock="Top"/>
    <Button Height="50" Width="100" DockPanel.Dock="Bottom"/>
</DockPanel>

UniformGrid: 在有限的空间内根据控件均分剩余空间

<UniformGrid Rows="3" Columns="3">
    <Button/>
    <Button/>
    <Button/>
    <Button/>
    <Button/>
    <Button/>
    <Button/>
    <Button/>
    <Button/>
</UniformGrid>

ctrl+k+d：自动格式化代码

课程案例1

模块划分代码：

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border Background="#7378DB"/>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Margin="5" Background="blue"/>
            <Grid Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Border Margin="5" Background="#7378DB"/>
                <Border Margin="5" Grid.Column="1" Background="#4598CE"/>
                <Border Margin="5" Grid.Column="2"  Background="#E080CE"/>
                <Border Margin="5" Grid.Column="3" Background="#50B9B8"/>
                <Border Margin="5" Grid.Column="4" Background="#E07A7D"/>
                <Border Margin="5"  Grid.Row="1" Grid.ColumnSpan="3" Background="green"/>
                <Border Margin="5"  Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" Background="Yellow"/>
                <Border Margin="5"  Grid.Row="2" Grid.ColumnSpan="3" Background="red"/>
                <Border Margin="5"  Grid.Row="3" Grid.Column="3" Grid.ColumnSpan="2" Background="Blue"/>

            </Grid>
        </Grid>
    </Grid>
</Window>

练习案例1

<!--<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border Background="#7378DB"/>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Margin="5" Background="blue"/>
            <Grid Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Border Margin="5" Background="#7378DB"/>
                <Border Margin="5" Grid.Column="1" Background="#4598CE"/>
                <Border Margin="5" Grid.Column="2"  Background="#E080CE"/>
                <Border Margin="5" Grid.Column="3" Background="#50B9B8"/>
                <Border Margin="5" Grid.Column="4" Background="#E07A7D"/>
                <Border Margin="5"  Grid.Row="1" Grid.ColumnSpan="3" Background="green"/>
                <Border Margin="5"  Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" Background="Yellow"/>
                <Border Margin="5"  Grid.Row="2" Grid.ColumnSpan="3" Background="red"/>
                <Border Margin="5"  Grid.Row="3" Grid.Column="3" Grid.ColumnSpan="2" Background="Blue"/>

            </Grid>
        </Grid>
    </Grid>
</Window>-->
<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="100"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border Background="LightCyan"/>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Margin="5" Background="#219AFB"/>
            <Border Margin="5" Grid.Column="1" Background="#64B522"/>
            <Border Margin="5" Grid.Column="2" Background="#FF9F00"/>
            <Border Margin="5" Grid.Column="3" Background="#50B9B8"/>
            <Border Margin="5" Grid.Column="4" Background="#E07A7D"/>
        </Grid>
        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.667*"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Border Margin="5" Grid.ColumnSpan="2" Background="blue"/>
                <Border Margin="5" Grid.Row="1" Background="red"/>
                <Border Margin="5" Grid.Row="1" Grid.Column="1" Background="yellow"/>
                <Border Margin="5" Grid.Row="2" Background="pink"/>
                <Border Margin="5" Grid.Row="2" Grid.Column="1" Background="green"/>
            </Grid>
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="1.5*"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Border Margin="5" Background="AntiqueWhite"/>
                <Border Margin="5" Grid.Column="1" Background="Gray"/>
                <Border Margin="5" Grid.Row="1" Grid.ColumnSpan="2" Background="SaddleBrown"/>
            </Grid>
        </Grid>
    </Grid>
</Window>

样式的使用方法

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style x:Key="BaseButtonStyle" TargetType="Button">
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Background" Value="Blue"/>
        </Style>
        <Style x:Key="ButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
            <Setter Property="Content" Value="text"/>
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <Button Content="button1" Background="Red" Style="{StaticResource ButtonStyle}"/>
            <Button Content="button2" Style="{StaticResource ButtonStyle}"/>
            <Button Content="button3" Style="{StaticResource ButtonStyle}"/>
        </StackPanel>
    </Grid>
</Window>

数据模板

案例1

MainWindow.xaml

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    
    <Grid>
        <ListBox x:Name="list">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Border Width="10" Height="10" Background="{Binding Code}"/>
                        <TextBlock Margin="10, 0" Text="{Binding Name}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
            
        </ListBox>
    </Grid>
</Window>

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfDay01
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            List<Color> test = new List<Color>();
            test.Add(new Color() { Code= "#FF69B4", Name= "热情的粉红" });
            test.Add(new Color() { Code= "#C71585", Name= "适中的紫罗兰红色" });
            test.Add(new Color() { Code= "#DA70D6", Name= "兰花的紫色" });
            list.ItemsSource = test;
        }
    }
    public class Color
    {
        public string Code { get; set; }
        public string Name { get; set; }
    }
}

案例2

MainWindow.xaml

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DataGrid x:Name="grid"
                  AutoGenerateColumns="False"
                  CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Code}" Header="Code"/>
                <DataGridTextColumn Binding="{Binding Name}" Header="Name"/>

                <DataGridTemplateColumn Header="操作">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Border Width="10" Height="10" Background="{Binding Code}"/>
                                <TextBlock Margin="10 0" Text="{Binding Name}"/>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

MainWindow.xaml.cs

namespace WpfDay01
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {

            InitializeComponent();
            List<Color> test = new List<Color>();
            test.Add(new Color() { Code= "#FF69B4", Name= "热情的粉红" });
            test.Add(new Color() { Code= "#C71585", Name= "适中的紫罗兰红色" });
            test.Add(new Color() { Code= "#DA70D6", Name= "兰花的紫色" });
            grid.ItemsSource = test;
        }
    }
    public class Color
    {
        public string Code { get; set; }
        public string Name { get; set; }
    }
}

修改dataTemplete

<DataTemplate>
    <!--<StackPanel Orientation="Horizontal">
        <Border Width="10" Height="10" Background="{Binding Code}"/>
        <TextBlock Margin="10 0" Text="{Binding Name}"/>
    </StackPanel>-->
    <StackPanel Orientation="Horizontal">
        <Button Content="添加"/>
        <Button Content="修改"/>
        <Button Content="删除"/>
    </StackPanel>
</DataTemplate>

绑定方法

双向数据绑定关系

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <Slider x:Name="slider" Margin="5"/>
            <TextBox Text="{Binding ElementName=slider, Path=Value}" Margin="5"/>
            <TextBox Text="{Binding ElementName=slider, Path=Value}" Margin="5"/>
            <TextBox Text="{Binding ElementName=slider, Path=Value}" Margin="5"/>
        </StackPanel>
    </Grid>
</Window>

绑定模式

<StackPanel>
      <Slider x:Name="slider" Margin="5"/>
      <TextBox Text="{Binding ElementName=slider, Path=Value, Mode=OneTime}" Margin="5"/>
      <TextBox Text="{Binding ElementName=slider, Path=Value, Mode=OneWay}" Margin="5"/>
      <TextBox Text="{Binding ElementName=slider, Path=Value, Mode=OneWayToSource}" Margin="5"/>
      <TextBox Text="{Binding ElementName=slider, Path=Value, Mode=TwoWay}" Margin="5"/>
  </StackPanel>

TextBox数据绑定

MainWindow.xaml

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <TextBox Text="{Binding Name}" Margin="5"/>
        </StackPanel>
    </Grid>
</Window>

创建类test

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace WpfDay01
{
    class Test
    {
        public string Name { get; set; }
    }
}

MainWindow.xaml.cs

namespace WpfDay01
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new Test()
            {
                Name = "张三"
            };
        }
    }
    public class Color
    {
        public string Code { get; set; }
        public string Name { get; set; }
    }
}

ICommand使用方法

业务逻辑代码：MainViewModel.cs

UI代码：MainWindow.xaml

实现ICommand中的接口：MyCommand.cs

将View与ViewModel挂钩：MainWindow.xaml.cs

MyCommand.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace WpfDay01
{
    public class MyCommand : ICommand
    {
        Action executeAction;
        Func<bool> canExecuteAction;
        public MyCommand(Action action,Func<bool> canExcuteAction)
        {
            executeAction = action;
            canExecuteAction = canExcuteAction;
        }
        public event EventHandler CanExecuteChanged;

        public bool CanExecute(object parameter)
        {
            return canExecuteAction();
        }

        public void Execute(object parameter)
        {
            executeAction();
        }
    }
}

MainViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
namespace WpfDay01
{
    public class MainViewModel
    {
        public MainViewModel()
        {
            ShowCommand = new MyCommand(Show,canExcuteAction);
            ShowCommand2 = new MyCommand(show2, canExcuteAction2);
        }
        private string myname="a";
        public string MyName
        {
            get { return myname; }
            set { myname = value; }
        }

        private bool canExcuteAction()
        {
            if (string.IsNullOrEmpty(MyName))
                return false;
            return true;
        }
        private bool canExcuteAction2()
        {   
            return true;
        }
        public MyCommand ShowCommand { get; set; }
        public MyCommand ShowCommand2 { get; set; }
        public void Show()
        {
            MessageBox.Show("点击了按钮！");
        }
        public void show2()
        {
            MyName = "b";
            MessageBox.Show(MyName);
        }
    }
}

MainWindow.xaml

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <TextBox Text="{Binding MyName}"></TextBox>
        <Button Width="100" Height="100" Content="Button" Command="{Binding ShowCommand}"/>
        <Button Width="100" Height="100" Content="Button" Command="{Binding ShowCommand2}"/>
    </StackPanel>
</Window>

MainWindow.xaml.cs

DataContext：连接View与ViewModel挂钩。

public partial class MainWindow : Window
    {
        public MainWindow()
        {

            InitializeComponent();
            this.DataContext = new MainViewModel();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("hhhh");
        }
    }

更新UI界面：INotifyPropertyChanged

业务逻辑代码：MainViewModel.cs

UI代码：MainWindow.xaml

实现ICommand中的接口：MyCommand.cs

将View与ViewModel挂钩：MainWindow.xaml.cs

INotifyPropertyChanged更新界面：ViewModelBase.cs

ViewModelBase.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Runtime.CompilerServices;
using System.Text;
using System.Threading.Tasks;
namespace WpfDay01
{
    class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        public void OnPropertyChanged([CallerMemberName]string propertyName="")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

MyCommand.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
namespace WpfDay01
{
    class MyCommand : ICommand
    {
        Action executeAction;
        public MyCommand(Action action)
        {
            executeAction = action;     
        }
        public event EventHandler CanExecuteChanged;

        public bool CanExecute(object parameter)
        {
            return true;
        }
        public void Execute(object parameter)
        {
            executeAction();
        }
    }
}

MainViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace WpfDay01
{
    class MainViewModel: ViewModelBase
    {
        public MainViewModel()
        {
            MyName = "Hello";
            ShowCommand = new MyCommand(Show);
            ShowCommand2 = new MyCommand(show2);
        }

        private string myname;
        public string MyName
        {
            get { return myname; }
            set { 
                myname = value;
                OnPropertyChanged();
                }
        }

        private string myTitle;
        public string MyTitle
        {
            get { return myTitle; }
            set { myTitle = value; OnPropertyChanged(); }
        }


        public MyCommand ShowCommand { get; set; }
        public MyCommand ShowCommand2 { get; set; }
        
        public void Show()
        {
            MyName = "点击了按钮";
            MyTitle = "myTitle";
            MessageBox.Show("点击了按钮！");
        }
        public void show2()
        {
            MyName = "b";
            MyTitle = "myTitle2";
            MessageBox.Show(MyName);
        }
    }
}

MainWindow.xaml

<Window x:Class="WpfDay01.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:WpfDay01"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <TextBox Text="{Binding MyName}"></TextBox>
				<TextBox Text="{Binding MyTitle}"></TextBox>
        <Button Width="100" Height="100" Content="Button" Command="{Binding ShowCommand}"/>
        <Button Width="100" Height="100" Content="Button" Command="{Binding ShowCommand2}"/>
    </StackPanel>
</Window>

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfDay01
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MainViewModel();
        }
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("hhhh");
        }
    }
}

MvvmLight框架

使用MvvmLight框架后不需要自定义MyCommand和ViewModelBase，直接调用即可。

MainViewModel.cs

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
namespace WpfDay02
{
    class MainViewModel: ViewModelBase
    {
        public MainViewModel()
        {
            MyName = "hello!";
            ShowCommand = new RelayCommand(Show);
        }
        public RelayCommand ShowCommand { get; }
        private string myName;
        public string MyName
        {
            get { return myName; }
            set { myName = value; RaisePropertyChanged(); }
        }
        public void Show()
        {
            MyName = "按下了按钮！";
            MessageBox.Show("按下了按钮！");
        }
    }
}

MainWindow.xaml

<Window x:Class="WpfDay02.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:WpfDay02"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TextBox Text="{Binding MyName}"></TextBox>
        <Button Height="100" Width="100" Content="btn" Command="{Binding ShowCommand}"></Button>
    </Grid>
</Window>

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfDay02
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MainViewModel();
        }
    }
}
将某个控件的内容关联到另外控件上（泛型的使用）

MainViewModel.cs

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
namespace WpfDay02
{
    class MainViewModel: ViewModelBase
    {
        public MainViewModel()
        {
            MyName = "hello!";
            ShowCommand = new RelayCommand<string>(Show);
        }
        public RelayCommand<string> ShowCommand { get; }
        private string myName;

        public string MyName
        {
            get { return myName; }
            set { myName = value; RaisePropertyChanged(); }
        }
        public void Show(string content)
        {
            MyName = "按下了按钮！";
            MessageBox.Show(content);
        }
    }
}

MainWindow.xaml

<Window x:Class="WpfDay02.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:WpfDay02"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <TextBox Text="{Binding MyName}" Height="40" Margin="10"></TextBox>
            <TextBox x:Name="txtInput" Height="40" Margin="10"></TextBox>
            <Button Height="100" Width="100" Content="btn" Command="{Binding ShowCommand}"
                CommandParameter="{Binding ElementName=txtInput, Path=Text}"></Button>
        </StackPanel>
    </Grid>
</Window>

将textBox中的内容通过button按钮显示到messageBox中。

使用Messenger注册接收消息

修改部分：MainWindow.xaml.cs和MainViewModel.cs

MainWindow.xaml.cs

using GalaSoft.MvvmLight.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfDay02
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MainViewModel();
            //注册一个接收string类型参数的消息，地址是Token1
            Messenger.Default.Register<string>(this, "Token1", Show);
        }
        void Show(string value)
        {
            MessageBox.Show(value);
        }
    }
}

MainViewModel.cs

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using GalaSoft.MvvmLight.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
namespace WpfDay02
{
    class MainViewModel: ViewModelBase
    {
        public MainViewModel()
        {
            MyName = "hello!";
            ShowCommand = new RelayCommand<string>(Show);
        }
        public RelayCommand<string> ShowCommand { get; }
        private string myName;
        public string MyName
        {
            get { return myName; }
            set { myName = value; RaisePropertyChanged(); }
        }
        public void Show(string content)
        {
            MyName = "按下了按钮！";
            //MessageBox.Show(content);
            //给Token1的地址发送一个string类型的值 content
            Messenger.Default.Send(content, "Token1");
        }
    }
}

效果与上面案例相同

CommunityToolkit.Mvvm框架

MainViewModel.cs

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using CommunityToolkit.Mvvm.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace WpfDay02
{
    class MainViewModel: ObservableObject 
    {
        public MainViewModel()
        {
            MyName = "hello!";
            ShowCommand = new RelayCommand<string>(Show);
        }
        public RelayCommand<string> ShowCommand { get; }
        private string myName;

        public string MyName
        {
            get { return myName; }
            set { myName = value; OnPropertyChanged(); }
        }
        public void Show(string content)
        {
            MyName = "按下了按钮！";
            //MessageBox.Show(content);
            WeakReferenceMessenger.Default.Send(content, "Token1");           
        }
    }
}

MainWindow.xaml.cs

using CommunityToolkit.Mvvm.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using Sysatem.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfDay02
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MainViewModel();

            WeakReferenceMessenger.Default.Register<string, string>(this, "Token1", (s, e)=>
            {
                MessageBox.Show(e);
            });
        } 
    }
}

MainWindow.xaml

<Window x:Class="WpfDay02.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:WpfDay02"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <TextBox Text="{Binding MyName}" Height="40" Margin="10"></TextBox>
            <TextBox x:Name="txtInput" Height="40" Margin="10"></TextBox>
            <Button Height="100" Width="100" Content="btn" Command="{Binding ShowCommand}"
                CommandParameter="{Binding ElementName=txtInput, Path=Text}"></Button>
        </StackPanel>   
    </Grid>
</Window>
ThePaK
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF控件6
yanjin_xiaoxiao的博客
10-18 544
④、UniformToFill 在保留内容原有纵横比的同时调整内容的大小，以填充目标尺寸。如果目标矩形的纵横比不同于源矩形的纵横比，则对源内容进行剪裁以适合目标尺寸。【李诗婷】\15课程练习\2022-07-31至2022-08-04\WpfAppDemo2\WpfAppDemo2\tx\tx 01.jpg"：0-1,获取或设置在用户界面中呈现 (UI) 时应用于整个 UIElement 的不透明度因子;①、Uniform（默认值）在保留内容原有纵横比的同时调整内容的大小，以适合目标尺寸。
WPF控件
yanjin_xiaoxiao的博客
08-28 149
Button控件是按钮，按钮也可以用图片，按钮用图片应该设置内容为Image，而不能设置Background为Image，如果只设置北京，按钮鼠标经过样式还在。Border控件可以放在其他控件内部，给其他控件画边框，其他容器必须支持双标签。BoderDemo.xaml 的交互逻辑。//把实例化的边框对象作为Grid的子元素。--粗度按左上右下的顺序来写-->...
WPF_02
qq_36409553的博客
04-25 244
浅谈WPF用WPF做窗体应用给XAML对象赋值的三种方式 用WPF做窗体应用 我们知道做窗体应用有许许多多的方法。C#中就有Winform与WPF。Winform做的窗体可以看做是一个平面窗体，一个窗口，上面画很多控件，所有的控件都在同一平面中，也就是在同一层中。而WPF不同，它是一种树状的窗体应用解决方案。什么是树状呢？简单点说就是一棵树，最底下是树根（Window节点），上面有树干（Grid节...
02-WPF_基础（一）
qq_45085522的博客
05-10 983
配置文件或者数据库，连接字符串，配置信息。
WPF学习笔记02-XAML语法
qq_23506909的博客
03-01 775
XAML基本语法
WPF02(concept)
weixin_34375233的博客
09-06 64
（转自http://www.cnblogs.com/huangxincheng/archive/2012/06/17/2552322.html）这些天从项目上接触到了wpf，感觉有必要做一个笔记，首篇还是聊聊基本的概念，要学习wpf，我们需要采用webform的思维来考虑问题。 一：App环境承载 我们都知道，console和winform程序的入口函数都是main，w...
WPF画板案例
qq_37343780的博客
03-14 634
WPF画板案例，效果和程序如下： <Window x:Class="DropShadow.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/b
WPF真入门教程02--新建WPF工程
hqwest的专栏
12-08 1174
默认的是MainWindow.xaml文件，它负责界面的ui设计布局，在这里面通常全部写UI的东西，包括窗口的外观，控件等，MainWindow.xaml.cs是处理界面相关的操作，也就是界面的后台逻辑文件，App.xaml.是系统应用相关的初始化，其中有启动窗口文件。工程建好之后，WPF应用程序”会在“引用”里面自动添加下图中所示的 PresentationCore、PresentationFramework、WindowsBase三大核心程序集，就是下面这个样子。好了，现在开始入门了，飞起来吧。
wpf基础
愿你历尽千帆，归来仍是少年。
07-30 311
虚拟化意味着WPF只会生成当前可视区域内的项，当用户滚动时，旧的项会被新的项替换，而不是一次性渲染所有项。内容定义：ListBoxItem的内容可以是任何有效的WPF内容，包括文本、图像或其他控件。是一个用于显示项目列表的控件，允许用户从中选择一个或多个项。支持键盘导航，允许用户使用键盘在项目之间移动和选择。支持数据绑定，样式自定义，以及多种选择模式。基本定义：在XAML中，你可以直接定义。当用户选择一个或多个项时，你可以处理。在XAML中，你可以这样定义一个。事件，这可以用来处理用户的选择。
02_EightBall_WPF_
10-04
**标题：“02_EightBall_WPF_”** 这个标题暗示了这是一个关于Windows Presentation Foundation (WPF)的项目，具体来说，它可能是一个演示应用，名为“EightBall”。在计算机编程领域，尤其是Windows桌面应用开发，...
WPF MVVM Command 02 触发器
10-22
在这个主题中，我们将深入探讨“WPF MVVM Command 02 触发器”，以及它们如何增强应用的功能。 **WPF MVVM Command** 在MVVM模式下，Command负责响应用户界面中的操作，比如按钮点击。命令接口`ICommand`定义了两...
wpf 使用style
10-13
`WpfApp11Style02.csproj`是项目的解决方案文件，`Properties`目录包含了项目属性，`obj`目录则包含编译过程中的中间文件。 通过分析和学习这个示例，开发者可以深入了解如何在WPF项目中有效地使用`Style`来提高...
Pro WPF 4.5 in C# （Pro WPF系列第四版 英文书及其源代码）
02-17
02.XAML 03.Layout 04.Dependency Properties 05.Routed Events 06.Controls 07.The Application 08.Element Binding 09.Commands 10.Resources 11.Styles and Behaviors 12.Shapes, Brushes, and ...
WPF在ListBox内嵌入panel然后数据绑定中加入CheckBox
weixin_40029679的博客
09-02 121
Template模板之DataTemplate和ControlTemplate。
WPF 手撸插件 七 日志记录(二)
bjxingch的博客
08-28 946
Serilog 日志简单用法
【WPF】WPF学习之面试常问问题
KJJfighting的博客
08-29 366
WPF:1、Wpf基于xaml语言来定义用户界面，可以实现界面和逻辑分离。2、Wpf基于DirectX（多媒体编程接口）开发，其作用是可以进行图形渲染，多媒体、动画开发。3、数据绑定模式强大，支持MVVM（model-view-viewModel）模式.Winform:1、Winform基于windows操作系统的GDI+（图形设备接口），其主要负责系统与绘图程序之间的信息交换，处理windows图形输出。2、Winform的业务主要依赖于控件事件，界面代码和逻辑代码不容易分开。
WPF框架(Prism 和 Community Toolkit)区别点
Blue
08-29 733
WPF框架(Prism 和 Community Toolkit)区别点
WPF——自定义RadioButton
最新发布
bianguanyue的博客
09-02 239
需要做一组单选按钮，只要单选按钮的显示内容与需要匹配的内容一样，则该单选按钮就为选中状态，否则则为不选中状态；且需要将当前选中状态保存，后续再进入此页面时，匹配内容为此次的保存状态。
02.[WPF]如何固定窗口的大小
05-24
要固定 WPF 窗口的大小，你可以通过设置窗口的 `ResizeMode` 属性为 `NoResize`，这将禁止用户通过拖动边框来改变窗口的大小。同时，你还需要设置 `WindowStyle` 属性为 `SingleBorderWindow`，这将确保窗口仍然显示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值