2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

????目標(biāo)：完成一個簡單的計算器的界面，暫時不做點擊處理，主要聯(lián)系UI布局。

????步驟：

????1、創(chuàng)建一個空的windows phone 項目；

????2、打開mainPage.xaml文件，在布局文件中使用Grid布局，先分好區(qū)間，然后用Button填充對應(yīng)的區(qū)間，完成后的編輯界面截圖如下：

????mainPage.xaml代碼如下： ? ?????????? ??

<Pagex:Class="App1.MainPage"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="using:App1"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d"Background="{ThemeResource?ApplicationPageBackgroundThemeBrush}"><Grid><Grid.RowDefinitions><RowDefinition?Height="Auto"></RowDefinition><RowDefinition?Height="*"></RowDefinition></Grid.RowDefinitions><StackPanel?Grid.Row="0"?Margin="19,0,0,0"><TextBlock?Text="My?Application"?Style="{ThemeResource?TitleTextBlockStyle}"?Margin="0,12,0,0"/><TextBlock?Text="計算器"?Style="{ThemeResource?HeaderTextBlockStyle}"?Margin="0,0,0,26.5"?CharacterSpacing="{ThemeResource?PivotHeaderItemCharacterSpacing}"/></StackPanel><Grid?Grid.Row="1"?x:Name="ContentRoot"?Margin="19,9.5,19,0"><Grid.RowDefinitions><RowDefinition?Height="80"/><RowDefinition?Height="*"/></Grid.RowDefinitions><TextBlock?Grid.Row="0"?Height="80"/><Grid?Grid.Row="1"><Grid.RowDefinitions><RowDefinition/><RowDefinition/><RowDefinition/><RowDefinition/><RowDefinition/><RowDefinition/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinition/><ColumnDefinition/><ColumnDefinition/><ColumnDefinition/></Grid.ColumnDefinitions><Button?Grid.Row="0"?Grid.Column="0"?Content="MC"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="0"?Grid.Column="1"?Content="MR"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="0"?Grid.Column="2"?Content="MS"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="0"?Grid.Column="3"?Content="M+"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="0"?Grid.Column="4"?Content="M-"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="1"?Grid.Column="0"?Content="←"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="1"?Grid.Column="1"?Content="CE"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="1"?Grid.Column="2"?Content="C"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="1"?Grid.Column="3"?Content="±"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="1"?Grid.Column="4"?Content="√"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="2"?Grid.Column="0"?Content="7"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="2"?Grid.Column="1"?Content="8"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="2"?Grid.Column="2"?Content="9"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="2"?Grid.Column="3"?Content="/"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="2"?Grid.Column="4"?Content="%"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="3"?Grid.Column="0"?Content="4"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="3"?Grid.Column="1"?Content="5"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="3"?Grid.Column="2"?Content="6"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="3"?Grid.Column="3"?Content="*"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="3"?Grid.Column="4"?Content="1/x"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="4"?Grid.Column="0"?Content="1"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="4"?Grid.Column="1"?Content="2"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="4"?Grid.Column="2"?Content="3"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="4"?Grid.Column="3"?Content="-"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="4"?Grid.Column="4"?Grid.RowSpan="2"?Content="="?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="5"?Grid.Column="0"?Grid.ColumnSpan="2"?Content="0"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="5"?Grid.Column="2"?Content="."?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/><Button?Grid.Row="5"?Grid.Column="3"?Content="+"?HorizontalAlignment="Stretch"?VerticalAlignment="Stretch"?MinWidth="0"?MinHeight="0"?Padding="0"?Margin="3,0"/></Grid></Grid></Grid> </Page>

????3、模擬器運行效果圖：

轉(zhuǎn)載于:https://my.oschina.net/caijunrong/blog/608230

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的Windows10 手机应用程序开发 - 3. 做一个简单的计算器界面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。