素材巴巴 > 程序开发 >

Xamarin.Forms——顶部导航栏文字居中的技巧

程序开发 2023-09-02 19:43:46

刚学习forms技术一个月,总觉得在安卓端Navigation他的导航栏不好用,不能够将导航栏文字居中。在git上也看到不少设置导航栏居中的一些自定义控件,但是自己用起来都感觉很困难(每次看到git上大神的代码就感觉好牛逼好牛逼),例如:
https://github.com/Peefy/Xamarin.Forms.BottomTabView在安卓端,有底部导航栏,在上方标题栏还可以文字居中
——github上的截图

太复杂了,完全看不懂啊….
今天突然冒出一个小聪明的想法,就是直接在一个页面顶部设置一个横条遮罩作为顶部导航栏的背景,再在左边设置一个label标签,想给大家分享一下。
首先先上效果图把。
这里写图片描述![这里写图片描述]

设置一个grid遮罩

   
 

————————————————————————————————
这里写图片描述

如果想在标题栏左侧加上<

再在上面加上手势事件

  var tapGestureRecognizer = new TapGestureRecognizer() { NumberOfTapsRequired = 1 };tapGestureRecognizer.Tapped += (s, e) => {//  handle the tapNavigation.PopModalAsync();};TopBarBack.GestureRecognizers.Add(tapGestureRecognizer);
 

这样就可以做到像导航栏一样的功能了,大家都可以修改他的高度,加上图片,或则导航栏背景颜色。

希望哪位大神看见了能够把这个想法做成一个自定义控件,用什么renderer来着,我目前不会用- -
源码:


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。