NativeScript。如何创建带有png图像的自定义操作栏?

时间:2018-10-01 18:35:54

标签: angular nativescript nativescript-telerik-ui

我正在开发带有本机脚本的面向儿童的应用程序,我想制作一个具有图像背景的自定义操作栏,如下所示: enter image description here

但是正如您所看到的,它在滚动时显示的是白色矩形而不是透明的背景,我如何使用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>
       
    

1 个答案:

答案 0 :(得分:0)

您可以在ActionBar中使用带有alpha的颜色。如果在ActionBar中使用不透明属性,则子级也会受到影响。 app.css

<span id="rptTitle"></span>

<script>
    function rptTitle() {   document.getElementById("rptTitle").innerHTML=document.getElementById("sel1").value
}
    </script>