WPF入门第一课

最新推荐文章于 2024-04-28 10:41:14 发布

elsemind

最新推荐文章于 2024-04-28 10:41:14 发布

阅读量784

点赞数

分类专栏： WPF 文章标签： C# WPF 编程布局开发

本文链接：https://blog.csdn.net/elsemind/article/details/8714859

版权

WPF 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、如何显示一个复杂内容的按钮？

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Margin="100">
            <Button.Content>
                <StackPanel Orientation="Horizontal">
                    <Image Width="80" Height="100" Source="b10023996.jpg"></Image>
                    <TextBlock VerticalAlignment="Center" Text="确定"></TextBlock>
                </StackPanel>
            </Button.Content>
        </Button>
    </Grid>
</Window>

显示效果如下：

2、Grid布局的使用：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="用户名："></TextBlock>
        <TextBox Grid.Column="1" Margin="25"></TextBox>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="密码：" Grid.Row="1"></TextBlock>
        <PasswordBox Grid.Row="1" Grid.Column="1" Margin="25"></PasswordBox>
        <Button Content="确定" Grid.Row="2" Margin="25"></Button>
        <Button Content="取消" Grid.Row="2" Grid.Column="1" Margin="25"></Button>
    </Grid>
</Window>

显示效果如下：

3、山寨版连连看的棋盘

namespace WpfApplication3
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            //定义行设置：3行
            for (int i = 0; i < 3; i++)
            {
                RowDefinition rdf = new RowDefinition();       
                myGrid.RowDefinitions.Add(rdf);
            }
            //定义列设置：6列
            for (int j = 0; j < 6; j++)
            {
                ColumnDefinition cdf = new ColumnDefinition();
                myGrid.ColumnDefinitions.Add(cdf);
            }
            //用来随机图片文件名用的随机类对象
            Random random = new Random();
            //两层循环
            for (int i = 0; i < 3; i++)
            {
                for (int j = 0; j < 6; j++)
                {
                    //随机数，用来生成随机的图片文件名
                    int index = random.Next(1, 11);
                    //创建一个Image对象
                    Image img = new Image();
                    //设置Image对象的图片路径
                    img.Source = new BitmapImage(new  Uri("images/"+index+".jpg",UriKind.Relative));
                    //设置Image对象在Grid布局中第几行
                    Grid.SetRow(img, i);
                    //设置Image对象在Grid布局中第几列
                    Grid.SetColumn(img,j);
                    //将Image对象添加到Grid布局中
                    myGrid.Children.Add(img);
                }
            }
        }
    }
}

实现效果如下：