Telerik TabView与SegmentedBar

我正在用本机脚本创建SegmentedBar。我可以创建线段，但无法将标签添加到线段视图

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
  <StackLayout>
      <SegmentedBar>
          <SegmentedBar.items>

              <SegmentedBarItem title="Segment 1">
                  <SegmentedBarItem.view>                      
                      <Label text=" I am in segment bar 1"/>
                  </SegmentedBarItem.view>
              </SegmentedBarItem>

              <SegmentedBarItem title="Segment 2">
                  <SegmentedBarItem.view>
                    <Label text=" I am in segment bar 2"/>
                  </SegmentedBarItem.view>
              </SegmentedBarItem>

          </SegmentedBar.items>
      </SegmentedBar>
  </StackLayout>    
</Page>

SegmentedBar和TabView之间的区别是什么，因为两者看起来都一样。

分段栏是：

分段控件是由多个段组成的平面控件， 每一段都作为一个独立的按钮

所以基本上：一个分段条是一对相互连接的按钮（视觉上）。只要把它们想象成具有特定外观的纽扣

另一方面，选项卡视图包含选项卡（单击的项目）和每个选项卡的连接视图

您在代码中所做的是尝试将TabView的机制和SegmentedBar结合起来

看看这两个代码示例

首先，分段栏。这里有一个例子。当您单击“第一”、“第二”或“第三”按钮时，不会发生任何事情。要对按下按钮做出反应，您必须将

selectedIndex

绑定到属性，并在上的中执行逻辑

另一方面，选项卡视图由两部分组成，选项卡本身（按的部分）和连接到每个选项卡的视图。因此，当您单击选项卡时，视图会发生更改

 <TabView>
   <TabView.items>
     <TabViewItem title="Tab 1">
       <TabViewItem.view>
          <Label text="Label in Tab1" />
       </TabViewItem.view>
     </TabViewItem>
     <TabViewItem title="Tab 2">
       <TabViewItem.view>
          <Label text="Label in Tab2" />
       </TabViewItem.view>
     </TabViewItem>
   </TabView.items>
 </TabView>

这两个组件用于不同的事情。例如，为了过滤列表（显示所有邮件，仅显示未读邮件…），您通常使用分段栏，因为您不想更改视图-您想更改视图的内容。选项卡视图用于实际需要显示一个全新视图时。

您可能知道，创建选项卡视图的目的是在单个页面/视图中显示不同的页面/视图。因此，选项卡视图主要用于导航到不同的视图

SegmentedBar

是为不同的目的创建的。这可以在具有不同功能的视图中使用，例如，您可以将内容/产品分类为免费，付费。您可能希望在免费查看和付费查看上显示不同的产品功能，服务。因此，您可以使用

分段栏

为用户显示不同的选项

现在，您知道了

选项卡视图

和

分段栏

之间的区别

SegmentedBar

的正确用法如下：

<SegmentedBar>
  <SegmentedBar.items>
    <SegmentedBarItem title="Free" />
    <SegmentedBarItem title="Paid" />
  </SegmentedBar.items>
</SegmentedBar>

---

总之，使用

TabView

在一个页面中导航多个页面，使用

SegmentedBar

在一个视图中查看不同的内容。

建议如何使用一个选项卡栏，该选项卡栏有一个额外的“按钮”，该按钮不会离开当前选项卡视图，而是触发一个操作（即打开一个模式）？@lilbique阻止默认行为并打开模型。

<SegmentedBar>
  <SegmentedBar.items>
    <SegmentedBarItem title="Free" />
    <SegmentedBarItem title="Paid" />
  </SegmentedBar.items>
</SegmentedBar>