DevExpress控件使用交流,DevExpress中国社区 售前咨询
当前位置: 首页 > 开发资源 » 示例代码 » 如何放大DevExpress DXGrid for WPF单元格中的图像?

如何放大DevExpress DXGrid for WPF单元格中的图像?

作者:zhuhm   来源:本站原创   浏览:Loading...次   发布时间:2012-09-04   评论:0条

在窗口中创建一个标准图像控件,并且当用户点击图像时,你还可以隐藏或者显示该控件。网格单元格中的图像应该被绑定在按钮中。这样,你就可以轻松处理Click事件了。

VB.NET

<Window Height="598"
Title="Window1"
Width="811"
x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
xmlns:local="clr-namespace:WpfApplication1"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Grid>
<dxg:GridControl Name="gridControl1">
<dxg:GridControl.Columns>
<dxg:GridColumn FieldName="CategoryID" />
<dxg:GridColumn FieldName="CategoryName" />
<dxg:GridColumn FieldName="Picture" AllowColumnFiltering="False">
<dxg:GridColumn.CellTemplate>
<DataTemplate>
<Button Command="{x:Static local:Window1.ShowImage}">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<ContentPresenter />
</ControlTemplate>
</Button.Template>

<Image Source="{Binding Path=RowData.Row[Picture]}" HorizontalAlignment="Left" Stretch="None" />
</Button>
</DataTemplate>
</dxg:GridColumn.CellTemplate>
</dxg:GridColumn>
</dxg:GridControl.Columns>

<dxg:GridControl.View>
<dxg:TableView x:Name="view" AutoWidth="True" />
</dxg:GridControl.View>
</dxg:GridControl>

<Image Source="{Binding}" Name="image" Visibility="Hidden" MouseLeave="image_MouseLeave" Margin="30,30,50,12" />
</Grid>

</Window>

C#

<Window Height="598"
Title="Window1"
Width="811"
x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
xmlns:local="clr-namespace:WpfApplication1"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Grid>
<dxg:GridControl Name="gridControl1">
<dxg:GridControl.Columns>
<dxg:GridColumn FieldName="CategoryID" />
<dxg:GridColumn FieldName="CategoryName" />
<dxg:GridColumn FieldName="Picture" AllowColumnFiltering="False">
<dxg:GridColumn.CellTemplate>
<DataTemplate>
<Button Command="{x:Static local:Window1.ShowImage}">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<ContentPresenter />
</ControlTemplate>
</Button.Template>

<Image Source="{Binding Path=RowData.Row[Picture]}" HorizontalAlignment="Left" Stretch="None" />
</Button>
</DataTemplate>
</dxg:GridColumn.CellTemplate>
</dxg:GridColumn>
</dxg:GridControl.Columns>

<dxg:GridControl.View>
<dxg:TableView x:Name="view" AutoWidth="True" />
</dxg:GridControl.View>
</dxg:GridControl>

<Image Source="{Binding}" Name="image" Visibility="Hidden" MouseLeave="image_MouseLeave" Margin="30,30,50,12" />
</Grid>

</Window>

本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [http://www.devexpresscn.com/]
本文地址:http://www.devexpresscn.com/DevExpress-Resources/Documentation-221.html

关键字: DevExpress  DXGrid 

相关产品: DXperience WPF Subscription

评论列表

暂无评论

请谈谈你的看法 请使用IE或者Firefox浏览器,暂不支持Chrome!

昵称 不填则默认为游客评论

DevExpress DXperience DXv2 v12

DevExpress DXperience 下载 download

DevExpress购买、价格、授权

慧都控件网为DevExpress界面控件的中国地区唯一正式授权经销商,正版控件销售公司,授权代理商,经销商及合作伙伴。

电话:400-700-1020
        023-66090381

邮箱:sales@evget.com

>>如何选择正规控件购买渠道