TextBlock не переносится внутри сетки столбца Windows Phone

Question

TextBlock не переносится внутри сетки столбца Windows Phone

1

У меня есть следующее определение xaml. Текстовый блок внутри панели стека не обертывается.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

    <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <toolkit:PhoneTextBox x:Name="NotesText" Grid.Row="0" Grid.ColumnSpan="2" Hint="Add Notes" AcceptsReturn="True" Height="290" VerticalScrollBarVisibility="Auto" TextWrapping="Wrap" />
        <StackPanel Orientation="Horizontal" Grid.Row="1" Grid.Column="0" >
            <CheckBox x:Name="showRequester" FontSize="{StaticResource PhoneFontSizeSmall}" HorizontalAlignment="Left" />
            <TextBlock TextWrapping="Wrap" VerticalAlignment="Center" HorizontalAlignment="Left" Text="option_show_to_requester" />
        </StackPanel>
        <CheckBox Grid.Row="1" Grid.Column="1" Content="Mail To Technicain" FontSize="{StaticResource PhoneFontSizeSmall}" HorizontalAlignment="Right" />

    </Grid>

Что я должен сделать, чтобы он обернулся? Благодарю.

Обновление:

Проблема с выравниванием при использовании шаблона данных для содержимого флажка.

Presse 17 июнь 2014, в 15:25

Источник

0

Мой ответ сделать содержание обернуть. и это лучше, чем просто сделать обтекание textBlock. Я изменяю ContentTemplate CheckBox. Пожалуйста, прочитайте это.
Chris Shao 17 июнь 2014, в 13:23

Теги:

c#

xaml

wpf

stackpanel

windows-phone-8

2 ответа

Ещё вопросы

Мой ответ сделать содержание обернуть. и это лучше, чем просто сделать обтекание textBlock. Я изменяю ContentTemplate CheckBox. Пожалуйста, прочитайте это.

Chris Shao · Answer 1 · 2014-06-17T11-17-00.000Z

Вам не нужно put a checkBox and a TextBlock into a StackPanel. Для того, чтобы Wrap содержание CheckBox, просто использовать ContentTemplate из CheckBox.

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <toolkit:PhoneTextBox x:Name="NotesText" Grid.Row="0" Grid.ColumnSpan="2" Hint="Add Notes" AcceptsReturn="True" Height="290" VerticalScrollBarVisibility="Auto" TextWrapping="Wrap" />
        <!--Use ContentTemplate of CheckBox-->
        <CheckBox Grid.Row="1" Grid.Column="0">
            <CheckBox.ContentTemplate>
                <DataTemplate>
                    <TextBlock Text="option_show_to_requester" TextWrapping="Wrap"/>
                </DataTemplate>
            </CheckBox.ContentTemplate>
        </CheckBox>
        <CheckBox Grid.Row="1" Grid.Column="1" Content="Mail To Technicain" FontSize="{StaticResource PhoneFontSizeSmall}" HorizontalAlignment="Right" />

    </Grid>

для простого примера:

<Grid Grid.Row="1" x:Name="ContentRoot" Tapped="ContentRoot_Tapped">             
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto" />
        <RowDefinition Height="auto" />
        <RowDefinition Height="auto" />
    </Grid.RowDefinitions>
    <CheckBox Grid.Column="0">
        <CheckBox.ContentTemplate>
            <DataTemplate>
                <TextBlock TextAlignment="Center" Text="wrap123123123123wrap" TextWrapping="Wrap"/>     
            </DataTemplate>
        </CheckBox.ContentTemplate>
    </CheckBox>
    <CheckBox Grid.Column="1">
        <CheckBox.ContentTemplate>
            <DataTemplate>
                <TextBlock Text="nowrap" TextWrapping="Wrap"/>
            </DataTemplate>
        </CheckBox.ContentTemplate>
    </CheckBox>            
</Grid>

И изображение запуска:

Спасибо, это работает. Но содержимое и флажок не выровнены должным образом. Есть ли способ, которым я могу решить это?
Вы можете установить TextAlignment TextBlock в DataTemplate CheckBox.
Пожалуйста, проверьте обновленное изображение на предмет выравнивания.
Я попытался установить это. Все еще не работает.
Я обновляю свой ответ. Добавил простой пример. Пожалуйста, прочитайте его.

A B · Answer 2 · 2014-06-17T10-52-00.000Z

1

Вы можете решить эту проблему, предоставив Width TextBlock.

A B 17 июнь 2014, в 10:52

0

Это работает, но я не хочу указывать фактический размер, поскольку это может создать проблемы с экранами разных размеров. Есть ли другой способ, которым я могу использовать?
Presse 17 июнь 2014, в 13:19
0

Вы можете дать общую ширину для всех. или вы можете иметь сетку в стеке панели
Amit Bhatiya 17 июнь 2014, в 13:21