本机脚本。如何使用 png 图像创建自定义操作栏?
NativeScript. How do i create a custom action bar with a png image?
我正在使用 nativescript 开发一个面向儿童的应用程序,我想制作一个带有图像背景的自定义操作栏,如下所示:
但是如您所见,在滚动时,它显示白色矩形背景而不是透明背景,我如何使用 Nativescript 布局实现这一点?
这就是我正在做的事情:
<GridLayout rows="100,*">
<app-header row="0"></app-header> //This app header it's the custom component that holds just an image tag with the source.
<ScrollView row="1" orientation="vertical" class="page">
//Scrolling content...
</ScrollView>
</GridLayout>
您可以为 ActionBar 使用带 alpha 的颜色 ActionBar.If 您为 ActionBar 使用不透明度属性,子项也会受到影响。
app.css
ActionBar{
background-color: rgba(255, 0, 0, 0.0);
}
我正在使用 nativescript 开发一个面向儿童的应用程序,我想制作一个带有图像背景的自定义操作栏,如下所示:
但是如您所见,在滚动时,它显示白色矩形背景而不是透明背景,我如何使用 Nativescript 布局实现这一点?
这就是我正在做的事情:
<GridLayout rows="100,*">
<app-header row="0"></app-header> //This app header it's the custom component that holds just an image tag with the source.
<ScrollView row="1" orientation="vertical" class="page">
//Scrolling content...
</ScrollView>
</GridLayout>
您可以为 ActionBar 使用带 alpha 的颜色 ActionBar.If 您为 ActionBar 使用不透明度属性,子项也会受到影响。 app.css
ActionBar{
background-color: rgba(255, 0, 0, 0.0);
}