...ii...iii...x. 1 Silverlight NET Framework for Silverlight Silverlight Silverlight. 2-1 Visual Studio Silverlight...

Transkriptio

1 ...ii...iii...x 1 Silverlight 1-1 Silverlight NET Framework for Silverlight Silverlight Silverlight Silverlight Silverlight Visual Studio Silverlight Blend IIS Silverlight Silverlight 3-1 Silverlight Silverlight Silverlight...3-9

2 3-5.xap Debug Release Silverlight Silverlight Silverlight Silverlight Silverlight XAML Silverlight Silverlight AJAX Control Tookit Silverlight Silverlight Silverlight Silverlight HTML Silverlight <object> Silverlight Silverlight xap xap Silverlight.dll Silverlight Silverlight Startup Silverlight Silverlight xii

3 3 Silverlight Silverlight Silverlight Exit Silverlight Silverlight Silverlight Silverlight XAML x:class XAML XAML Grid Grid XAML StackPanel StackPanel Canvas Border Border XAML Z XAML Z xiii

4 XAML XAML Ellipse Rectangle Line Polygon Polyline Path Polygon Polyline Path Ellipse Line Path MediaElement VideoBrush xiv

5 6-5.1 Opacity Visibility OpacityMask Clip Transform Blend Blend xv

6 Blend From/To/By Storyboard DispatcherTimer Visual Basic TextBlock TextBlock TextBlock TextBlock TextBlock TextBox TextBlox xvi

7 2 XML LINQ to XML SQL Server.ashx SQL Server WCF PasswordBox Button Button ClickMode HyperlinkButton Navigate PopupWindow RepeatButton RepeatButton Tooltip Image ashx zip SQL Server CheckBox CheckBox ToggleButton RadioButton RadioButton SQL Server GridSplitter GridSplitter Grid Calendar Calendar TextBox Calendar xvii

8 9-3 DatePicker DatePicker ListBox ListBoxItem ListBoxItem ListBox FrameworkElement FrameworkElement ListBox ListBox ItemsSource ItemsSource ItemTemplate DataTemplate XML ListBox ListBox ComboBox ProgressBar Popup ScrollViewer Slider TabControl TabControl TabControl xviii

9 DataGrid 10-1 DataGrid DataGrid DataGrid XAML DataGrid DataGrid DataGridTemplateColumn DataGrid AutoGeneratingColumn DataGrid ItemsSource DataGrid ComboBox DataGrid DataGrid DataGrid DataGrid DataGrid DataGrid DataGrid WCF xix

10 Button Silverlight Toolkit Silverlight Toolkit XAML XAML SQL Server xx

11 MediaElement MediaElement MediaElement SetSource WebClient Timeline Markers HTTP Silverlight Web Silverlight Adobe Flash Flex HTTP Proxy HTTP Silverlight WCF WCF WCF XML WCF XML WCF WCF WCF SQL Server DataGrid WCF xxi

12 7 ASP.NET WCF WCF SQL Server asmx Web Web.asmx Web.asmx XML Microsoft Live Search Web.asmx ADO.NET ADO.NET WebClient UploadStringAsync WebClient OpenWriteAsync A A...A-2 SQL Server 2005 Express Edition...A-2...A-2 Silverlight XAML...A-3 xxii

13

14 ASP.NET Windows Form Silverlight XAML Image 10 XAML CH10_DemoForm003.xaml DataGrid 11-1 CH11 SilverlightToolBar.aspx Silverlight SilverlightToolBar 11-1 Silverlight SilverlightToolBar UserControl XAML SilverlightToolBar.xaml SilverlightToolBar. xaml.vb 11-2

15

16 SilverlightToolBar.xaml <UserControl x:class="silverlighttoolbar.silverlighttoolbar" xmlns=" xmlns:x=" Width="821.5" Height="154"> <Canvas> <Image x:name="book1image" Source="Images/BookBanner1.png" ToolTipService.ToolTip= " ASP.NET 3.5 / VB " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Width="96" Height="96" Canvas.Left="13.5"> <Image.RenderTransform> <ScaleTransform x:name="book1scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Foreground="#FF573AD7" Text=" ASP.NET 3.5 / VB" Canvas.Left="3.997" Canvas.Top="105" TextWrapping="Wrap" Width="110"> </TextBlock> <Image x:name="book2image" Source="Images/BookBanner2.png" ToolTipService.ToolTip= " ASP.NET 3.5 / VC# " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Width="96" Height="96" Canvas.Left="153.5"> <Image.RenderTransform> <ScaleTransform x:name="book2scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Text=" ASP.NET 3.5 / VC#"...> </TextBlock> 11-4

