利用wpf模仿记事本

<Grid ShowGridLines="True" >
    <!--把空间分为三行,进行排列-->
    <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition Height="20"/>
        <RowDefinition/>
        <RowDefinition Height="20"/>
    </Grid.RowDefinitions>
    <!--头部导航-->
    <StackPanel  Grid.Column="0" Grid.Row="0" Orientation="Horizontal">
        <Button Content="文件" Width="80"/>
        <Button Content="编辑" Width="80"/>
        <Button Content="查看" Width="80"/>
    </StackPanel>
    <StackPanel  Grid.Column="0" Grid.Row="1" Orientation="Horizontal">
        <Button Content="📃" Width="25"/>
        <Button Content="📂" Width="25"/>
        <Button Content="📋" Width="25"/>
    </StackPanel>
    <!--把第三行分为两列-->
    <Grid ShowGridLines="True" Grid.Row="2" Grid.Column="0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="70"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <!--最左边现实的行数-->
        <StackPanel Grid.Row="0" Grid.Column="0">
            <Button Height="40" Content="1" />
            <Button Height="40" Content="2" />
            <Button Height="40" Content="3" />
            <Button Height="40" Content="4" />
        </StackPanel>
        <!--文本自动换行Wrap-->
        <TextBox Grid.Row="0" Grid.Column="1" FontSize="18" TextWrapping="Wrap" />
    </Grid>
    <!--把第四行分14列-->
    <Grid Grid.Row="3" Grid.Column="0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.Column="0" Content="1"/>
        <Button Grid.Row="0" Grid.Column="1" Content="2"/>
        <Button Grid.Row="0" Grid.Column="2" Content="3"/>
        <Button Grid.Row="0" Grid.Column="3" Content="4"/>
        <Button Grid.Row="0" Grid.Column="4" Content="5"/>
        <Button Grid.Row="0" Grid.Column="5" Content="6"/>
        <Button Grid.Row="0" Grid.Column="6" Content="7"/>
        <Button Grid.Row="0" Grid.Column="7" Content="8"/>
        <Button Grid.Row="0" Grid.Column="8" Content="9"/>
        <Button Grid.Row="0" Grid.Column="9" Content="10"/>
        <Button Grid.Row="0" Grid.Column="10" Content="11"/>
        <Button Grid.Row="0" Grid.Column="11" Content="12"/>
        <Button Grid.Row="0" Grid.Column="12" Content="13"/>
        <Button Grid.Row="0" Grid.Column="13" Content="14"/>
    </Grid>

    <!--<Button HorizontalAlignment="Left" Width="40" Grid.Column="0" Grid.Row="0"/>
    <Button HorizontalAlignment="Left" Margin="40,0,0,0" Width="40" Grid.Column="0" Grid.Row="0"/>
    <Button HorizontalAlignment="Left" Margin="80,0,0,0" Width="40" Grid.Column="0" Grid.Row="0"/>-->
</Grid>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值