穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[1] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[2] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[3] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[4] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[2] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[3] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
[4] 穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
系列文章導航：
穩扎穩打Silverlight(1) - 1.0實例之電子表
穩扎穩打Silverlight(2) - 1.0實例之支持錄音和回放的鋼琴(Silverlight+ASP.NET AJAX+DLINQ)
穩扎穩打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
介紹
Silverlight 2.0 控件一覽：Border, Button, Calendar, Canvas, CheckBox, ComboBox
在線DEMO
http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html
示例
1、Border.xaml
<UserControl x:Class="Silverlight20.Control.Border" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <StackPanel HorizontalAlignment="Left"> <!-- BorderThickness - 邊框的寬度（像素值：上下左右；左右,上下；左,上,右,下） BorderBrush - 邊框的顏色 CornerRadius - 邊框角的半徑 --> <Border BorderThickness="1,3,5,7" BorderBrush="Red" CornerRadius="10"Width="120" Margin="5">
<TextBlock Text="紅色Border" ToolTipService.ToolTip="紅色Border" TextAlignment="Center" /> </Border> <!-- Border.BorderBrush - 繼承自 System.Windows.Media.Brush 的對象 --> <Border BorderThickness="3" CornerRadius="10" Width="120" Margin="5"> <TextBlock Text="紅色Border" ToolTipService.ToolTip="紅色Border" TextAlignment="Center" /> <Border.BorderBrush> <ImageBrush ImageSource="http://silverlight.net/Themes/silverlight/images/logo.jpg" /> </Border.BorderBrush> </Border> </StackPanel></UserControl>
2、Button.xaml
<UserControl x:Class="Silverlight20.Control.Button" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <StackPanel HorizontalAlignment="Left" Width="400"> <!-- Content - 按鈕上顯示的內容 Click - 按鈕的單擊事件 Cursor - 鼠標移動到按鈕上面時，鼠標指針的樣式 Arrow - 箭頭 Hand - 手形 Wait - 沙漏 IBeam - “I”字形 None - 無 --> <Button DataContext="我是Button" Content="我是Button" Cursor="Wait" Click="Button_Click" Margin="5" /> <!-- IsEnabled - 按鈕是否有效 --> <Button DataContext="無效Button" Content="無效Button" IsEnabled="False" Click="Button_Click" Margin="5" /> <!-- Button.Content - 按鈕上顯示的內容 ClickMode - 觸發單擊事件的類型 [System.Windows.Controls.ClickMode枚舉] ClickMode.Press - 鼠標左鍵單擊 ClickMode.Release - 鼠標左鍵單擊并放開 ClickMode.Hover - 鼠標經過 --> <Button DataContext="圖片Button" ClickMode="Release" Click="Button_Click" Margin="5"> <Button.Content> <Image Source="/Silverlight20;component/Images/Logo.jpg" /> </Button.Content> </Button> </StackPanel></UserControl>
Button.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.Browser;namespace Silverlight20.Control
{
public partial class Button : UserControl
{
public Button() { InitializeComponent();
} private void Button_Click(object sender, RoutedEventArgs e) { HtmlWindow html = HtmlPage.Window; html.Alert(((System.Windows.Controls.Button)sender).DataContext.ToString() + " 被單擊了");
} }
}
全站熱搜
留言列表