17 <Image x:name="book3image" Source="Images/BookBanner3.png" ToolTipService.ToolTip= " ASP.NET 3.5 AJAX / VB " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Width="96" Height="96" Canvas.Left="293.5"> <Image.RenderTransform> <ScaleTransform x:name="book3scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Text=" ASP.NET 3.5 AJAX / VB"...> </TextBlock> <Image x:name="book4image" Source="Images/BookBanner4.png" Width="96" ToolTipService.ToolTip= " ASP.NET 3.5 AJAX / VC# " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Height="96" Canvas.Left="433.5"> <Image.RenderTransform> <ScaleTransform x:name="book4scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Text=" ASP.NET 3.5 AJAX / VC#"...> </TextBlock> <Image x:name="book5image" Source="Images/BookBanner5.png" Width="96" ToolTipService.ToolTip= " ASP.NET 3.5 AJAX / VB " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" 11-5

18 MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Height="96" Canvas.Left="573.5"> <Image.RenderTransform> <ScaleTransform x:name="book5scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Text=" ASP.NET 3.5 AJAX / VB...> </TextBlock> <Image x:name="book6image" Source="Images/BookBanner6.png" Width="96" ToolTipService.ToolTip= " ASP.NET 3.5 AJAX / VC# " Cursor="Hand" MouseEnter="HandleMouseEnter" MouseLeave="HandleMouseLeave" MouseLeftButtonUp="BookImage_MouseLeftButtonUp" Height="96" Canvas.Left="713.5"> <Image.RenderTransform> <ScaleTransform x:name="book6scale" CenterX="64" CenterY="64"> </ScaleTransform> </Image.RenderTransform> </Image> <TextBlock Text=" ASP.NET 3.5 AJAX / VC#"...> </TextBlock> </Canvas> </UserControl> SilverlightToolBar.xaml.vb 11-6

19 SilverlightToolBar.xaml.vb Option Strict On Imports System.Windows.Browser.HtmlPage Partial Public Class SilverlightToolBar Inherits UserControl Private _book1dir As Integer = -1 Private _book1mouseover As Boolean = False Private _book1timer As Storyboard Private _book2dir As Integer = -1 Private _book2mouseover As Boolean = False Private _book2timer As Storyboard Private _book3dir As Integer = -1 Private _book3mouseover As Boolean = False Private _book3timer As Storyboard Private _book4dir As Integer = -1 Private _book4mouseover As Boolean = False Private _book4timer As Storyboard Private _book5dir As Integer = -1 Private _book5mouseover As Boolean = False Private _book5timer As Storyboard Private _book6dir As Integer = -1 Private _book6mouseover As Boolean = False Private _book6timer As Storyboard Public Sub New() InitializeComponent() _book1timer = New Storyboard() _book1timer.duration = TimeSpan.FromMilliseconds(50.0) 11-7

20 AddHandler _book1timer.completed, AddressOf Book1Timer _book2timer = New Storyboard() _book2timer.duration = TimeSpan.FromMilliseconds(50.0) AddHandler _book2timer.completed, AddressOf Book2Timer _book3timer = New Storyboard() _book3timer.duration = TimeSpan.FromMilliseconds(50.0) AddHandler _book3timer.completed, AddressOf Book3Timer _book4timer = New Storyboard() _book4timer.duration = TimeSpan.FromMilliseconds(50.0) AddHandler _book4timer.completed, AddressOf Book4Timer _book5timer = New Storyboard() _book5timer.duration = TimeSpan.FromMilliseconds(50.0) AddHandler _book5timer.completed, AddressOf Book5Timer _book6timer = New Storyboard() _book6timer.duration = TimeSpan.FromMilliseconds(50.0) AddHandler _book6timer.completed, AddressOf Book6Timer _book1timer.begin() _book2timer.begin() _book3timer.begin() _book4timer.begin() _book5timer.begin() _book6timer.begin() End Sub ' Private Function AdjustScale(ByVal direction As Integer, _ ByVal scale As ScaleTransform, ByVal mouseover As Boolean, _ ByVal timer As Storyboard) As Integer If direction = 1 Then If scale.scalex < 1.3 Then scale.scalex += 0.05 scale.scaley +=

21 ElseIf Not mouseover Then direction = 0 End If ElseIf scale.scalex > 1 Then scale.scalex -= 0.05 scale.scaley -= 0.05 End If timer.begin() Return direction End Function ' Public Sub Center(ByVal appwidth As Double, ByVal appheight As Double) Dim num = appwidth / 2 - Me.Width / 2 Dim num2 = appheight / 2 - Me.Height / 2 Me.SetValue(Canvas.LeftProperty, num) Me.SetValue(Canvas.TopProperty, num2) End Sub ' Private Sub HandleMouseEnter(ByVal sender As System.Object, _ ByVal e As System.Windows.Input.MouseEventArgs) Select Case CType(sender, Image).GetValue(NameProperty).ToString() Case "Book1Image" _book1mouseover = True _book1dir = 1 Case "Book2Image" _book2mouseover = True _book2dir = 1 Case "Book3Image" _book3mouseover = True _book3dir = 1 Case "Book4Image" _book4mouseover = True _book4dir = 1 Case "Book5Image" _book5mouseover = True 11-9

