如何在UWP

时间:2017-03-03 01:19:34

标签: uwp responsive togglebutton textwrapping

我在UWP应用程序的设置页面上有一个ToggleSwitch,我注意到ToggleSwitch的Header文本没有办法包装它。当我在手机模拟器中测试应用程序时,标题会从页面上移开。知道如何使用TextBlock进行文本换行吗?

<StackPanel Margin="10,0">
    <ToggleSwitch Name="toggleOne" Header="Check this on if you want the app to automatically trigger the zombie apocalypse" Margin="10" />
    <ToggleSwitch Name="toggleTwo" Header="Short Sample Text" Margin="10" />
</StackPanel>

1 个答案:

答案 0 :(得分:3)

您可以为ToggleSwitch添加HeaderTemplate,如下所示:

        <ToggleSwitch
            Name="toggleOne"
            Margin="10"
            Header="Check this on if you want the app to automatically trigger the zombie apocalypse">
            <ToggleSwitch.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}" TextWrapping="Wrap" />
                </DataTemplate>
            </ToggleSwitch.HeaderTemplate>
        </ToggleSwitch>