silverlight   发布时间:2022-05-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

[索引页] [源码下载] 稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image 作者: webabcd 介绍 Silverlight 2.0 控件一览:DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton,@H_607_5@ @H_801_6@
@H_801_6@
[索引页]
[源码下载]


稳扎稳打Silverlight(4) - 2.0控件之DataGrid,DatePicker,Grid,GridSplitter,HyperlinkButton,Image


作者: webabcd


介绍
Silverlight 2.0 控件一览:DataGrid,Image  


在线DEMO
http://www.voidcn.com/article/p-ounmxjds-tq.html  


示例  
1、DataGrid.xaml
<UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"    x:Class="Silverlight20.Control.DataGrid"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                后台邦定方式,自动生成
                -->
                <data:DataGrid x:Name="dGrd" AutoGeneratecolumns="True"></data:DataGrid>
                
        </StackPanel>
</UserControl>
 
DataGrid.xaml.cs
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Collections.Generic;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Linq;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Net;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Controls;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Documents;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Input;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Media;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Media.Animation;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Shapes;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

namespace Silverlight20.Control
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

{
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

         public partial class DataGrid : UserControl
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

        {
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                 public DataGrid()
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                {
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        initializeComponent();
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        BindData();
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                }
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                 void BindData()
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                {
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        var @R_489_9016@e = new Data.sourceData();
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                         // 设置 DataGrid 的数据源
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        dGrd.Items@R_489_9016@e = @R_489_9016@e.GetData().Take(10);
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                }
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

        }
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

}
 
 
2、DatePicker.xaml
<UserControl x:Class="Silverlight20.Control.DatePicker"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml"    
        xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                textBox 结合 Calendar,经典的选择日期的方式
                SELEctedDateFormat - 被选中的日期的显示格式 [System.Windows.Controls.DatePickerFormat枚举]
                        SELEctedDateFormat.Short - 简短格式。认值。如2008-10-10
                        SELEctedDateFormat.Long - 非简短格式。如2008年10月10日
                -->
                <basics:DatePicker Width="200" SELEctedDateFormat="Short"></basics:DatePicker>
                
        </StackPanel>
</UserControl>
 
 
3、Grid.xaml
<UserControl x:Class="Silverlight20.Control.Grid"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml"    
        Width="Auto" Height="500">
        
        <!--
        Grid - 表格式布局模式
                Grid.RowDeFinitions - 用于定义 Grid 中的行
                Grid.columnDeFinitions - 用于定义 Grid 中的列
                Grid.ShowGridLines - 显示网格
        
                Grid.Row - 控件所在的 Grid 的行的索引
                Grid.column - 控件所在的 Grid 的列的索引
                Grid.RowSpan - 合并行。 控件所在行,以及控件所在行之后的需要连续合并的行的总行数
                Grid.columnSpan - 合并列。 控件所在列,以及控件所在列之后的需要连续合并的列的总列数
        
                Width - 宽度
                MinWidth - 最小宽度
                MaxWidth - 最大宽度
                Height - 高度
                MinHeight - 最小高度
                MaxHeight - 最大高度
        
        Width 和 Height 的可用值
        Auto - 自动设置为一个合适的值。认值
        Pixel - 像素值
        * - 比例值。如 * 就是全部,2* & 8* 就是分别占20%和80%
        -->
        <Grid x:Name="LayoutRoot" BACkground="White" ShowGridLines="True">
                
                <Grid.RowDeFinitions>
                        <RowDeFinition Height="50" />
                        <RowDeFinition Height="3*" />
                        <RowDeFinition Height="7*" />
                        <RowDeFinition Height="*" MinHeight="200" MaxHeight="500" />
                        <RowDeFinition Height="Auto" />
                </Grid.RowDeFinitions>
                
                <Grid.columnDeFinitions>
                        <columnDeFinition />
                        <columnDeFinition />
                        <columnDeFinition />
                </Grid.columnDeFinitions>
                
                <TextBox Grid.Row="0" Grid.column="0" BACkground="red" Text="abc" />
                <TextBox Grid.Row="0" Grid.column="1" BACkground="red" Text="abc" Grid.columnSpan="2" HorizontalAlignment="Center" />
                <TextBox Grid.Row="1" Grid.column="0" BACkground="red" Text="abc" />
                <TextBox Grid.Row="1" Grid.column="1" BACkground="red" Text="abc" Grid.columnSpan="2" HorizontalAlignment="Center" />
                <TextBox Grid.Row="2" Grid.column="0" BACkground="red" Text="abc" />
                <TextBox Grid.Row="2" Grid.column="1" BACkground="red" Text="abc" Grid.RowSpan="2" VerticalAlignment="Bottom" />
                <TextBox Grid.Row="2" Grid.column="2" BACkground="red" Text="abc" />
                <TextBox Grid.Row="3" Grid.column="2" BACkground="red" Text="abc" />
                <TextBox Grid.Row="4" Grid.column="2" BACkground="red" Text="abc" />
                
        </Grid>
        
