zoukankan      html  css  js  c++  java
  • Silverlight用图片替换DataGrid中的绑定到Bool类型的列

    最终的效果是这样的:

     

     

    Sex列是bool类型:
     public class User
        {
            
    public int Age { getset; }
            
    public string Name { getset; }
            
    public bool Sex { getset; }
        }

     先说一种图片资源的引用方式,在自定义控件中很有用,自定义控件通常我们放在单独的程序集中,只能用下面的方式引用图片:

    "/程序集名称;component/图片.png";

     实现过程就是:自定义DataGrid模板列和IValueConverter类。

     

    <sdk:DataGrid x:Name="dgTest" AutoGenerateColumns="False">
                
    <sdk:DataGrid.Resources>
                    
    <my:BoolToImageConverter x:Key="boolconvert"
                                             TrueValue
    ="/DataGridBoolConvert;component/06.png"
                                             FalseValue
    ="/DataGridBoolConvert;component/07.png"/>
                
    </sdk:DataGrid.Resources>
                
    <sdk:DataGrid.Columns>
                    
    <sdk:DataGridTextColumn 
                        
    Header="Name" 
                        Binding
    ="{Binding Name}" />
                    
    <sdk:DataGridTemplateColumn Header="Sex">
                        
    <sdk:DataGridTemplateColumn.CellTemplate>
                            
    <DataTemplate>
                                
    <Image Source="{Binding Sex, Converter={StaticResource boolconvert}}"
                                      Width
    ="20" Height="20" />
                            
    </DataTemplate>
                        
    </sdk:DataGridTemplateColumn.CellTemplate>
                    
    </sdk:DataGridTemplateColumn>
                
    </sdk:DataGrid.Columns>
            
    </sdk:DataGrid>

    public class BoolToImageConverter : BoolToValueConverter<string> { }

        
    public class BoolToValueConverter<T> : IValueConverter
        {
            
    public T FalseValue { getset; }
            
    public T TrueValue { getset; }

            
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                
    if (value == null)
                    
    return FalseValue;
                
    else
                    
    return (bool)value ? TrueValue : FalseValue;
            }

            
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                
    return value != null ? value.Equals(TrueValue) : false;
            }

        }

     代码下载

  • 相关阅读:
    NodeJ node.js Jquery Ajax 跨域请求
    NodeJ node.js基础
    VueX--- actions→mutations or getters→state 四大金刚
    Vue--- VueX组件间通信链接(共有方法放入了扩展目录store里面) 1.2
    arrayList 和hashSet的区别
    java面试的题目兔子、素数、水仙花
    解决java compiler level does not match the version of the installed java project facet
    Target runtime com.genuitec.runtime.generic.jee50 is not defined工程错误
    eclipse导入tomcat时Unknown version of Tomcat was specified
    eclipse开发SVN下文件显示修改时间和提交作者的方法
  • 原文地址:https://www.cnblogs.com/hjblog/p/2179237.html
Copyright © 2011-2022 走看看