Hello World
Spiga

WPF/E CTP Quick Start - 第六部分:图像(翻译)

2006-12-10 23:11 by 老赵, 2772 visits

Image元素能使您在WPF/E中显示位图信息。

这篇文档包含了以下部分:

 

Image元素

Image元素为您提供了一个简单的方法在WPF/E中显示JPG和PNG格式的图像。为了显示一副图像,您需要将Image对象的Source属性设置为图像文件。下面的例子使用了一个Image元素来显示一幅141x131的位图图像。因为没有指定Image元素的WidthHeight属性,这副图将以它的原始大小显示出来。

<Canvas Width="300" Height="300"
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Image Source="star.png" />
</Canvas>

重新开始查看内容

 

Stretch属性

Image元素的大小和位图信息的大小不同时,Stretch属性会决定这幅位图会如何进行缩放,以配合Image元素。Stretch元素可以使用以下值:None、Fill、Uniform、UniformToFill。下面的示例分别展示了None、Uniform和Fill的效果。

<Canvas Width="300" Height="300"
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Image Source="star.png" Stretch="None"
        Height="100" Width="200" Canvas.Left="100" />

    <Image Source="star.png" Stretch="Fill"
        Height="100" Width="200" Canvas.Top="100" Canvas.Left="100" />   
  
    <Image Source="star.png" Stretch="Uniform"
        Height="100" Width="200" Canvas.Top="200" Canvas.Left="100" /> 
     
    <TextBlock Canvas.Left="5" Canvas.Top="0">None</TextBlock>
    <TextBlock Canvas.Left="5" Canvas.Top="100">Fill</TextBlock>
    <TextBlock Canvas.Left="5" Canvas.Top="200">Uniform</TextBlock> 
</Canvas>

重新开始查看内容

您可以查看WPF/E SDK中有关Stretch属性的内容,以得到有关图像伸缩设置的更多信息。

 

使用位图的其它方法

有关如何使用ImageBrush对象将位图作为背景的更多内容,请查看“绘图与填充”。

 

下面该做什么呢?

在下一部分“文本”中,您会了解TextBlock元素的使用方式,它使您能够为WPF/E内容添加文本。

Creative Commons License

本文基于署名 2.5 中国大陆许可协议发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名赵劼(包含链接),具体操作方式可参考此处。如您有任何疑问或者授权方面的协商,请给我留言

Add your comment

12 条回复

  1. neuhawk
    *.*.*.*
    链接

    neuhawk 2006-12-11 13:06:00

    老赵好勤奋,看来偶以后都不用看英文了,直接等翻译
    :)

  2. 老赵
    admin
    链接

    老赵 2006-12-11 13:31:00

    @neuhawk
    目前找不到可写的题材,只能翻译一下找找感觉了:)

  3. childchen[未注册用户]
    *.*.*.*
    链接

    childchen[未注册用户] 2006-12-11 16:21:00

    Jeffrey,
    你好。我们出版社将要出版
    《Programming Windows Presentation Foundation 》
    by: Ian Griffiths, Chris Sells
    这本书的中文翻译版。不知道你对翻译是否感兴趣?
    你可以通过以下方式联系我。
    cjk@hzbook.com
    chenjikang@hotmail.com
    010-88379512
    期待你的消息

  4. 曲滨
    *.*.*.*
    链接

    曲滨 2006-12-11 16:26:00

    好多翻译点

  5. 580k[未注册用户]
    *.*.*.*
    链接

    580k[未注册用户] 2006-12-11 16:53:00

    使用580k.com帮您关注此blog更新

    580k是一种WEB形式的网页监控工具(网址:http://***/).所谓网页监控工具,用其首页的描述,就是:您关注的网页内容发生变化时,580k会将变化的内容用邮件通知您.
    580K作为WEB工具,其提供的功能是有实际应用的,相信一些需要每天关注大量信息的人,如公司老总、炒股者、网络编辑、情报员、论坛灌水爱好者、新闻评论员等,会非常喜欢使用它的.

  6. 老赵
    admin
    链接

    老赵 2006-12-11 17:34:00

    @childchen
    感觉这本书太旧了。:)

  7. 老赵
    admin
    链接

    老赵 2006-12-11 17:35:00

    @580k
    情报员?特工?

  8. 老赵
    admin
    链接

    老赵 2006-12-11 17:35:00

    @曲滨
    什么是“翻译点”?

  9. music000
    *.*.*.*
    链接

    music000 2006-12-11 19:20:00

    老赵:
    您好,能把英文文档地址告知吗?相对来说,还是喜欢看英文文档,
    等看不懂的时候,再来您这儿看看。 谢谢!

  10. 老赵
    admin
    链接

    老赵 2006-12-11 19:24:00

    @music000
    这些就是Quick Start阿。;)

  11. 星宿.NET
    *.*.*.*
    链接

    星宿.NET 2007-01-08 10:53:00

    老赵,问个问题,image都认什么格式的图片,只认png and jpg?gif and bmp不认吗?

  12. 老赵
    admin
    链接

    老赵 2007-01-08 20:19:00

    @星宿.NET
    都是可以的。:)

发表回复

登录 / 登录并记住我 ,登陆后便可删除或修改已发表的评论 (请注意保留评论内容)

昵称:(必填)

邮箱:(必填,仅用于Gavatar

主页:(可选)

评论内容(大于5个字符):

  1. Your Name yyyy-MM-dd HH:mm:ss

使用Live Messenger联系我