</UserControl>
 
 
4、GridSplitter.xaml
<UserControl x:Class="Silverlight20.Control.GridSplitter"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml"
        xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls">
        <Grid x:Name="LayoutRoot" BACkground="White">
                
                <Grid.RowDeFinitions>
                        <RowDeFinition Height="100" />
                        <RowDeFinition Height="5" />
                        <RowDeFinition Height="100" />
                </Grid.RowDeFinitions>
                
                <Grid.columnDeFinitions>
                        <columnDeFinition Width="100" />
                        <columnDeFinition Width="5" />
                        <columnDeFinition Width="100" />
                </Grid.columnDeFinitions>
                
                <Rectangle Grid.Row="0" Grid.column="0" Fill="Red"/>
                <Rectangle Grid.Row="0" Grid.column="2" Fill="Green" />
                <Rectangle Grid.Row="2" Grid.column="0" Fill="Blue" />
                <Rectangle    Grid.Row="2" Grid.column="2" Fill="Yellow" />
                
                <!--
                ShowsPreview - 拖动 GridSplitter 时,是要即时显示拖动结果(false 认值),还是要先预览GridSplitter被拖动的位置(true)
                -->
                <basics:GridSplitter Grid.Row="1" Grid.column="0" Grid.columnSpan="3" ShowsPreview="True" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                <basics:GridSplitter Grid.Row="0" Grid.column="1" Grid.RowSpan="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                
        </Grid>
</UserControl>
 
 
5、HyperlinkButton.xaml
<UserControl x:Class="Silverlight20.Control.HyperlinkButton"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">

                <!--
                NavigateUri - 超级链接的目标地址
                TargetName - 目标名
                -->
                <HyperlinkButton Content="http://webabcd.cnblogs.com" NavigateUri="http://webabcd.cnblogs.com/" HorizontalContentAlignment="Center" TargetName="_blank" BACkground="Black" Foreground="White" Margin="5" Width="200" />

                <!--
                HyperlinkButton.Content - 超级链接显示内容
                -->
                <HyperlinkButton NavigateUri="http://webabcd.cnblogs.com/" TargetName="_blank" Margin="5" Width="200">
                        <HyperlinkButton.Content>
                                <Image @R_489_9016@e="/Silverlight20;component/Images/logo.jpg" />
                        </HyperlinkButton.Content>
                </HyperlinkButton>

        </StackPanel>
</UserControl>
 
 
6、Image.xaml
<UserControl x:Class="Silverlight20.Control.Image"
        xmlns="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://scheR_935_11845@as.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                @R_489_9016@e - 程序目录下的图片文件地址
                -->
                <Image @R_489_9016@e="/logo.jpg" Margin="5" Width="100"    />
                
                <!--
                @R_489_9016@e - 程序集内的图片文件地址 [/程序集名;component/图片路径]
                -->
                <Image @R_489_9016@e="/Silverlight20;component/Images/logo.jpg" Margin="5" Width="200" />

                <!--
                @R_489_9016@e - 互联网的图片文件地址
                -->
                <Image @R_489_9016@e="http://silverlight.net/Themes/silverlight/images/logo.jpg" Margin="5" Width="100" />

                <!--
                @R_489_9016@e - 后台方式设置Image的@R_489_9016@e
                -->
                <Image x:Name="img" Margin="5" Width="100" />
                <Image x:Name="img2" Margin="5" Width="100" />

        </StackPanel>
</UserControl>
 
Image.xaml.cs
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Collections.Generic;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Linq;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Net;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Controls;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Documents;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Input;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Media;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Media.Animation;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Shapes;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.Media.Imaging;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

using System.Windows.resources;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

namespace Silverlight20.Control
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

{
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

         public partial class Image : UserControl
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

        {
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                 public Image()
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                {
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        initializeComponent();
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                         // 后台方式设置Image的@R_489_9016@e
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        img.source = new BitmapImage( new Uri( "/Silverlight20;component/Images/logo.jpg",UriKind.RelativE));
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image


@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        StreamresourceInfo sri = Application.GetresourceStream(
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                                 new Uri( "/Silverlight20;component/Images/logo.jpg",UriKind.RelativE));
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        BitmapImage image@R_489_9016@e = new BitmapImage();
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        image@R_489_9016@e.Set@R_489_9016@e(sri.Stream);
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                        img2.source = image@R_489_9016@e;
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

                }
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

        }
@H_197_73@@H_197_73@稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image

}
 
 

大佬总结

以上是大佬教程为你收集整理的稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image全部内容,希望文章能够帮你解决稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。