AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

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

分类：Silverlight作者：编程之家
[索引页]
[源码下载]


稳扎稳打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://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                后台邦定方式，自动生成列
                -->
                <data:DataGrid x:Name="dGrd" AutoGenerateColumns="True"></data:DataGrid>
                
        </StackPanel>
</UserControl>
 
DataGrid.xaml.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;


namespace Silverlight20.Control

{

         public partial class DataGrid : UserControl

        {

                 public DataGrid()

                {

                        InitializeComponent();


                        BindData();

                }


                 void BindData()

                {

                        var source = new Data.sourceData();


                         // 设置 DataGrid 的数据源

                        dGrd.ItemsSource = source.GetData().Take(10);

                }

        }

}
 
 
2、DatePicker.xaml
<UserControl x:Class="Silverlight20.Control.DatePicker"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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 Source="/Silverlight20;component/Images/logo.jpg" />
                        </HyperlinkButton.Content>
                </HyperlinkButton>

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

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

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

        </StackPanel>
</UserControl>
 
Image.xaml.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;


using System.Windows.Media.Imaging;

using System.Windows.Resources;


namespace Silverlight20.Control

{

         public partial class Image : UserControl

        {

                 public Image()

                {

                        InitializeComponent();


                         // 后台方式设置Image的Source

                        img.source = new BitmapImage( new Uri( "/Silverlight20;component/Images/logo.jpg",UriKind.Relative));


                        StreamResourceInfo sri = Application.GetResourceStream(

                                 new Uri( "/Silverlight20;component/Images/logo.jpg",UriKind.Relative));

                        BitmapImage imageSource = new BitmapImage();

                        imageSource.SetSource(sri.Stream);

                        img2.source = imageSource;

                }

        }

}
 
 

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。

相关推荐

c# – 如何在Silverlight 4中绑定ContextMenu的IsEnabled属性？
如何在Silverlight4(XAML)中绑定IsEnabled属性？我试过简单的IsEnabled=“{BindingABC}”,但这不起作用–MenuItem总是启用.提前感谢您的线索！干杯编辑：有趣的是,当设置Mode=TwoWay时,绑定似乎有效.但是,在菜单项上...
c# – 使用Silverlight / windows手机式控件设置我的.Net桌面应用程序GUI
我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,因为我确信即使是一个c#人也可以使用类似的.net实现来回答这个问题).我申请的简短说明：我的桌面应用程序将仅在win平台上运行,使用vb.net,它是一个简单的网...
c# – Silverlight：将服务调用和文件处理移动到后台线程
ProcessFile()是在UIThread上运行还是在单独的线程上运行.如果它在UIThread上,如何将文件请求和ProcessFile()移动到单独的线程？varxClient=newServiceReference1.Service1SoapClient();xClient.Retrieve_File_Compl...
c# – 如何从ASP.NET / Silverlight开发人员成为sharepoint开发人员？
我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不在办公室使用sharepoint.所以不知道如何开始.这些是我的新手问题>学习共享点值得努力吗？>学习sharepoint的资源在哪里？>我是否应该考虑开发哪些...
c# – Windows Phone 8 – 将列表保存到IsolatedStorage
我正在尝试保存一个类我的类对象的集合.我收到一个错误说明：Thecollectiondatacontracttype‘System.Collections.Generic.Listcannotbedeserializedbecauseitdoesnothaveapublicparameterlessconstructor.Addingapu...
c# – 在XAML中使用绑定设置样式
我需要根据Silverlight中的某些配置值设置给定控件的Style.我想有可能从两种可用的样式(静态资源)中选择一个控件样式.我试图做一些像：<TextBoxStyle="{BindingABC}"/>哪里publicstringABC{get{retu...
Android设备上的Silverlight / Moonlight
我刚买了第一台Android设备,我喜欢它…我也很喜欢你可以创建自己的应用程序并随意分发它们.我已经阅读了一些关于Monodroid的内容,而且显然微软希望将Silverlight放在这些设备上,尽管没有太多关于它们的信息……但是M...
c# – 从silverlight应用程序访问SQL Server数据库
我们的ASP.NET网站允许用户执行各种查询,并根据从数据库查询的结果显示网络图(如UML图).目前,我们正在生成一个位图并显示它.但由于我们需要支持允许用户以交互方式显示/隐藏某些块的功能,因此我们计划使用Silverligh...
c# – 自定义Silverlight启动画面导致白屏死机
我正在开发一个Silverlight4应用程序,我已经创建了一个自定义的启动画面.乍一看,自定义启动画面运行良好–非常好.几天后,我开始注意到闪屏不再显示,屏幕仍然是空白.这似乎只发生在我打开多个指向同一个应用程序的IE选...
c# – 使用带偏移的RotateTransform问题旋转图像
这是我的XAML：<ImageVerticalAlignment="Center"HorizontalAlignment="Center"Source="{BindingInput,Converter={StaticResourceByteArrayToBitmapConverter}}"><Image.Ren...
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native