22 _book5dir = 1 Case "Book6Image" _book6mouseover = True _book6dir = 1 End Select End Sub ' Private Sub HandleMouseLeave(ByVal sender As System.Object, _ ByVal e As System.Windows.Input.MouseEventArgs) Select Case CType(sender, Image).GetValue(NameProperty).ToString() Case "Book1Image" _book1mouseover = False Case "Book2Image" _book2mouseover = False Case "Book3Image" _book3mouseover = False Case "Book4Image" _book4mouseover = False Case "Book5Image" _book5mouseover = False Case "Book6Image" _book6mouseover = False End Select End Sub ' Private Sub BookImage_MouseLeftButtonUp( _ ByVal sender As System.Object, _ ByVal e As System.Windows.Input.MouseButtonEventArgs) Dim bn = String.Empty Select Case CType(sender, Image).GetValue(NameProperty).ToString() Case "Book1Image" bn = "ACL025600" Case "Book2Image" bn = "ACL025700" Case "Book3Image" 11-10

23 bn = "ACL025800" Case "Book4Image" bn = "ACL025900" Case "Book5Image" bn = "ACL026000" Case "Book6Image" bn = "ACL026100" End Select Window.Navigate(New Uri( _ " & _ "home.aspx?pg=hm010x2007&bn=" & bn, UriKind.Absolute), _ "_blank") End Sub Private Sub Book1Timer(ByVal sender As Object, ByVal e As EventArgs) _book1dir = AdjustScale(_book1Dir, Book1Scale, _book1mouseover, book1timer) End Sub Private Sub Book2Timer(ByVal sender As Object, ByVal e As EventArgs) _book2dir = AdjustScale(_book2Dir, Book2Scale, _book2mouseover, book2timer) End Sub Private Sub Book3Timer(ByVal sender As Object, ByVal e As EventArgs) _book3dir = AdjustScale(_book3Dir, Book3Scale, _book3mouseover, book3timer) End Sub Private Sub Book4Timer(ByVal sender As Object, ByVal e As EventArgs) _book4dir = AdjustScale(_book4Dir, Book4Scale, _book4mouseover, book4timer) End Sub Private Sub Book5Timer(ByVal sender As Object, ByVal e As EventArgs) _book5dir = AdjustScale(_book5Dir, Book5Scale, _book5mouseover, book5timer) 11-11

24 End Sub Private Sub Book6Timer(ByVal sender As Object, ByVal e As EventArgs) _book6dir = AdjustScale(_book6Dir, Book6Scale, _book6mouseover, book6timer) End Sub Page.xaml Silverlight XAML ContentControl SilverlightToolBar <UserControl x:class="silverlighttoolbar.page" xmlns=" xmlns:x=" Width="Auto" Height="Auto" Background="{x:Null}"> <Canvas x:name="rootcanvas"> <Canvas.Background> <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0"> <GradientStop Color="#FF000000" Offset="0"> </GradientStop> <GradientStop Color="#FFFFFFFF" Offset="1"> </GradientStop> <GradientStop Color="#FFC4CE5B" Offset="0.584"/> </LinearGradientBrush> </Canvas.Background> <!-- --> <ContentControl x:name="toolbarcontent"> </ContentControl> </Canvas> </UserControl> Page.xaml Page.xaml.vb SilverlightToolBar Page.xaml ContentControl Silverlight 11-12

25 Silverlight Resized Private _SlToolbar As SilverlightToolBar Public Sub New() InitializeComponent() ' Silverlight Resized ' Content_Resized AddHandler Application.Current.Host.Content.Resized, _ AddressOf Content_Resized ' SilverlightToolBar _SlToolbar = New SilverlightToolBar() ' SilverlightToolBar ContentControl RootCanvas.Children.Add(_SlToolbar) End Sub Private Sub Content_Resized(ByVal sender As Object, ByVal e As EventArgs) ' Silverlight Dim appwidth = Application.Current.Host.Content.ActualWidth ' Silverlight Dim appheight = Application.Current.Host.Content.ActualHeight ' _SlToolbar.Center(appWidth, appheight) ' RootCanvas.SetValue(FrameworkElement.WidthProperty, appwidth) RootCanvas.SetValue(FrameworkElement.HeightProperty, appheight) End Sub 11-13

26 CH11 SilverlightPhotoAlbum.aspx Silverlight SilverlightPhotoAlbum

27

28

29

30

31 CH11 Photo Limingch 11-8 Limingch Thumbnail Silverlight

32 9 XAML CH9_DemoForm013.xaml CH9_DemoForm015.xaml CH9_DemoForm017.xaml CH9_DemoForm021.xaml XAML CreatePhotoThumbNail.ashx 11-9 CH11 XML PhotoInformation.xml XML XML PhotoInformation.xml PhotoInformation.xml XML <images> <photo> <thumbnail>/limingch/thumbnail/1_thnumnail.jpg</thumbnail> <large>/limingch/1.jpg</large> <description> </description> </photo> <photo> <thumbnail>/limingch/thumbnail/18_thnumnail.jpg</thumbnail> 11-20