是否可以将文本框放在PivotItem外部?

时间:2013-04-14 19:52:07

标签: windows-phone-7 xaml windows-phone-8

我正在尝试构建一个windowsphone应用程序,并希望复制windowsphone twitter应用程序的一些UI功能,并在我的透视标题之上而不是下面有一个文本框。

enter image description here .................................................. .................................................. ..................................................

我尝试将文本框包装在Pivot控件中

            <controls:Pivot>
            <TextBox Height="78" TextWrapping="Wrap" Width="412" Name="searchTB" InputScope="Search" KeyDown="searchTB_KeyDown"/>
        </controls:Pivot>

但这没有用,任何人都可以分享我如何让这个工作的想法吗?

2 个答案:

答案 0 :(得分:3)

我只想澄清Marcin说的话(他提供了正确答案,我只是添加了一个图像和更多代码)。这是你想要实现的目标吗?请看下面的内容 - 注意,即使在您滑动到下一个枢轴项目时,Pivot控件上方的控件也会存在。

图片: enter image description here

代码:

<phone:PhoneApplicationPage
x:Class="Temp_deleteme.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
<StackPanel>
    <TextBlock Foreground="Yellow" FontSize="35">Control above Pivot</TextBlock>
 <phone:Pivot>
    <phone:PivotItem Header="First">
            <TextBlock Foreground="Green" >Content in First</TextBlock>
    </phone:PivotItem>
        <phone:PivotItem Header="Second">
            <TextBlock Foreground="Red">Content in Second</TextBlock>
        </phone:PivotItem>
    </phone:Pivot>       
</StackPanel>

答案 1 :(得分:0)

你应该把它放在枢轴之外:

<StackPanel>
    <TextBox Height="78" TextWrapping="Wrap" Width="412" Name="searchTB" InputScope="Search" KeyDown="searchTB_KeyDown"/>
    <controls:Pivot>
    </controls:Pivot>
</StackPanel>