win10 uwp 裝機必備應用含源代碼 · uwp入門

zhxilin大神說[http://www.cnblogs.com/zhxilin/p/4819372.html](http://www.cnblogs.com/zhxilin/p/4819372.html)這文章說到了使用`await Windows.System.Launcher.LaunchUriAsync(new Uri(uri));` 打開應用商店我想到了裝機必備的一個軟件大概界面 ![這里寫圖片描述](https://box.kancloud.cn/2016-04-08_5707636a9823d.jpg "") 求輕噴我設計了MainPage.xaml擁有兩個Frame 單例model 從[https://www.microsoft.com/zh-cn/store/top-free/apps/pc](https://www.microsoft.com/zh-cn/store/top-free/apps/pc)得到軟件圖片 ![這里寫圖片描述](https://box.kancloud.cn/2016-04-08_5707636ab3513.jpg "") Button可以設置Content為Grid ~~~ <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/QQ.png" Grid.Row="0" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="搜狐視頻" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> ~~~ button設置大小和圖片一樣，就可以把圖片填到button作為按鈕右擊獲得應用軟件QQ的ProductId， ProductId是點擊鏈接最后的 ![這里寫圖片描述](https://box.kancloud.cn/2016-04-08_5707636ac55f2.jpg "") 9wzdncrfj1ps 使用 ~~~ string uri = "ms-windows-store://pdp/?ProductId=9wzdncrfj1ps"; await Windows.System.Launcher.LaunchUriAsync(new Uri(uri)); ~~~ 在按鈕寫`<Button Click="QQ_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"/>` 就可以點擊跳轉應用商店 ![這里寫圖片描述](https://box.kancloud.cn/2016-04-08_5707636ad9d40.jpg "") 在頁面跳轉到QQ頁面`chatcommunicationframe.Navigate(typeof(chatcommunication));` 因為 ~~~ string uri = "ms-windows-store://pdp/?ProductId=9wzdncrfj1ps"; await Windows.System.Launcher.LaunchUriAsync(new Uri(uri)); ~~~ 在每次打開應用都使用，放在model ~~~ public async void windowsapp(string ProductId) { string uri = $"ms-windows-store://pdp/?ProductId={ProductId}"; await Windows.System.Launcher.LaunchUriAsync(new Uri(uri)); } ~~~ 可以使用 ~~~ private void souhu_Click(object sender , RoutedEventArgs e) { string ProductId = "9wzdncrfhvq0"; _model.windowsapp(ProductId); } ~~~ view: chatcommunication.xaml movie.xaml model.cs MainPage.xaml ~~~ <Page x:Class="classifyapp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:classifyapp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Frame Name="chatcommunicationframe" Grid.Row="0" Margin="10,10,10,10"/> <Frame Name="movieframe" Grid.Row="1" Margin="10,10,10,10"/> </Grid> </Page> ~~~ chatcommunication.xaml: ~~~ <Page x:Class="classifyapp.view.chatcommunication" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:classifyapp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Border> <Border.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF6369EB" Offset="0"/> <GradientStop Color="#FFFAFBFF" Offset="1"/> </LinearGradientBrush> </Border.Background> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition /> </Grid.RowDefinitions> <TextBlock Text="聊天" Grid.Row="0" Margin="10,10,10,10"/> <Grid Grid.Row="1"> <GridView > <Button Click="QQ_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"> <Button.Content> <Image Source="ms-appx:///Assets/QQ.png" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> </Button.Content> </Button> </GridView> </Grid> </Grid> </Border> </Grid> </Page> ~~~ movie.xaml ~~~ <Page x:Class="classifyapp.view.movie" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:classifyapp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Border> <Border.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF6369EB" Offset="0"/> <GradientStop Color="#FFFAFBFF" Offset="1"/> </LinearGradientBrush> </Border.Background> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition /> </Grid.RowDefinitions> <TextBlock Text="視頻" Grid.Row="0" Margin="10,10,10,10"/> <Grid Grid.Row="1"> <GridView > <Button Click="souhu_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0" > <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/搜狐.png" Grid.Row="0" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="搜狐視頻" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> <Button Click="blibli_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"> <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/blibli.png" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="搜狐視頻" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> <Button Click="manguo_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"> <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/芒果.png" Width="50" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="芒果TV" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> <Button Click="youku_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"> <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/優酷.png" Width="50" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="優酷TV" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> <Button Click="baofengyingyin_Click" Width="50" Height="50" Margin="10,10,10,10" Padding="0"> <Button.Content> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Image Source="ms-appx:///Assets/暴風影音.png" Width="50" ScrollViewer.VerticalScrollBarVisibility="Disabled" /> <TextBlock Text="暴風影音" Grid.Row="1" HorizontalAlignment="Center" /> </Grid> </Button.Content> </Button> </GridView> </Grid> </Grid> </Border> </Grid> </Page> ~~~ 沒有使用比較多的東西，簡單單例，按鈕，frame，GridView，沒有使用bind，動畫 margin可以使用”10”，我都是使用”10,10,10,10”，雖然好多寫法可以簡單，讓代碼變少，也不會容易出錯，但是沒有那么多，只是做一個看到的想到的好的東西，雖然這個應該發布是不會的，但是也有一些想不開的也許就發出來，有人想要。不過這樣只是在博客可以這樣說，實際的軟件這樣開發，根本做不到，因為沒有那么多人都知道我的想法，知道了也不會開發出來，除了技術還有的是做出來是他想的。也沒有那些跳轉出來的，好看的，我設計看起來沒有一點好，本來想做一個好看的天藍，最后成了上面的那個 ![這里寫圖片描述](https://box.kancloud.cn/2016-04-08_5707636b56df7.jpg "") 需要的技術很少做出來可以是一個裝機必備，不知有誰想到這么簡單技術做出的，可以賣軟件，不知道有誰要，掛個價格100 代碼：[https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/classifyapp](https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/classifyapp) 參考：[https://msdn.microsoft.com/en-us/library/windows/apps/mt228343.aspx](https://msdn.microsoft.com/en-us/library/windows/apps/mt228343.aspx)