如何创建一个螺旋形的XAML元素

原文 (译)
image-thumb67.png
image-thumb68.gif GIF DEMO(二图)
这将是一篇简单的教程,但是我仍然打算分享它,因为我已经痛苦的思考了很长时间——如何用纯XAML实现螺旋效果。
1: 运行Design并且创建一个画布(Canvas),我选择的尺寸是800X600.
2. 打开网格辅助线(Grid Lines). 查看(View) –> 显示(Show) –> 网格(Grid) . 快捷键CTRL+’.
3. 打开对齐网格(Snap to grid). 查看(View)–> 对齐网格(Snap to gird) . 快捷键 CTRL+SHIFT+’.
4. 选择钢笔工具(Pen)
5.开始在画布上绘制点,一定要与网格点相对应。接下来的图形轮廓如下图(所有的点都是你在画布上点击钢笔工具实现的)
6. 选择工具”转换定位点(convert anchor point)”
7. 略过第一个顶点,用选择工具点击第二个到最后一个顶点. 实际在点击顶点时将其转变为了一个定位点,引起直线变为曲线,继而形成一个螺旋的图形.
使用Design创建的图形你可以拷贝粘贴到Blend.我非常欣赏Design与Blend强大的协作能力.我感觉使用这两个工具,没有什么是不可能达到的.
我会在接下来的时间,试着写更多的使用Design的技巧.希望对你有所帮助.
下次见.^^
PS:除了使用Ex Design外,还可以用AI绘制螺旋形后利用一个工具转为XAML.

Deep Zoom Composer

deep-zoom-composer.jpg

Blend&Design开发团队在Mix08期间发布一个仅面向Silverlight的小工具.可以实现图片的平滑缩放及移动. 支持PNG, JPEG, TIFF, BMP.

Demo–>Click Here
Download–>Click Here
Download User Guide–>Click Here
Sample–>Click Here

TIPS:

  • Sample中包含一个网站项目,并且可以重新利用。替换由Deep Zoom创建的vistawallpapers文件夹,以及Page.xaml中的MultiScaleImage Soure=”vistawallpapers/info.bin”.
  • 不知道是什么原因,直接用blend2.5运行demo在ie6 ff中都是白屏(sl已运行).通过ex web运行是正常的.
  • Deep Zoom Composer使用中在选择输出路径时,程序不能自动创建文件夹。
  • 查看源程序,发现Deep Zoom是将原图按一定缩放比例做成了N个等级的图像。

PS:在用7-zip打开User Guide包时,发现docx文件是由好多xml文件组成哦,内嵌的图像是以图像格式存储…火星了…

改变Silverlight插件的下载源

这篇文章适用于Silverlight V1.1 Aplha
问题的缘由.SL论坛上一个帖子.

问题

我希望配置一个Silverlight站点在一个没有因特网相连的局域网.如果有人打开Silverlight站点会看到提示下载Silverlight的信息.但是没有因特网连接这是不能工作的.我怎样改变链接信息以便可以下载Silverlight插件.我可以改变路径么,比如c:toolssilverlight.exe?

解决方案

他希望配置Silverlight程序在一个没有因特网连接的局域网上的Web服务器.
OK,步骤如下

  1. 下载Silverlight安装程序(有3个安装版本.Windows,MacIntel,MacPPC)
  2. 上传Silverlight安装程序到你的本地IIS服务器的Web目录.
  3. 放置Silverlight.exe到以下路径

    “http://localhost/silverlightinstallers/wins/silverlight.exe”
    “http://localhost/silverlightinstallers/macIntel/silverlight.exe”
    “http://localhost/silverlightinstallers/macppc/silverlight.exe”

  4. 编辑Silverlight.js.
  5. 找到Silverlight.fwlinkRoot.
    可以看到以下代码
    "Silverlight.fwlinkRoot="http://go.microsoft.com/fwlink/?LinkID="

  6. 替换代码如下
  7. if(c=="Windows")b="wins/silverlight.exe"; else if(c=="MacIntel")b="macintel/silverlight.exe";else if(c=="MacPPC")b="macppc/silverlight.exe"

  8. 完毕.如此你就可以下载适合你OS的Silverlight安装程序啦.

Dying In The Sun

每当意气消沉,常常想起它,想起Dolores。
dying_in_the_sun.jpg
Will you hold on to me
I am feeling frail
Will you hold on to me
We will never fail
I wanted to be so perfect you see
I wanted to be so perfect
Like dying in the sun
Like dying in the sun
Like dying in the sun
Like dying…
Do you remember the things we used to say?
I feel so nervous when I think of yesterday
How could I let thing get to me so bad?
How did I let things get to me?
Like dying in the sun
Like dying in the sun
Like dying in the sun
Like dying…

Kakslauttanen Hotel In Finland

