UWP[002]:开发目的+起步

发表于 更新于 分类于

开发原因

由于暴风gg了，win10 win store里面也没有觉得很好的播放器，而各大互联网厂商的播放器主要目的不是播放本地文件，win10自带的播放器又过分简陋，所以打算开发一个基于uwp的播放器，选择这个的原因呢通过有以下几点

q:为什么不选择可跨平台的一些开发方案? a:跨平台成本高，并且主要用win本子，跨平台的一些虽然看着美好，实际上个人开发只会关注一个平台 q:为什么选择开发uwp？ a:因为uwp可以发布在商店，相比于传统的exe更安全，分发途径比较好，小众软件商店下载比较好一点 q:有啥不好的地方吗？ a:微软开发者账号注册不能用微信支付宝银行卡，，，有点费劲啊，这整的

目的： 开发一个简洁的播放器，方便调节倍速就好

起步

开发环境使用的是vs2019，安装uwp开发相关的选项，

本文比较糙，如作参考，切勿钻牛角尖音响效率

simpleM's GitHub

uwp 里其实和 web网页开发类似， xaml、cs文件与html、css、js等算是也有对应关系，同时uwp中grid的布局方式我使用起来比较顺手，所以起步还是比较方便的

使用grid，并在左上添加一段文字

简单布局,在MainPage.xaml中添加一个2*2的布局,并在左上的格子添加一段文字

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="7*"/>
    <ColumnDefinition Width="3*"/>
</Grid.ColumnDefinitions>

<Grid.RowDefinitions>
    <RowDefinition Height="auto"/>
    <RowDefinition Height="9.5*"/>
</Grid.RowDefinitions>

<Grid Grid.Row="0"  Grid.Column="0">
<TextBlock Text="提示" FontSize="20" FontWeight="Medium" />
</Gird>

使用listView绑定数据渲染

1
2
3
4
5
6
7
8
9
<Grid Grid.Row="0">
    <ListView Name="MItems" ItemsSource="{x:Bind VideoFileInfoList}" ItemClick="MItems_ItemClick"  IsItemClickEnabled="True">
        <ListView.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding FilePath}"/>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>
1
2
3
4
5
6
7
public sealed partial class MainPage : Page
{

   public ObservableCollection<VideoFileInfoData> VideoFileInfoList = new ObservableCollection<VideoFileInfoData>();

    /* ... */
}