Во время компоновки каждый контрол опрашивает вложенные элементы и узнает сколько они хотят себе места, передавая при этом в метод количество имеющегося места.
Нам же нужно чтобы контрол просил себе всю доступную ширину. Это просто — перегрузим метод MeasureOverride
вашего PresentView
:
protected override Size MeasureOverride(Size constraint)
{
// Берем корневой элемент (в данном случае это Border)
var child = (FrameworkElement)Content;
// Командуем ему рассчитать необходимое место
child.Measure(constraint);
// Говорим опрашивающему нас контролу что нам нужна вся
// доступная ширина и высота, которую "заказал" дочерний контрол
return new Size(constraint.Width, child.DesiredSize.Height);
}
По поводу второй части вопроса всё немного сложнее — придется писать свою панель.
Так как вы не предоставили хорошего минимального самодостаточного примера, я использую следующее. В главной VM коллекция, которая может содержать элементы разных типов:
public ObservableCollection<object> Items { get; } = new ObservableCollection<object>
{
"string 1",
"string 2",
3,
444444444,
"string 5",
5555,
6666666,
7,
888888888,
999999999
};
Пара представлений, для строк (с красной рамкой):
<UserControl ...>
<Border BorderBrush="Red" BorderThickness="1" Padding="5">
<TextBlock Text="{Binding}" FontSize="16" HorizontalAlignment="Center"/>
</Border>
</UserControl>
в этот контрол я добавил метод, приведенный в первой части ответа, т.е. элементы со строками будут растягиваться на всю ширину панели.
И для чисел (с зеленой рамкой):
<UserControl ...>
<Border BorderBrush="Green" BorderThickness="1" Padding="5">
<TextBlock Text="{Binding}" FontSize="16" HorizontalAlignment="Center"/>
</Border>
</UserControl>
Теперь, разметка окна:
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<c:FillingPanel/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemContainerStyle>
<Style TargetType="ContentPresenter">
<Setter Property="Margin" Value="1"/>
</Style>
</ItemsControl.ItemContainerStyle>
<ItemsControl.Resources>
<DataTemplate DataType="{x:Type s:String}">
<c:StringView/>
</DataTemplate>
<DataTemplate DataType="{x:Type s:Int32}">
<c:Int32View/>
</DataTemplate>
</ItemsControl.Resources>
</ItemsControl>
Она похожа на вашу, но здесь используется самописная панель, код которой мы сейчас напишем. Этот код минимальный рабочий, панель умеет располагать элементы только сверху вниз. При желании вы можете доработать самостоятельно, например, добавить возможность горизонтального размещения элементов, добавить AP для обозначения принудительного "конца строки" и т.д.
Код панели с комментариями:
public class FillingPanel : Panel
{
// Этап подсчета занимаемого места
protected override Size MeasureOverride(Size availableSize)
{
double width = 0, maxWidth = 0, y = 0, nextY = 0;
foreach (FrameworkElement child in Children)
{
// Запрашиваем измерение желаемого размера
child.Measure(availableSize);
// Если элемент помещается в текущую строку
if (width + child.DesiredSize.Width <= availableSize.Width)
// увеличиваем ширину текущей строки
width += child.DesiredSize.Width;
// иначе
else
{
// предполагаем размещение элемента в следующей строке
width = child.DesiredSize.Width;
y = nextY;
}
// Запоминаем максимальную потребную ширину
if (width > maxWidth)
maxWidth = width;
// и высоту панели
if (y + child.DesiredSize.Height > nextY)
nextY = y + child.DesiredSize.Height;
}
return new Size(maxWidth, nextY);
}
// Этап размещения элементов
protected override Size ArrangeOverride(Size finalSize)
{
double y = 0, nextY = 0, width = 0;
// Коллекция, содержащая элементы текущей строки
var line = new List<FrameworkElement>();
foreach (FrameworkElement child in Children)
{
// Если элемент уместится в текущей строке
if (width + child.DesiredSize.Width <= finalSize.Width)
{
// Помещаем его в список элементов
line.Add(child);
// Подсчитываем потребную ширину строки
width += child.DesiredSize.Width;
// Подсчитываем смещение по вертикали следущей строки
if (y + child.DesiredSize.Height > nextY)
nextY = y + child.DesiredSize.Height;
}
// иначе
else
{
// Размещаем строку
ArrangeLine(line, finalSize.Width, y, nextY - y);
// Элементы следующей строки
line = new List<FrameworkElement> { child };
width = child.DesiredSize.Width;
y = nextY;
nextY = y + child.DesiredSize.Height;
}
}
// Последняя строка
ArrangeLine(line, finalSize.Width, y, nextY - y);
return finalSize;
}
private void ArrangeLine(List<FrameworkElement> line, double lineWidth, double y, double lineHeight)
{
// Потребная ширина строки
double width = line.Sum(fe => fe.DesiredSize.Width);
// Делим оставшуюся часть длины строки на все элементы
double delta = (lineWidth - width) / line.Count;
// Смещение элемента внутри строки
double x = 0;
foreach (var fe in line)
{
// Вычисляем ширину текущего элемента
double curWidth = fe.DesiredSize.Width + delta;
// Размещаем элемент
fe.Arrange(new Rect(x, y, curWidth, lineHeight));
// Вычисляем смещение следующего
x += curWidth;
}
}
}
Пример работы панели:

PresentView
должен просить себе всё доступное пространство у панелиPresentView
- это у вас User Control или что?