Silverlight 自定义表格 转

在项目中可能用到如下表格式结构： DataGrid绑定好象没有此功能，因此自己定义了一个MyGrid代码如下: 自己定义一个UserControl,在其中添加一人Grid控件然后设置行和列如下: UserControlx:Class= Hahaman.UI.MyGrid xmlns= http://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:x= http://schemas.microsoft.c

　　

　　在项目中可能用到如下表格式结构：

　　

 

　　DataGrid绑定好象没有此功能，因此自己定义了一个MyGrid代码如下:

　　自己定义一个UserControl,在其中添加一人Grid控件然后设置行和列如下:

<UserControl x:Class="Hahaman.UI.MyGrid"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="88" d:DesignWidth="566">
    
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="40*" />
            <RowDefinition Height="40*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="20*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="10*" />            
            <ColumnDefinition Width="10*" />
        </Grid.ColumnDefinitions>
    </Grid>
</UserControl>

　　在控件代码中添加三个属性:

　　public Dictionary Rects 保存矩形信息集合

　　public Dictionary Texts 保存TextBlock控件集合

　　public int Cols 保存列数

　　

 

　　添加第一列矩形框的代码:

            Rectangle r1;
            r1= new Rectangle();
            r1.SetValue(Grid.RowSpanProperty, 2);
            r1.SetValue(Grid.ColumnProperty, 0);
            r1.Stroke = new SolidColorBrush(Color.FromArgb(255, 0, 0, 0));
            r1.StrokeThickness = 1;
            LayoutRoot.Children.Add(r1);

　　添加第一列文本框的代码:

            TextBlock txt = new TextBlock();
            txt.SetValue(Grid.RowSpanProperty, 2);
            txt.SetValue(Grid.ColumnProperty, 0);
            txt.VerticalAlignment = System.Windows.VerticalAlignment.Center;
            Texts.Add("0,0", txt);
            LayoutRoot.Children.Add(txt);

　　添加其它的列:

        void AddLine()
        {
            Rectangle r1;
            TextBlock txt;
            int n = LayoutRoot.ColumnDefinitions.Count - 1;
            for (int i = 1; i <=n; i++)
            {
                for (int j = 0; j < 2; j++)
                {
                    r1 = new Rectangle();
                    r1.SetValue(Grid.RowProperty, j);
                    r1.SetValue(Grid.ColumnProperty, i);
                    r1.Stroke = new SolidColorBrush(Color.FromArgb(255, 0, 0, 0));
                    r1.Margin = new Thickness(i > 0 ? -1 : 0, j > 0 ? -1 : 0, 0, 0);
                    r1.StrokeThickness = 1;
                    LayoutRoot.Children.Add(r1);
                    Rects.Add(i + "," + j, r1);

                    txt = new TextBlock();
                    txt.SetValue(Grid.RowProperty, j);
                    txt.SetValue(Grid.ColumnProperty, i);
                    txt.Margin = new Thickness(3,0,0,0);
                    txt.VerticalAlignment = System.Windows.VerticalAlignment.Center;
                    LayoutRoot.Children.Add(txt);
                    Texts.Add(i+ "," + j, txt);
                }
            }
        }

　　当Cols改变时需要重新绘制:

        public int Cols
        {
            get
            {
                return LayoutRoot.ColumnDefinitions.Count - 1;
            }
            set
            {
                var old=LayoutRoot.ColumnDefinitions.Count - 1;
                if (value > old)
                {
                    for (int i = old; i < value; i++)
                    {
                        LayoutRoot.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength ( 10, GridUnitType.Star ) });
                        
                    }
                    
                }
                else
                {
                    for (int i = 0; i < old - value; i++)
                    {
                        LayoutRoot.ColumnDefinitions.RemoveAt(value);                        
                    }

                }
                ReDraw();
            }
        }

　　这样设计时修改列数时就可以自动更新列数，如下图:

　　

 

　　前台控制代码:

            var s = new SolidColorBrush();
            s.SetValue(SolidColorBrush.ColorProperty,Colors.LightGray);
            myGrid1.Rects["4,0"].Fill = s;
            myGrid1.Rects["4,1"].Fill = s;
            myGrid1.Texts["0,0"].HorizontalAlignment = System.Windows.HorizontalAlignment.Center;
            myGrid1.Texts["0,0"].Text = "data";
            myGrid1.Texts["1,0"].Text = "data1";
            myGrid1.Texts["1,1"].Text = "data2";

源码下载

　　本文来自lijun7788的博客，原文地址：http://blog.csdn.net/lijun7788/article/details/8085017