如何在TableView的底部添加带有文本的内容区域?

时间:2018-07-18 08:18:35

标签: xamarin xamarin.forms

我有此代码:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:Japanese;assembly=Japanese" 
    xmlns:template="clr-namespace:Japanese.Templates"
    x:Class="Japanese.ATIPage"
    Title="Answer Visible">
    <ContentPage.Content>
        <TableView Intent="Settings" HasUnevenRows="false" RowHeight="50" x:Name="atiSection">
            <TableView.Root>
                <TableSection>
                    <template:ClickViewCellTemplate Text="{Binding [6].Name}" 
                        IsVisible="{Binding [6].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                    <template:ClickViewCellTemplate Text="{Binding [7].Name}" 
                        IsVisible="{Binding [7].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                    <template:ClickViewCellTemplate Text="{Binding [8].Name}" 
                        IsVisible="{Binding [8].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                </TableSection>
            </TableView.Root>
        </TableView>
    </ContentPage.Content>
</ContentPage>

我真正想做的是在页脚中添加一些文本消息,但是据我了解,TableView没有页脚。

谁能建议我如何在tableView下面的区域中添加一条消息。我知道如何进行绑定,但是不确定如何将XAML元素用于文本输入。

1 个答案:

答案 0 :(得分:1)

如果您的文本不是tableView的一部分,则可以将其简单地添加到TableView之后。例如:

<ContentPage.Content>
<StackLayout Spacing="10">
        <TableView Intent="Settings" HasUnevenRows="false" RowHeight="50" x:Name="atiSection">
            <TableView.Root>
                <TableSection>
                    <template:ClickViewCellTemplate Text="{Binding [6].Name}" 
                        IsVisible="{Binding [6].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                    <template:ClickViewCellTemplate Text="{Binding [7].Name}" 
                        IsVisible="{Binding [7].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                    <template:ClickViewCellTemplate Text="{Binding [8].Name}" 
                        IsVisible="{Binding [8].IsSelected}" 
                        ClickAction="Handle_ClickAction" />
                </TableSection>
            </TableView.Root>
        </TableView>
<Label Text="YourTextHere" HorizontalOptions="Center" VerticalOptions="Center"/>
</StackLayout>

现在,这是将Label / elements放置在所需位置的问题,要实现此目的,您可以操作Label属性的VerticalOptions和Horizo​​ntalOptions或StackLayout中的Spacing。