【问题标题】:How to fit width image with datagridcell width如何将宽度图像与 datagridcell 宽度相匹配
【发布时间】:2017-05-10 09:41:40
【问题描述】:

这是我的问题:选择行的唯一方法是单击图像(绿色圆圈)。

我想做的事:当我点击DataGridCell时,不仅是图片,整行都被选中了。

我有DataGridTemplateColumnDataGrid 中显示图像。

我将 SelectionMode="Single" SelectionUnit="FullRow" 设置为 DataGrid 属性。

但是,如果我没有在图像上单击 EXACTLY,则不会选择该行。


截图

我做了一些截图来更清楚地解释它:

图片尺寸:

DataGridCell 的大小


所以,在我看来,问题可能来自两件事:

  • 尺寸图片不适合整个cell,所以这就是原因,但我怎样才能适合它呢?
  • Cell 选择被禁用,我可以启用它

感谢您的宝贵时间!


编辑 1

<DataGridTemplateColumn Header="{Binding, Source={StaticResource proxy}}" HeaderStyle="{StaticResource }" ClipboardContentBinding="{Binding}">
     <DataGridTemplateColumn.CellTemplate >
          <DataTemplate>
               <Grid>
                   <Image Source="{Binding }" Style="{DynamicResource }" /> 
               </Grid>
          </DataTemplate>
     </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

【问题讨论】:

  • DataGridTemplateColumn 中的Image 周围放置一个Grid,并将background 设置为Transparent
  • 已经做到了。我添加以展示我是如何创建DataGridTemplateColumn
  • 不知道你的问题出在哪里:i.imgur.com/geyme06.gif
  • 奇怪,但这意味着问题来自我添加的内容......谢谢@Dominic,我会在找到时发布答案!
  • 您可以发布您的 DataGridStyle 和 HeaderStyle 以便我们查找。

标签: wpf datagrid datagridcell


【解决方案1】:

对于那些想知道它是关于什么的人:

<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridCell}">
            <Grid>
                <ContentPresenter Padding="5,1" />
            </Grid>
        </ControlTemplate>
    </Setter.Value>
</Setter>

这导致了图像错误...我不知道为什么,但是它失去了在图像周围单击的效果...不知道更多,我用另一种方式将Padding添加到行中。

【讨论】:

    【解决方案2】:

    使用Margin 而不是Padding

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <Grid Margin="5,1">
                    <ContentPresenter/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    

    【讨论】:

    • 我没有看到任何变化。。它比Padding 好,但有或没有Margin,都是一样的:/
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 2017-08-10
    • 2022-12-05
    • 1970-01-01
    • 2018-12-29
    • 1970-01-01
    • 2014-05-11
    相关资源
    最近更新 更多