Ellipse и TextBlock, как правильно сделать ширину TextBlock'a с TextWrapping?

Question

[OwDafuq]

Доброго времени суток.
Есть ListBox с ItemTemplate:

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        
        <ListBox Name="Test" Grid.Column="1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid Margin="5">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/> <!-- Avatar -->
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="20"/> <!-- Name -->
                            <RowDefinition Height="Auto"/> <!-- Text -->
                            <RowDefinition Height="Auto"/> <!-- Time -->
                        </Grid.RowDefinitions>

                        <Ellipse Grid.RowSpan="2" Height="40" Width="40" VerticalAlignment="Bottom">
                            <Ellipse.Fill>
                                <ImageBrush ImageSource="{Binding UserAvatar}"/>
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding UserName}"/>
                        <TextBlock TextWrapping="Wrap" Grid.Row="1" Grid.Column="1" Text="{Binding MessageText}"/>
                        <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding Time}"/>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>

Но с таким раскладом ширина TextBlock'a становится неограниченной и текст просто улазит вправо и появляется скролл:

Но, если добавить принудительно ширину TextBlock'y, например 200, то все становится так, как мне и нужно:


Вопрос, как сделать подгонку этого TextBlock'a автоматической, чтобы текст врапался, а ползунка не было?

Заранее - спасибо.

(p.s. - биндинг к ширине области, в которой находится TextBlock не сработает, из-за того, что есть КАРТИНКА (40х40))

Answer 1

[Станислав Макаров]

Поставьте в ColumnDefinition вместо Auto значение 1*.
Также запретите листбоксу иметь горизонтальную прокрутку:

<ListBox Name="Test" Grid.Column="1" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
 ...

Comments

[OwDafuq]

Не помогло.

[Станислав Макаров]

LiptonOlolo запостите код в вопрос по-нормальному, а не картинкой, чтобы можно было себе скопировать

[OwDafuq]

Станислав Макаров, почему-то сразу об этом не подумал, заменил.

[Станислав Макаров]

LiptonOlolo дополнил ответ

[OwDafuq]

Большое спасибо.
Хотелось бы узнать, а в чем, собственно, разница, между * и 1* ?

[Станислав Макаров]

LiptonOlolo у вас было не *, а Auto.

[OwDafuq]

Станислав Макаров, Да это понятно, просто не понял почему нужно именно написать 1*, а не просто *.

[Станислав Макаров]

https://stackoverflow.com/questions/3164651/what-i...

Сначала запрашивается желаемое пространство у СОДЕРЖИМОГО всех колонок с Auto, потом из общей ширины грида вычитается сумма всех Auto-колонок, и оставшееся делится пропорпционально между всеми X* колонками.

В вашем случае Auto-колонка отъедала много, потому что вы разрешили контенту этой колонки высказать свои аппетиты.

[Станислав Макаров]

LiptonOlolo можно просто *.

[OwDafuq]

Станислав Макаров, примерно понял, спасибо.

[OwDafuq]

Станислав Макаров, дабы не создавать 100 вопросов, хочу задать еще 1 вопрос.
Есть ли в WPF уже готовое решение для детекта ссылок в тексте и замене их на HyperLink?
Т.е. есть TextBlock, у него стоит бинд на String св-во (пример выше), как сделать в этом тексте все ссылки не просто текстом, а HyperLink'aми?
Парсинг через регулярку и пр. кажется костылем.