稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)-技术开发NET技术-Ubuntu系统_Ubuntu服务器

系列文章导航：

介绍
用Silverlight 1.0实现一个可以用鼠标或键盘弹奏，并且支持录音和回放的钢琴。(Silverlight+ASP.NET AJAX+DLINQ)
参考：http://silverlight.NET/community/communitygallery.ASPx

示例
Piano.xaml（用Expression Blend开发）

<Canvas

xmlns="http://schemas.microsoft.com/client/2007"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

x:Name="Piano"

Width="1024" Height="500">

</Canvas>

<Ellipse x:Name="stopRecord" Height="30" Width="30" Canvas.Left="40" Canvas.Top="430"

Stroke="Black" StrokeThickness="3" Fill="Red"/>

<Ellipse x:Name="startRecord" Height="30" Width="30" Canvas.Left="80" Canvas.Top="430"

Stroke="Black" StrokeThickness="3" Fill="Green"/>

</TextBlock>

</Canvas>

</TextBlock>

</TextBlock>

</Canvas>

系列文章导航：

稳扎稳打Silverlight(1) - 1.0实例之电子表

稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)

稳扎稳打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox

Default.ASPx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="Default.ASPx.cs"

Inherits="_10_Piano_Default" Title="支持录音和回放的钢琴" %>

<ASP:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

.silverlightHost

{

height: 500px;

width: 1024px;

}

</style>

</ASP:Content>

<ASP:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<ASP:ScriptManager ID="ScriptManager1" runat="server">

</ASP:ScriptManager>

var txtInput = '<%= txtInput.ClientID %>';

var txtName = '<%= txtName.ClientID %>';

createSilverlight();

</script>

<ASP:UpdateProgress ID="UpdateProgress1" runat="server">

Loading</div>

</ProgressTemplate>

</ASP:UpdateProgress>

<ASP:UpdatePanel ID="UpdatePanel1" runat="server">

<ASP:GridView ID="GridView1" runat="server" Style="position: absolute; top: 0px;

width: 1024px" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

DataKeyNames="ID" DataSourceID="LinqDataSource1" RowStyle-HorizontalAlign="Center"

PageSize="2" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">

<ASP:CommandField ShowSelectButton="True" HeaderText="选择" ItemStyle-Width="40px"></ASP:CommandField>

<ASP:CommandField ShowDeleteButton="True" HeaderText="删除" ItemStyle-Width="40px"></ASP:CommandField>

<ASP:BoundField DataField="ID" HeaderText="ID" InsertVisible="False"
ReadOnly="True"

SortExpression="ID" ItemStyle-Width="40px"></ASP:BoundField>

<ASP:BoundField DataField="Name" HeaderText="名称" SortExpression="Name"></ASP:BoundField>

<ASP:TemplateField HeaderText="乐谱" SortExpression="Details" ItemStyle-Width="700px">

<ASP:Label ID="lblDetails" runat="server"
Text='<%# Bind("Details") %>'></ASP:Label>

</div>

</ItemTemplate>

</ASP:TemplateField>

</Columns>

</ASP:GridView>

<ASP:TextBox ID="txtInput" runat="server" Style="position: absolute; left: 200px;

top: 434px; width: 300px" />

<ASP:TextBox ID="txtName" runat="server" Style="position: absolute; left: 566px;

top: 434px;" />

</ContentTemplate>

<ASP:AsyncPostBackTrigger ControlID="btnAdd" />

</Triggers>

</ASP:UpdatePanel>

<ASP:LinqDataSource ID="LinqDataSource1" runat="server"
ContextTypeName="Data.MusicBookDataContext"

EnableDelete="True" TableName="MusicBook">

</ASP:LinqDataSource>

<ASP:Button ID="btnAdd" runat="server" Text="添加" Style="position: absolute; left: 710px;

top: 434px;" OnClick="btnAdd_Click" />

</div>

</ASP:Content>

NET技术：稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

系列文章导航：

系列文章导航：

相关文章阅读