之前开发的app,底部选项卡是自定义的,顶部导航栏也是自定义的,一直在想这么通用的东西应该有官方的控件才对,
最近发现xamarin中的Shell功能感觉还不错,有底部选项卡,有顶部导航栏,还可以自定义,具体见官方文档。
开始的时候页面什么加进去没什么问题。
开发的差不多准备调整UI,问题来了。
浮动栏,禁用掉,OK。
选项卡对应的几个页面不需要回退按钮,回退按钮图标默认的Android和ios不一样,所以要自定义。
1. 坑1,在AppShell.xaml里面设置如下,OK。但是如果在一个其他的页面里面这样设置,运行起来后报错,对象为空,不知道问题在哪里。只能说是有bug。
<Shell.BackButtonBehavior>
<BackButtonBehavior IsEnabled="False"/>
</Shell.BackButtonBehavior>
2. 顶部导航栏想要自定义下回退按钮图标,在页面里面设置如下。
<Shell.BackButtonBehavior>
<BackButtonBehavior>
<BackButtonBehavior.IconOverride>
<FontImageSource Glyph=""
FontFamily="{OnPlatform iOS=iconfont, Android=iconfont.ttf#}"
Color="Black"
Size="25"/>
</BackButtonBehavior.IconOverride>
</BackButtonBehavior>
</Shell.BackButtonBehavior>
结果是图标颜色是白的。(另外要说明,iconoverride虽然可以使用图片,但是图片得是纯色的,否则系统也会把你变成一团颜色。) 这里的color居然是无效的,然后我将页面背景设置为白色,Shell.BackgroundColor="White",悲剧,回退图标看不见了。。。。这绝对的就是bug。
只能准备弃用这个顶部导航,自己写过了。。。。
这就导致shell的使用大打折扣了。。。
那么,如果UI风格统一,不需要更改回退按钮的图标颜色(只能是白色的),就还是可以使用的,主页的回退按钮禁用掉就行了,其实最好是直接禁用主页页面的导航栏,直接写页面标题什么的。
子页面则可以通过shell.title来重写导航栏内容(除了回退按钮)。
2019-7-13
3. IOS下的坑,使用shell,tabbar对应的页面会从状态栏下面开始,但是从这些页面使用Navigation.pushasyn方式打开的页面内容会被shell的导航栏盖住。而禁用shell的导航栏,可以发现子页面内容从手机顶部开始,会被状态栏盖住,所以就算自己写导航栏,页面还得注意判断是不是tabbar的页面,对应增加或不增加状态栏高度得空间。