Day2還是一樣用Hello world 當作開頭,

理由是因為上一次其實只算是一半,那時候看到的apps並沒有放在windows裡面,

而且我發現上一篇的文章教學並不那麼的完全,

所以我打算在這一章來補全一下。

 

Step1. 首先,我們要先讓電腦進入開發者模式。

( 設定→開發人員專用→開發人員模式 )

 

 

Step2. 回到我們的Hello world

我們將Project build起來。

 

 

 

Step3. 然後,就可以在本機電腦上打開囉

 

 

 

 

----------------------------------------------------------------------------

接下來,我們來實作一個複雜一些些的Apps來跟今天Say goodbye好了,

首先,我們先將UI拉好。

 

 

 

<Grid x:Name="ContentPanel" Margin="5,0,0,0" Height="720" VerticalAlignment="Top" Background="#FFD46666">
        <Grid.RowDefinitions>
            <RowDefinition Height="11*"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="34,9,34,0" TextWrapping="Wrap" 
                   Text="第1個Windows 10通用視窗App" VerticalAlignment="Top" FontSize="21.333" Width="287" FontFamily="Calibri" Height="26"/>
        <TextBlock x:Name="textBlock1" HorizontalAlignment="Center" Margin="126,36,141,0" TextWrapping="Wrap"
                   Text="登入畫面" VerticalAlignment="Top" FontSize="21.333" Width="88" FontFamily="Calibri" Foreground="Red" FontWeight="Bold" Height="26"/>
        <TextBlock Text="姓名" Width="50" Height="28" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="60,88,0,0" FontSize="21.333" RenderTransformOrigin="-2.4,0.467" Foreground="#FF0728F7" FontWeight="Bold"/>
        <TextBox x:Name="tbName" HorizontalAlignment="Left" Margin="125,88,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="150" FontSize="18.667" Height="34" AcceptsReturn="True"/>
        <TextBlock x:Name="textBlock2" HorizontalAlignment="Left" Margin="60,138,0,0" TextWrapping="Wrap" Text="密碼" VerticalAlignment="Top" Width="50" Height="28" FontSize="21.333" Foreground="#FF0728F7" FontWeight="Bold"/>
        <PasswordBox x:Name="pbPassWd" HorizontalAlignment="Left" Margin="125,134,0,0" VerticalAlignment="Top" Width="150" Height="34" FontSize="18.667"/>
        <Button x:Name="btOk" Content="確定" HorizontalAlignment="Left" Margin="129,185,0,0" VerticalAlignment="Top" Width="100" FontSize="21.333" Height="38" Click="btOk_Click" Background="White" Foreground="#FFFF0C00" BorderBrush="#FF57FF00"/>
    </Grid>

 

 

 

接下來,就是按鈕的部分

 

 

 

 

arrow
arrow
    全站熱搜

    Eric 發表在 痞客邦 留言(0) 人氣()