手机APP开发 2017-01-24
由于1.0版本存在一个很大的BUG,一直也没有找到问题所在,后来,一位在微软的朋友说,他们的测试小妹给出的结果是框架的问题,所以,就直接整体重构了代码,也布局设计上,由跳转页面变为了UWP常见的左侧列表,右侧详细内容。
因为要用左右的这种结构,所以,就需要启用标题栏的后退按钮,要不然,在每个页面上的,就比较难看(具体实现方法,请看源码,或自行百度)
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = slaveFrame.CanGoBack ? AppViewBackButtonVisibility.Visible : AppViewBackButtonVisibility.Collapsed;
具体,在什么位置调用,这个要因项目而定,网上好多都是在APP文件里面做的
因为可以放大和缩小,放大还好说,怎么都能显示,但是缩小的话,可能右侧也就不见了,所以,当缩小到一定范围的时候,需要做处理
参见了http://lindexi.oschina.io/lindexi/post/win10-uwp-MVVM%E5%85%A5%E9%97%A8/文章里的MasterDetail一节,通过这是Grid的ColumnDefinition和Canvas.ZIndex来实现的
<Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="{x:Bind VM.MasterGrid,Mode=OneWay}" /> <ColumnDefinition Width="{x:Bind VM.DetailGrid,Mode=OneWay}" /> </Grid.ColumnDefinitions> <Frame Name="mainFrame" Canvas.ZIndex="{x:Bind VM.ZMainFrame,Mode=OneWay}" MaxWidth="500" /> <Frame Name="slaveFrame" BorderThickness="1" BorderBrush="{ThemeResource SystemControlBackgroundAccentBrush}" Grid.Column="{x:Bind VM.GridInt,Mode=OneWay}" Canvas.ZIndex="{x:Bind VM.ZSlaveFrame,Mode=OneWay}" /> </Grid>
适配手机端的时候,第一次,没有发现状态栏被盖住了,就是没有显示出系统的状态栏,上面是纯白色的,处理方法如下
if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")) { var statusbar = StatusBar.GetForCurrentView(); await statusbar.ShowAsync(); statusbar.BackgroundColor = Colors.White; statusbar.BackgroundOpacity = ; statusbar.ForegroundColor = Colors.Black; }
由于,2.0版本相较于1.0版本,除了在数据请求上和VM的大致写法上相一致,剩下的改动还是很大的,所以,重新在GitHub上提交了一份代码。