如何更改 Zebble for Xamarin 中的后退按钮位置?
How to change back button position in Zebble for Xamarin?
我在 android 设备上构建了我的新 Zebble 应用程序,但是当我使用下面的代码时,后退按钮显示如下截图。
这是我导航到另一个页面的代码。
await Nav.Forward<MyTestPage>(PageTransition.SlideUp);
这是上述代码在 android 设备上的结果。
之后,我尝试使用 Android.scss 文件中的样式表对其进行更正,如下所示:
NavigationBar {
#Title {
text-align: left;
padding-left: 65px;
font-size: 20px;
font-weight: normal;
}
.back {
margin-bottom: 20px;
}
}
但什么都没有发生。另外,我查看了下面 link 的信息,但我没有发现任何可以帮助我解决这个问题的信息。
要解决此问题,您应该更改样式目录中 common.scss 文件后退按钮的填充,如下所示:
.back {
color: white;
width: 48px;
padding: 0;
#Icon {
height: 80%;
background: url(Images/Icons/Back.png);
padding:2px 0;
}
#TextView { text-align: right; }
}
我将填充角色从 7px 更改为 2px 然后就可以了。
我在 android 设备上构建了我的新 Zebble 应用程序,但是当我使用下面的代码时,后退按钮显示如下截图。
这是我导航到另一个页面的代码。
await Nav.Forward<MyTestPage>(PageTransition.SlideUp);
这是上述代码在 android 设备上的结果。
之后,我尝试使用 Android.scss 文件中的样式表对其进行更正,如下所示:
NavigationBar {
#Title {
text-align: left;
padding-left: 65px;
font-size: 20px;
font-weight: normal;
}
.back {
margin-bottom: 20px;
}
}
但什么都没有发生。另外,我查看了下面 link 的信息,但我没有发现任何可以帮助我解决这个问题的信息。
要解决此问题,您应该更改样式目录中 common.scss 文件后退按钮的填充,如下所示:
.back {
color: white;
width: 48px;
padding: 0;
#Icon {
height: 80%;
background: url(Images/Icons/Back.png);
padding:2px 0;
}
#TextView { text-align: right; }
}
我将填充角色从 7px 更改为 2px 然后就可以了。