finland.jpg
Kakslauttanen Hotel In Finland
当你厌倦了无垠的沙滩与蔚蓝色的海水,却还没有准备继续旅行,去Lapland吧。寻找一个极富戏剧与神秘的开始。雪上圆顶建筑赫然点缀在冬天,20个壮观的玻璃圆顶建筑,31个奢侈的原木小屋在芬兰的Kakslauttanen圣地。
你可以躺在床上 ,上面是玻璃圆顶的天花板。在淡蓝色的无尽的夜,舒服的盖着厚厚的绒毛棉被,看雪花轻轻飘落。仿佛一切都是超现实的。你会忘记寒冷,实际上也确实如此。
这里也有一个雪中小礼堂,世界上最大的可容纳150人的雪中餐馆,有芬兰传统的桑拿浴,一个八英尺高的玻璃帐篷(类似于典型的拉普兰印第安帐篷),可以在北方的极光之下享受鸡尾酒会。或者是一个蜜月,想想,在这一个如此的冬季,举行童话般浪漫的婚礼。
开电动雪橇车、滑雪,还有其它热闹的活动将使你跟你的客人享受这个假期!你可以从“Hyvää päivää”开始你的芬兰之旅,它的意思是好的一天。

关于Silverlight与SVG

今天在Jesse Liberty的博客看到关于Silverlight and SVG的讨论,比较有趣,简单的译了一下。
在过去的两个星期里,我多达三次收到了下面这个问题(在不同的论坛),所以我要借这个机会在这里张贴一下,并阐述我的观点。
SVG
问题:…我得知微软已经支持SVG,这意味着将不再需要silverlight,难道silverlight只是为保护IE而对SVG进行的升级?
我不知道如何开始回答这样的问题。如果Silverlight和SVG是同等意义上的技术, 这可能会产生一个争论并且因此受益,但是我相信他们真的完全不同,应用于不同的目的。Silverlight是一个表现层技术,利用.NET工具开发应用程序。我想你会发现Silverlight的吸引力,实际上它很强大,几个星期后,当我们发布Silverlight2.0,它将变得更为强大。
我的意思不是回避你的问题,然而它恰恰不是我所做的。我致力于帮助他人学习和使用Silverlight,不是在被认为必须二选一的技术中为它辩护。

主题跟贴

#1
仅仅是他拿SVG与Silverlight对比就可以看出,他完全不知Silverlight到底是什么。
这也带给我一个问题,难道他明白SVG是什么嘛?
如果我们把它降到Xaml的层面也许不错,那我们讨论,但是把象SVG一样简单的技术与silverlight比较,嘘嘘。
#2

一个好友在私人信件里谈到了几点,总结如下
*SVG是可放缩的矢量图形。它是构建图形的语言,然而Silverlight是关于创建应用程序的。
*Silverlight是WPF的子集,这就是为什么它使用XAML.而开发两者不是为了取代SVG的。

名词解释


SVG
SVG(Scalable Vector Graphics)是W3C(World Wide Web ConSor—tium国际互联网标准组织)在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。由于W3C联盟关于SVG的开发工作组的成员都是一些知名厂商, 如Adobe、苹果、Aut0De sk、Bit Fla sh、Corel、惠普、IBM、ILOG、INSO、Macromedia、微软、Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、S un、V i S i 0、施乐等,所以SVG不是一个私有格式,而是一个开放的标准。也就是说,它并不属于任何个体的专利,而是一个通过协作、共同开发的工业标准。
XAML
XAML是eXtensible Application Markup Language的英文缩写,它是微软公司为构建应用程序WPF/Silverlight用户界面而创建的一种新的描述性语言。
etc. 使用Expression Design可以将SVG转换为XAML。XAML不同于SVG,按照W3C的定义,SVG是“二维图形平台,包括两部分:基于XML的文件格式和为图形编程提供支持的可编程API”。然而XAML是基于XML的文件格式,不是API。XAML也支持譬如3D和控件,SVG却不支持这些。

保时捷之血统

很多时候,体验不一定是关于视觉的。
某些事物偶尔提醒我们,有更多的感受方式值得欣喜。
目前与收音机相伴的音频广告的荣耀,已经开始褪色,日益成为一个被遗忘的媒体。
而今的互联网确为音频提供一个新的舞台。
enjoy。

Black Mirror,多层次音效,自由控制体验。

Prosche Bloodlines,轰隆的引擎,暗示的动力。
porsche

用Expression Design绘制的WMP

这两天尝试用Expression套装里的矢量软件—-Design.
简单的画了一个Windows Media Player.–>DesignWMP源文件
使用中整体感觉还不错.基本上需要的效果可以达到.
可以很方便的导出XAML,并与Blend无缝结合.
暂时有以下几点不大满意:
1.网格的精度有待提高.参考线自动对齐不够灵敏.
2.自动绘制图像,即将JPG/GIF/PNG–>Design矢量,处理的效果很差..使很多资源无法导入使用.
3.导入的PNG图像,无法自动去除透明背景..
4.执行组合.解除组合(“ctrl+G””ctrl+shift+G”)命令后,软件无信息反馈,(虽然命令已执行).一般都需要重新确认一次..
5.当使用绘制一条线的同时缩放工作区,视觉上线不会相应的进行缩放,溢出工作区.(实际已执行).
有的媒体拿Design不支持CMYK开涮,是没有必要的.
Design与Illustrator等相比,前者应用只针对屏幕,无需印刷输出.
洪七的一帖中提到的一个工具,可以将AI导入XAML.
WMP by Deisgn Demo