3

我需要创建一个弹出窗口，其中会有一些选项卡，每个选项卡都包含一个列表视图。我知道有一个 TabbedPage，但我需要一个“TabbedView”，这样我就可以使用 Xlabs PopupLayout 构建我的弹出窗口。如何在 Xamarin 表单中执行此操作？

4

2 回答 2

5

请看一下TabView插件。

我在过去的项目中遇到了类似的问题，并决定从我的实现中创建一个插件。

我还在这里包含了一个使用 TabView 的示例项目，请看一下。

该插件在 NuGet 中也可用。在包管理控制台中输入以下命令，在您的项目中安装最新版本的插件：

PM> Install-Package Xam.Plugin.TabView

由于 TabView 继承自 ContentView，因此您可以像使用 Xamarin 中的任何其他视图一样使用它。这是一个例子：

var tabView = new TabViewControl(new List<TabItem>()
{
    new TabItem(
        "Tab 1",
        new Image{
            Source = ImageSource.FromUri(new Uri("https://assets-cdn.github.com/images/modules/logos_page/Octocat.png")),
            Aspect = Aspect.AspectFit,
            BackgroundColor = Color.LightBlue
        }),
    new TabItem(
        "Tab 2",
        new StackLayout()
        {
            Children =
            {
                new Label(){
                    FontSize = 18,
                    Text = "This is a label control.",
                    TextColor = Color.Green,
                }
            },
            BackgroundColor = Color.LightGray,
            Padding = 10
        }),
    new TabItem(
        "Tab 3",
        new StackLayout()
        {
            Children =
            {
                new ListView(){
                    ItemsSource = new string[] { "Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6" }
                }
            },
            BackgroundColor = Color.LightSalmon,
            Padding = 10
        })
});
tabView.VerticalOptions = LayoutOptions.StartAndExpand;
this.Content = tabView;
于 2018-02-12T12:15:59.003 回答
4

您可以自己创建自定义控件。

（假设您要创建 3 个选项卡）

例如，您可以看到它是一个具有 2 行和 3 列的网格。

您设置按钮的第一行将 RowHeight 设置为自动或您想要的大小，并将每个按钮添加到每一列。

在第 2 行，您可以有一个 RowHeight 为 * 的 ContentView（以填充其余空间），您还应该将 GridSpan 设置为 3 列，这样它将填充网格上可用的所有宽度。

然后，当您单击一个按钮时，您只需将 ContentView 视图设置为该特定选项卡所需的内容。您还可以在更改内容之前使用动画。

希望能帮助到你

于 2015-08-11T16:33:05.983 回答