Frank

2014-01-17

[Windows 8]Web訂閱的前台設計畫面上篇

[Windows 8]Web訂閱的前台設計畫面上篇

首先，新增一個專案【RSSReader】，然後開啟【MainPage.xaml】

在【MainPage.xaml】中輸入以下程式碼：

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Button Click="Subscribe_Click"  Content="訂閱" FontSize="50" HorizontalAlignment="Left" Margin="1007,67,0,0" VerticalAlignment="Top" Height="87" Width="162"/>
        
        <Button Content="上一條" Click="Pre_Click" FontSize="50" HorizontalAlignment="Left" Margin="820,184,0,0" VerticalAlignment="Top" Height="87" Width="190"/>
        
        <Button Content="下一條" Click="Next_Click" FontSize="50" HorizontalAlignment="Left" Margin="1174,184,0,0" VerticalAlignment="Top" Height="87" Width="192"/>
        
        <TextBlock x:Name="ShowIndex" FontSize="50" HorizontalAlignment="Left" Margin="1015,184,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="154" Height="87"/>
        
        <TextBlock x:Name="ShowLog" FontSize="50" HorizontalAlignment="Left" Margin="992,445,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="337" Height="209"/>
        
        <TextBlock HorizontalAlignment="Left" Margin="992,386,0,0" TextWrapping="Wrap" Text="消息紀錄" FontSize="50" VerticalAlignment="Top" Height="54" Width="236"/>
        
        <TextBlock FontSize="50" HorizontalAlignment="Left" Margin="74,94,0,0" TextWrapping="Wrap" Text="地址：" VerticalAlignment="Top"/>
        
        <TextBlock HorizontalAlignment="Left" Margin="249,211,0,0" TextWrapping="Wrap" FontSize="50" Text="" VerticalAlignment="Top"/>
        
        <TextBlock FontSize="50" HorizontalAlignment="Left" Margin="74,211,0,0" TextWrapping="Wrap" Text="標題：" VerticalAlignment="Top"/>
        
        <TextBlock FontSize="50" HorizontalAlignment="Left" Margin="74,329,0,0" TextWrapping="Wrap" Text="消息位址：" VerticalAlignment="Top"/>
        
        <WebView x:Name="ShowContent" HorizontalAlignment="Left" Height="282" Margin="249,445,0,0" VerticalAlignment="Top" Width="666"/>
        
        <TextBox x:Name="Address" HorizontalAlignment="Left" Margin="249,81,0,0" FontSize="30" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="86" Width="551"/>
       
        <TextBlock x:Name="NewsTitle" HorizontalAlignment="Left" Margin="249,198,0,0" FontSize="30" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="99" Width="551"></TextBlock>
        
        <TextBlock FontSize="30" x:Name="NewsLink" HorizontalAlignment="Left" Margin="329,316,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="94" Width="551"/>

    </Grid>

 

這是上面程式碼設計出來的前台介面

395