黑馬程序員-wpf 計算器佈局練習

---------------------- ASP.Net+Unity開發、.Net培訓、期待與您交流！ ----------------------

先看一下windows自帶計算機的佈局：

大概佈局能看出，有菜單欄（menu），有顯示框（textbox），然後剩下的6行5列的佈局

先看下代碼：

            <StackPanel>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    <TextBox Name="xianshi" Text="顯示框" Height="50" Margin="5,5,5,5"></TextBox>
                </Grid>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Button Grid.Row="0" Grid.Column="0" Content="MC" Margin="5"></Button>
                    <Button Grid.Row="0" Grid.Column="1" Content="MR" Margin="5"></Button>
                    <Button Grid.Row="0" Grid.Column="2" Content="MS" Margin="5"></Button>
                    <Button Grid.Row="0" Grid.Column="3" Content="M+" Margin="5"></Button>
                    <Button Grid.Row="0" Grid.Column="4" Content="M-" Margin="5"></Button>

                    <Button Grid.Row="1" Grid.Column="0" Content="←" Margin="5"></Button>
                    <Button Grid.Row="1" Grid.Column="1" Content="CE" Margin="5"></Button>
                    <Button Grid.Row="1" Grid.Column="2" Content="C" Margin="5"></Button>
                    <Button Grid.Row="1" Grid.Column="3" Content="±" Margin="5"></Button>
                    <Button Grid.Row="1" Grid.Column="4" Content="√" Margin="5"></Button>

                    <Button Grid.Row="2" Grid.Column="0" Content="7" Margin="5"></Button>
                    <Button Grid.Row="2" Grid.Column="1" Content="8" Margin="5"></Button>
                    <Button Grid.Row="2" Grid.Column="2" Content="9" Margin="5"></Button>
                    <Button Grid.Row="2" Grid.Column="3" Content="/" Margin="5"></Button>
                    <Button Grid.Row="2" Grid.Column="4" Content="%" Margin="5"></Button>

                    <Button Grid.Row="3" Grid.Column="0" Content="4" Margin="5"></Button>
                    <Button Grid.Row="3" Grid.Column="1" Content="5" Margin="5"></Button>
                    <Button Grid.Row="3" Grid.Column="2" Content="6" Margin="5"></Button>
                    <Button Grid.Row="3" Grid.Column="3" Content="*" Margin="5"></Button>
                    <Button Grid.Row="3" Grid.Column="4" Content="1/x" Margin="5"></Button>

                    <Button Grid.Row="4" Grid.Column="0" Content="1" Margin="5"></Button>
                    <Button Grid.Row="4" Grid.Column="1" Content="2" Margin="5"></Button>
                    <Button Grid.Row="4" Grid.Column="2" Content="3" Margin="5"></Button>
                    <Button Grid.Row="4" Grid.Column="3" Content="-" Margin="5"></Button>
                    <Button Grid.Row="4" Grid.Column="4" Content="=" Grid.RowSpan="2" Margin="5"></Button>

                    <Button Grid.Row="5" Grid.Column="0" Content="0" Grid.ColumnSpan="2" Margin="5"></Button>

                    <Button Grid.Row="5" Grid.Column="2" Content="." Margin="5"></Button>
                    <Button Grid.Row="5" Grid.Column="3" Content="+" Margin="5"></Button>
                    
                </Grid>
            </StackPanel>
        </DockPanel>

看下生成的結果：

雖然還差了點，但是繼續努力吧。。。繼續學習。。爭取早日把wpf拿下，跟楊老師的視頻學這麼長時間了，視頻看的不少了，但是效果還是有些不理想啊，有些明白有些則會忘掉。。。苦惱ing。。。

---------------------- ASP.Net+Unity開發、.Net培訓、期待與您交流！ ----------------------詳細請查看：www.itheima.com