nativescript中的分段栏中的图像图标

Question

如何在nativescript-angular中的分段栏中添加图像图标。你可以帮我解决这个问题

 <SegmentedBar #tabs [selectedIndex]="selectSegment">
                <SegmentedBarItem title="test1"></SegmentedBarItem>
                <SegmentedBarItem title="test2"></SegmentedBarItem>
                <SegmentedBarItem title="test3"></SegmentedBarItem>
                <SegmentedBarItem title="test4"></SegmentedBarItem>
        </SegmentedBar>

Answer 1

SegmentedBar没有为每个SegmentedBarItem分配图像的选项。这是TabView的有效方案。对于SegmentedBar，您只能为整个Segmented条设置背景图像，可用于应用图像模式，但不适用于为不同的SegmentedBarItem应用不同的图标

请看下面的链接

https://github.com/NativeScript/nativescript-angular/issues/790

Answer 2

向Nativescript Segmented Bar项添加图标的简单方法是使用FontAwsome（或任何其他图标字体）。

1：看看这个（qazxsw poi）关于如何将Font Awesome安装到你的{N}应用程序的短五分钟视频。

2：安装图标字体后。将http://www.nativescriptsnacks.com/videos/2016/03/07/nativescript-and-font-awesome.html属性分配给style="font-family: 'fontAwesome' " xml /“html”标签;

3：查看SegmentedBar以找出要使用的图标的unicode，并将该unicode粘贴到相关http://fontawesome.io/cheatsheet/标签的title属性中。提示：确保代码格式正确。不要复制备忘单上显示的方括号，只要复制出现在其中的字符串。

而已！你的代码现在应该是这样的：

SegmentedBarItem

这个图片：

在android模拟器上显示上述代码的最终结果。