用户登录
聚合
Search
Expression Blend入门实例，掌握Blend！
飞速加入Silverlight
作者：由灵 日期：2007-12-11
实例是Silverlight的基本步骤，实现的基本动画的创建布骤，与Javascript交互等。在本实例中，如果您不太了解。我们用Blend2新建一个Silverlight项目（兼容1.0）,在菜单中选择：File->New Project。然后出现如图1.0所示界面，您可以选择一个保存路径，并选中“Silverlight 1.0 Site”。
图1.1点击确定进入Blend中的设计环境，如果您还想改变布局可以到Window->Animation Workspace设置。结果如图1.2中所示。
图1.2Blend会随Silverlight的模板创建5个文件：
Default.html HTML页面文件，由浏览器执行，所有的由他开始。Default_html.js JavaScript脚本文件，此文件由Default.html引用。Page.xaml Silverlight文件，显示动画和效果，由Silverlight插件编译执行。Page.xaml.js JavaScript脚本文件，由Default.html引用，用于处理page.xaml中的事件。Silverlight.js JavaScript脚本文件，由Default.html引用，负责生成Silverlight插件。
图1.3现在Blend的环境以经为您解释的清楚了，如果还是不太清楚您可以打开Blend软件到处看看吧！下面进入开发了：第一步我们先要设置画布大小，在绘制区的白色块就是Canvas画布了。单击选中，然后在画面切换中点击“Properties”到属性中，如图1.2所示。点击layout展开布局面板，把Width设为800，并把Height设为260（您也可以在绘制区中自己鼠标调整）。然后打开在Brushes(笔刷)面板点击“Gradient brush（渐变画笔）”，然后以图1.4中设置渐变颜色。
图1.4现在画布以经设置好了，下一步我们要做的是一个文本移动的动画。在画布中画一个TextBlock控件。由灵在此提示您如果没有您可以点击工具框的最下面点击按钮，在资源库中添加更多控件。在搜索中图入TextBlock。然后点击里面的TextBlock项就可以了。如图1.5所示：
图1.5然后在画布中拖出一个TextBlock控件，并输入Welcome to WPFHOME.COM。然后在颜色面板中Solid Color Brush（单颜色），然后在面板中选择红色（我相信不用再让我截图了吧）。下面就是做我们的动画了，新建一个StoryBoard（故事板板），位置在Objects and Timeline面板-> 。出现一个窗口，在Name(Key)中输入StoryBoard的名称“LoadStoryboard”，单击确定。在下面出现了TimeLine(时间轴)。如图：
图1.6施动黄色时间针，到1.3秒的位置。然在绘制面板中的TextBlock控件移动x=208, y=135，旋转-359.686度，也可以通过properties(属性)->Transform(变换)->Translate（平移）面板下的X和Y值，和properties(属性)->Transform(变换)->Rotate（旋转）板板中直接输入值,颜色面板中设为黑色。好现在以经做完第一步的动画，然后把换色的时间针移动到2.3秒，把字体颜色设为#FF00FF11。Text面板下的大小设成13。如图1.7所示
图1.7在此LoadStoryboard动画以经制作好了，现在可以移动时间针看到动画效果了。下面我们将实现一个按钮效果，控扭的事件由JavaScript控制，动画部分由灵在此不再重复了。窗体上新建一个Rectangle（矩形），然后在属性面板中调节渐变。然后命名为btn_bg。在Storyboard（故事面板）里新建动画。动画命名为：“btn_Move_animation”,现在我们要实现一个鼠标经过时的动画效果，要让颜色改变。我们在矩形的渐变笔刷里第二个颜色块设为淡绿色（适度调整）。然后我们再新建一个“btn_Out_animation”，现在我们要实现一个鼠标离开时的动画效果，要把颜色变回来。移动时间针到1秒处，然后把矩形的渐变的第二个颜色块变回一开始的红色。OK，按钮的基本动画以经制作完成，下面要做的是把按钮背景与全并。在矩开（btn_bg）控件上面用TextBlock写入“Play”文字。按着Shift键，然后把btn_bg和刚写的TextBlock选中，放开Shift。按Ctrl+G成组，原来也是把btn_bg和TextBlock作为一个新Canvas（画布）的子控件。并把这个组的名称改为：“btn”。嘿嘿 ~，动画部分以经完成，下面介绍JavaScript了。在资源文件中选中“Default.html”，右击菜单中选择“Edit in Visual Studio”。在silverlightControlHost的DIV控件下面加入以下代码（HTML这里不做介绍咯~）：
<div align="center" style="width:800px">显示文本：<input type="text" style="width:656px;" id="textAnimationText" value="Welcome to WPFHOME.COM"><input type="button" value="播动画" /></div>在Page.xaml.js文件中的onLoadHandle过程中加入：
Silverlight.sl_c= control; Silverlight.sl_c.content.findName("btn").addEventListener("MouseLeftButtonDown",Silverlight.createDelegate({},play_func)); Silverlight.sl_c.content.findName("btn").addEventListener("MouseEnter",Silverlight.createDelegate({},Btn_Over)); Silverlight.sl_c.content.findName("btn").addEventListener("MouseLeave",Silverlight.createDelegate({},Btn_Out)); play_func();并在新加以下自定义函数：
function Btn_Over(sender,args){ Silverlight.sl_c.content.findName("btn_Move_animation").Begin();}function Btn_Out(sender,args){ Silverlight.sl_c.content.findName("btn_Out_animation").Begin();}function play_func(sender,args){ Silverlight.sl_c.content.findName("textBlock").Text=document.getElementById('textAnimationText').value; Silverlight.sl_c.content.findName("LoadStoryboard").Begin();}
浏览效果如下：
源码下载浏览：http://www.wpfhome.com/help/default.aspx?id=8
coach candada handbags
cheap coach handbags
coach outlet
coach handbags outlet
Coach Backpacks
Coach Bags
Coach Briefcases
Coach Crossbody
Coach Hats
Coach Jewelry
Coach Bangle
Coach Shoes
Coach Flats
Coach Sandals
Coach Shoulder Handbags
Coach Sunglasses
Coach Wallets
Coach Wristlets
moncler jackets
moncler jackets
moncler outlets
moncler online
moncler outlet online
Moncler Coat Women
Moncler Hoody Men
Moncler Jacket kid
Moncler Jacket Men
Moncler Jacket Women
beats headphones
dre beats
monster beats
dr dre beats
Beats Boston Monster Red Sox Studio
Beats by Dre Diddybeats High Performance Headphones
Beats By Dre Monster Jazz Saxophone
Beats by Dre Studio High Definition Powered Isolation Headphones
Beats by Dre Studio Red Sox High-Definition Headphones
Beats by Solo HD RED Special Edition High Definition Headphones
Beats Monster Black Eyed Peas
Beats Pro High Performance Professional Headphones
Beats Solo HD High Definition On-Ear with ControlTalk Beats Solo HD Monster Headphone
Beats SOLO High Performance Headphones with ControlTalk
Beats Studio Lamborghini Headphone
Beats Tour High Resolution Headphones ControlTalk
Heartbeats by Lady Gaga Beats by Dre production
Lady Gaga High Performance In-Ear Headphones Control Talk
Monster Beats Kobe Bryant by dr. Dre HD
Monster By Dre Cable Jamz Beats
Studio Headphone Ferrari Monster Beats Limited Edition
Tour High Definition Powered Isolation Headphones
monster beats
dr dre beats
beats by dre
dre beats
dre headphone
Beats By Dr. Dre Earphones
Monster Beats by Dre Studio
Monster Beats In Ear
monster beats pro
Monster Beats Solo Headphones
Monster Butterfly
Monster Diddy Beats
Monster Heartbeats By Lady Gaga
Monster Miles Davis Tribute
tods online shop
tods shoes online
tods bag tods sale
tods shoes
Tod's Bags
Tod's Cap-Toe Ballet Flats
Tod's Floral Lace Shoes
Tod's Gommino Leather Shoes
Tod's Heaven Laccetto Drivers
Tod's Lace Moccasins
Tod's Snakeskin Lace Shoes
Tod's Womens Moccasin Shoes
Tod's Leather Shoes
Tod's Mens Moccasin Shoes
Tod's Sneakers
Tod's Suede Ankle Boots
moncler
moncler da donna
moncler cappotti donne
moncler piumini donna
moncler giubbotti donna
moncler donne stivali
moncler uomo
piumino uomo moncler
piumini moncler uomini
moncler giubbotti uomo
maglioni oncler uomini
moncler bambini
moncler borse
moncler sciarpa cappello
Ugg Australia boots
chestnut ugg boots
ugg boots australia
ugg boots sale
cheap ugg boots
ugg on sales
Ugg Classic Short Boots
Ugg Classic Tall Boots
Ugg HighkooII Boots
Ugg Nightfall Boots
Ugg Sundance II Boots
Ugg Argyle Knit Boots
Ugg Bailey Button Boots
Ugg Classic Cardy Boots
Ugg Classic Mini Boots
Ugg Knightsbridge Boots
Ugg Ultra Short Boots
Ugg Ultra Tall Boots
Ugg Romantic Flower Boots
Ugg Womens Amelie
Ugg Womens Halendi
Ugg Womens Coquette
Ugg Womens Dakota
Ugg Womens Tasmina
Rockport channing boots
Ugg channing boots
UGG boots
cheap ugg boots
discount ugg boots
ugg boots sale
discount Ugg Classic Tall
UGG Bailey Button 5803
UGG Bailey Button Krinkle
UGG Bailey Button Paisley
UGG Bailey Button Triplet 1873
Ugg Boots HighkooII
Ugg Boots Skylair
UGG Classic Argyle Knit 5879
UGG Classic Cardy 5819
UGG Classic Crochet 5833
UGG Classic Mini 5854
UGG Classic Short 5825
UGG Classic Tall 5815
UGG Roxy Short 5828
UGG Stripe Cable Knit 5822
UGG Sundance II 5325
UGG Ultra Short 5225
UGG Ultra Tall 5245
Cheap Ugg
Classic Tall Boots
Ugg Classic Tall Ladies Boots
Ugg Clearance
UGG Classic Tall
UGG Classic Tall Metallic
UGG Half Waterproofing
UGG Corinth boots
UGG Kensington boots
UGG Classic Argyle Knit
UGG Broome Boots
UGG Ultra Tall
UGG Lo Pro Button boots
UGG Nightfall
UGG Chrystie boots
UGG Classic Sundance
UGG Highkoo Boots
UGG Classic Roxy Tall
UGG Ultimate short
Ugg Stripe Cable Knit
UGG Kid Classic Short
UGG classic Fringe Cardy
UGG Classic short
UGG Bailey Button Krinkle
UGG Bailey Button Triplet
UGG Bailey Button
UGG Special Style
UGG Classic Cardy
UGG Tassel Short
UGG Delaine boots
UGG Short Metallic
UGG Classic Crochet
Ugg Infants Erin
UGG Kid Boots
Ugg Ultra Short
UGG Classic Mini
UGG Cuff Boot
UGG Fluff Flip Flop
UGG Evera Shoes
ugg boots
discount uggs boots
ugg outlets
cheap uggs
ugg brand boots
cheap ugg boots
uggs on sale
ugg shoes uggs
ugg shoes uggs outlet
discount uggs
UGG Bailey Button 5803
UGG Bailey Button Krinkle
UGG Bailey Button Paisley
UGG Bailey Button Triplet
UGG Boots Highkoo II
UGG Boots Skylair
UGG Classic Argyle Knit
UGG Classic Cardy 5819
UGG Classic Crochet 5833
UGG Classic Mini 5854
UGG Classic Short 5825
UGG Classic Tall 5815
UGG Roxy Short 5828
UGG Stripe Cable Knit 5822
UGG Sundance II 5325
UGG Ultra Short 5225
UGG Ultra Tall 5245
hand, really watch manufacturing component, many are expensive materials with christian louboutin for cheap 18 K gold, diamond glass, platinum, etc General made, than replica herve leger hand, really watch manufacturing component, many are expensive materials with louboutin d'orsay pumps 18 K gold, diamond glass, platinum, etc General made, than high heel clogs hand, really watch manufacturing component, many are expensive materials with edhardy 18 K gold, diamond glass, platinum, etc General made, than edhardy hand, really watch manufacturing component, many are expensive materials with sterling silver jewelry 18 K gold, diamond glass, platinum, etc General made, than replica tiffany sale
double take, Now the perfect long legs, build perfect romantic ed hardy effect to restore ancient ways of the wind. In 2011 cheap ed hardy double take, Now the perfect long legs, build perfect romantic discounted manolo blahnik shoes effect to restore ancient ways of the wind. In 2011 christian louboutin heels double take, Now the perfect long legs, build perfect romantic tiffany replica effect to restore ancient ways of the wind. In 2011 discount tiffany jewelry double take, Now the perfect long legs, build perfect romantic louboutin studded oxfords for women for cheap effect to restore ancient ways of the wind. In 2011 ivory mary jane shoes
Great, I have already bookmarked your this page…Now I don’t have enough time for read but by reading beginning part I must say…it was a positive start .. Would love to read further too…Thanks for great post!
-------------------------------------------------------------------
We're always striving to bring you beautiful, popular gemstone pendants|pendant necklaces|sterling silver pendants|jade necklace|fashion necklaces- the perfect accessory and a wonderful way to express your personality and valuable for so many reasons.
UCVHOST has changed the face of web hosting industry in a major way, people were paying gold for peanuts (and it is still happening). cheap vps has become synonym with UCVHOST, anybody and everybody who wants a reliable and affordable domain web hosting visits UCVHOST and gets either windows vps or Linux hosting from UCVHOST. UCVHOST sells cheap hosting WITHOUT hidden terms and conditions where as competition has huge MSA and SLA’s which are good enough to confuse a seasoned lawyer also. For clients by now Business with us for the value of windows vps became very critical piece of puzzle for their whole operation, uptime and performance became a huge concern.. However it came with a cost, dedicated servers proved to be at least 100 times expensive in comparison to any windows or Linux plans. Somewhere in the labs engineers were working on splicing raw power of a server into virtual instances, this technology was called as Virtualization also termed as or virtual private servers. Also UCVHOST comes handy when you are looking for remotely hosted and managed FOREX MetaTrader4 terminals. Our
forex vps platform is all geared up in fight of pips, our platform support any number of expert advisory (EA) and along with an assure of 100% uptime. Our Virtual Forex Tradng Terminals are well equipped to help you in making money. mssql hosting
For more information visit: cheap vps | forex vps | shared hosting | windows vps | windows hosting
可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时，可以启用内容剪切。 还可以对滚动条进行控制，令其处于不可用、隐藏或可见 可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时，可以启用内容剪切。 还可以对滚动条进行控制，令其处于不可用、隐藏或可见
000-104 | LOT-980 | NS0-502 | HP0-J41 | HP0-S25 | 000-153 | ASC-099
情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板”可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当中的内容过多时，可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。 个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。”可用于其他控件如列表框）的模板中，以支持内容滚动功能。当“中的内容过多时， 可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时，可以启用内容剪切。 还可以对滚动条进行控制，令其处于不可用、隐藏或可见
lsat review | asvab test | cpa exams | mcat prep | toefl exam | lsat prep | usmle book
个允许您滚动其中所含的子元素的元素。 该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板”可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当中的内容过多时，可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。 个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。”可用于其他控件如列表框）的模板中，以支持内容滚动功能。当“中的内容过多时， 可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时，可以启用内容剪切。 还可以对滚动条进行控制，令其处于不可用、隐藏或可见
70-545 | 70-548 | 70-549 | 70-551 | 70-552 | 70-553 | 70-554
个允许您滚动其中所含的子元素的元素。 该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板”可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当中的内容过多时，可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。 个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。”可用于其他控件如列表框）的模板中，以支持内容滚动功能。当“中的内容过多时， 可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时，可以启用内容剪切。 还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。 个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下， 需要在其中使用堆叠面板、画布面板或网格面板等版式面板。 可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“”中的内容过多时 可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。
testking 70-448 / testking JN0-303 / testking E20-361 / testking 646-578 / testking 312-50 / testking HP2-Q04 / testking 000-106 / testking JN0-343 / testking MB2-633 / testking 646-204
个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“ScrollViewer”可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“ScrollViewer”中的内容过多时，可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。因此在大多数情况下，需要在其中使用堆叠面板、画布面板或网格面板等版式面板。“ScrollViewer”可用于其他控件（如列表框）的模板中，以支持内容滚动功能。当“ScrollViewer”中的内容过多时，可以启用内容剪切。还可以对滚动条进行控制，令其处于不可用、隐藏或可见状态，或者使其仅仅在需要时自动显示。
mb7-838
mb7-840
070-431
70-541
70-237
70-529
70-523
mb6-819
70-260
mb7-839
70-633
mb6-818
70-455
70-235
70-443
mb6-822
CISM
77-601
70-668
70-513
70-561
我只是安装了bland，没有装web和其它的东西。
我bland里新建项目没有Silverlight1 Site 和 Silverlight2 Application
只有标准应用程序和控件库。
是什么原因呢？ 望指教。
我的邮箱：gl.deng【AT】gmail.com
Expression Blend好像没有创建silverlight项目的选项啊
必须要下载Blend 2 吗
请安装Microsoft Expression Blend 2.5 June 2008 Preview , 正式的版本中好像并没有sl的项目可以创建,因为SL目前也只是BETA .
ED hardy bikini
Ed Hardy Hats
ED hardy men jeans
ED hardy women jeans
ED mens hooded sweatshirts
ED womens hooded sweatshirts
Men's Ed Hardy T-Shirts
Women's Ed Hardy T-Shirts
ed hardy
ed hardy shirts
ed hardy sale
cheap ed hardy
ed hardy outlet
Beats By Dr. Dre Earphones
Monster Beats by Dre Studio
Monster Beats In Ear
Monster Beats Solo Headphones
Monster Butterfly
Monster Diddy Beats
Monster Heartbeats By Lady Gaga
Monster Miles Davis Tribute
monster beats pro
monster beats
dr dre beats
beats by dre
dre beats
dre headphone
Lady Gaga Heartbeats
Monster Beats Butterfly
Monster Beats by Dre Studio
Monster Beats Solo
Monster Beats Tour
Monster Diddy Beats
Monster Miles Davis Tribute
Monster beats dre
beats by monster
cheap beats headphones
Mens True Religion
Mens Bootcut
Mens Corduroy
Mens Flare
Mens Skinny
Mens Straight Leg
Mens T-shirts
Womens True Religion
Womens Bootcut
Womens Cargo
Womens Corduroy
Womens Crops
Womens Flare
Womens Legging
Womens Petite
Womens Shorts
Womens Skinny
Womens Straight Leg
cheap true religion
true religion jeans
cheap true religion
true religion sale
true religion outlet
Canada Goose Coats
Mens Coats
Womens Coats
Canada Goose Glove
Canada Goose Hats
Canada Goose Jackets
Canada Goose New Style
Canada Goose Parka
Chilliwack Parka
Expedition Parka
Mens Chateau Parka
Snow Mantra Parka
Womens Expedition Parka
Womens Montebello Parka
Womens Sollaris Parka
Womens Trillium Parka
Yorkville Parka
Canada Goose Vest
Mens Vest
Women Icicle Vest
Womens Vest
canada goose online
canada goose jacket
canada goose jackets
anada goose jakke
canada goose sale
moncler men
2011 moncler coat
moncler men coat
coats for men cheapMoncler Men's Vests
2011 moncler jackets
2011 Moncler Men
men cheap coatsaffordable winter coats menribera moncler
men winter coats 2011
black moncler nibble boot
2011 New Style Moncler Men Jackets Black
silver winter jacket
new moncler scarf hat black set
moncler scarfs in whole black
moncler scarf and hat set in grey
moncler scarf
moncler mens cheep
moncler men red black vests
moncler k2 women vests
moncler jacket outlet 2011
Moncler
Moncler Outlet
Moncler Men Jackets