在RibbonGroup中水平拉伸WPF网格

Question

如何在RibbonGroup中水平拉伸WPF Grid？尽管使用了HorizontalAlignment属性，但它仍未拉伸。

<Window x:Name="FrmMain" x:Class="PhotoCell.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="PhotoCell" Height="386.821" Width="757.701" WindowState="Maximized">
<Grid>
    <Image x:Name="imgMain" Margin="10,142,10,9"/>
    <Ribbon VerticalAlignment="Top">
        <RibbonTab Header="Home" Height="88" VerticalAlignment="Top">
            <RibbonGroup Header="Save/Load" Height="88" Margin="0" VerticalAlignment="Top" Width="90">
                <Grid HorizontalAlignment="Stretch">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <RibbonButton x:Name="cmdLoadImage" Background="#FFFFC500" Label="Load" Click="cmdLoadImage_Click" Margin="10,10,10,0" Grid.Row="0" HorizontalAlignment="Stretch" />
                    <RibbonButton x:Name="cmdSaveImage" Background="#FFFFC500" Label="Save" Click="cmdSaveImage_Click" Margin="10,10,10,0" Grid.Row="1" HorizontalAlignment="Stretch" />
                </Grid>
            </RibbonGroup>
        </RibbonTab>
    </Ribbon>
</Grid>
</Window>

我也尝试过添加。

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>

在行定义之后。

- Hameer Abbasi

---

我尝试添加<ColumnDefinition Width="*" />但没有成功。 - Hameer Abbasi

你能展示一下带有 <ColumnDefinition Width="*" /> 的代码吗？ - D J

问题已更新，修改现在应该非常清晰明了。 - Hameer Abbasi

Answer 1

我不确定为什么HorizontalAlignment和HorizontalContentAlignment属性不能按照预期执行 - 可能是在功能模板中的错误。

无论如何，有一个解决方法：您可以将RibbonGroup和Grid绑定到RibbonTab的ActualWidth属性。您可能需要使用转换器来微调这些值并进行偏移，但总体而言，它可以解决问题：

<Ribbon VerticalAlignment="Top">
    <RibbonTab x:Name="tab" Header="Home" Height="88" VerticalAlignment="Top">
        <RibbonGroup Width="{Binding ElementName=tab, Path=ActualWidth}" Header="Save/Load" Height="88" Margin="0" VerticalAlignment="Top">
            <Grid Width="{Binding ElementName=tab, Path=ActualWidth}" HorizontalAlignment="Stretch">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <RibbonButton x:Name="cmdLoadImage" Background="#FFFFC500" Label="Load" Click="cmdLoadImage_Click" Margin="10,10,10,0" Grid.Row="0" HorizontalAlignment="Stretch" />
                <RibbonButton x:Name="cmdSaveImage" Background="#FFFFC500" Label="Save" Click="cmdSaveImage_Click" Margin="10,10,10,0" Grid.Row="1" HorizontalAlignment="Stretch" />
            </Grid>
        </RibbonGroup>
    </RibbonTab>
</Ribbon>

- Adi Lester

---

然而，有一个不一致之处，我认为你应该进行编辑。我需要RibbonGroup的宽度为90像素。 - Hameer Abbasi

Answer 2

我想让一个RibbonGroup在Ribbon中拉伸。我采用了不同的方法。由于我需要进行一些计算（获取所有其他RibbonGroups的宽度），所以我没有使用带有转换器的绑定。在转换器内部，我无法轻松地访问其他控件。我使用了Ribbon的SizeChanged事件。在这里，我设置了RibbonGroup的宽度：

    private void RibbonOnSizeChanged(object sender, SizeChangedEventArgs sizeChangedEventArgs)
    {
        ChangeWidgetsGroupWidth(sizeChangedEventArgs.NewSize.Width);
    }

    private void ChangeWidgetsGroupWidth(double newRibbonWidth)
    {
        double otherRibbonGroupWidths = 0;
        foreach (RadRibbonGroup item in HomeTab.Items)
        {
            if (item != rgWidgetsGroup)
            {
                otherRibbonGroupWidths += item.ActualWidth + 2; // Extra margin between groups
            }
        }
        double width = newRibbonWidth - otherRibbonGroupWidths - 6; // '6' to add extra margin
        rgWidgetsGroup.Width = width > 0 ? width : 0;
    }

rgWidgetsGroup 是我想要最大尺寸的 RibbonGroup。我认为对于 RibbonGroup 中的 Control 来说，做类似的事情应该很容易。

- ffonz