zoukankan      html  css  js  c++  java
  • WPF布局控件1

    这篇是WPF制作简易计算器的基础知识点,下一篇随笔讲解简易计算器制作过程。

    首先学习一些知识点:

    Grid
    RowDenifitions来定义Grid的行
    ColumnDefinitions来定义Grid的列
    WrapPanel
    Orientation Horizontal水平方向排列 Vartical垂直方向排列(默认值为Horizontal)
    ItemHeight设置子元素的高度
    ItemWidth设置子元素的宽度
    StackPanel面板控件
    Orientation Horizontal水平方向排列 Vartical垂直方向排列(默认值为Vartical)

    接下来在VS中学习:

    (1)Grid控件

    <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height=" 100"></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width=" 100"></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Button  Grid.Column="0 " Grid.Row=" 0">1</Button>
            <Button Grid.Column=" 1" Grid.Row=" 0">2</Button>
            <Button Grid.Column=" 0" Grid.Row=" 1">3</Button>
            <Button Grid.Column=" 1" Grid.Row=" 1">4</Button>

    </Grid>

    运行结果:

    (2)WrapPanel控件

        <WrapPanel Orientation="Vertical" ItemHeight=" 30" ItemWidth=" 100 " VerticalAlignment="Top" Width=" 200">
            <Button >1</Button>
            <Button >2</Button>
            <Button >3</Button>
            <Button >4</Button>
        </WrapPanel>

    运行结果:

    (3)StackPanel面板控件

    <StackPanel Orientation="Horizontal" VerticalAlignment="Top" Height=" 60">
            <Button Width=" 100" Height=" 30">1</Button>
            <Button Width=" 100" Height=" 30">2</Button>
            <Button Width=" 100" Height=" 30">3</Button>
            <Button Width=" 100" Height=" 30">4</Button>
    </StackPanel>

    运行结果:

    :

  • 相关阅读:
    本博客主题的相关配置(2021年)
    vscode侧边栏隐藏不需要的文件
    虎扑,豆瓣等用css屏蔽广告代码
    代替pandownload的百度网盘下载软件
    网络请求的超时原因
    OkHttp3系列(三)okhttp3-fast-spring-boot-starter
    OkHttp3系列(二)MockWebServer使用
    OkHttp3系列(一)初识OkHttp3
    为什么要使用短链接
    Google Guava之简化异常和错误的传播与检查
  • 原文地址:https://www.cnblogs.com/programme-maker/p/10860426.html
Copyright © 2011-2022 走看看