雅博

思慢行远，君子慎独

日志

关于我

雅博

积极的东西推动社会进步,消极的东西维系着社会平衡,不至于让整个社会体系崩溃。负面情绪不能无限制的发展,过犹不及。毁灭人类的决不是人类的野心,而是控制野心的能力失控。

文章分类

26.图形的操作

2009-11-13 17:21:15| 分类： WPF | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

1、使用BitmapImage加载图片

2、使用RenderTargetBitmap创建图片

3、使用RenderTargetBitmap修改图片

本文继续

4、使用WriteableBitmap修改图片

在使用RenderTargetBitmap修改图片中，原图片不变，只相当于在原图片的基础上添加一节新的内容，而如果对图片进行大的更改RenderTargetBitmap就不可以了，我们可以使用WriteableBitmap对图片进行修改，例如将生成一个返向位图：

   1: <Window x:Class="WPF_28.Window1"

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

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

   4:     Title="Window1" Height="300" Width="300" Loaded="Window_Loaded">

   5:     <Grid>

   6:         <Grid.RowDefinitions>

   7:             <RowDefinition Height="1*" />

   8:             <RowDefinition Height="1*" />

   9:         </Grid.RowDefinitions>

  10:         <Image Grid.Row="0" x:Name="sourceImage" Source="http://images.cnblogs.com/logo.gif" />

  11:         <Image Grid.Row="1" x:Name="targetImage" />

  12:     </Grid>

  13: </Window>

   1: private void BuildImage()

   2: {

   3:     BitmapImage img = new BitmapImage();

   4:     img.BeginInit();

5:

   6:     img.UriSource = new Uri("http://images.cnblogs.com/logo.gif");

7:

   8:     img.DownloadCompleted += delegate

   9:     {

  10:         BitmapSource source = new FormatConvertedBitmap(

  11:             img, PixelFormats.Pbgra32, null, 0);

12:

  13:         WriteableBitmap bmp = new WriteableBitmap(source);

14:

  15:         int width = bmp.PixelWidth;

  16:         int height = bmp.PixelHeight;

17:

  18:         int[] pixelData = new int[width * height];

  19:         int widthInBytes = 4 * width;

20:

  21:         bmp.CopyPixels(pixelData, widthInBytes, 0);

22:

  23:         for (int i = 0; i < pixelData.Length; i++)

  24:         {

  25:             pixelData[i] ^= 0x00ffffff;

  26:         }

27:

  28:         bmp.WritePixels(new Int32Rect(0, 0, width, height), pixelData, widthInBytes, 0);

29:

  30:         targetImage.Source = bmp;

  31:     };

32:

  33:     img.EndInit();

  34: }

35:

  36: private void Window_Loaded(object sender, RoutedEventArgs e)

  37: {

  38:     BuildImage();

  39: }

执行后的结果如下图所示：

5、图像效果

所有的用户界面元素都有BitmapEffects属性，可以对其内部的内容（不仅是图片）实现某些特殊的效果，例如：

   1: <Window x:Class="WPF_28.Window2"

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

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

   4:     Title="Window2" Height="300" Width="300">

   5:     <Grid>

   6:         <Grid.RowDefinitions>

   7:             <RowDefinition />

   8:             <RowDefinition />

   9:             <RowDefinition />

  10:             <RowDefinition />

  11:             <RowDefinition />

  12:             <RowDefinition />

  13:             <RowDefinition />

  14:         </Grid.RowDefinitions>

  15:         <Grid.ColumnDefinitions>

  16:             <ColumnDefinition Width="3*" />

  17:             <ColumnDefinition Width="7*" />

  18:         </Grid.ColumnDefinitions>

19:

  20:         <TextBlock Grid.Row="0" Grid.Column="0"

  21:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="原图" />

  22:         <Image Grid.Row="0" Grid.Column="1" Margin="5" Source="cnblogs.gif" />

23:

  24:         <TextBlock Grid.Row="1" Grid.Column="0"

  25:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="模糊效果" />

  26:         <Image Grid.Row="1" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  27:             <Image.BitmapEffect>

  28:                 <BlurBitmapEffect />

  29:             </Image.BitmapEffect>

  30:         </Image>

31:

  32:         <TextBlock Grid.Row="2" Grid.Column="0"

  33:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="光晕效果" />

  34:         <Image Grid.Row="2" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  35:             <Image.BitmapEffect>

  36:                 <OuterGlowBitmapEffect />

  37:             </Image.BitmapEffect>

  38:         </Image>

39:

  40:         <TextBlock Grid.Row="3" Grid.Column="0"

  41:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="阴影效果" />

  42:         <Image Grid.Row="3" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  43:             <Image.BitmapEffect>

  44:                 <DropShadowBitmapEffect />

  45:             </Image.BitmapEffect>

  46:         </Image>

47:

  48:         <TextBlock Grid.Row="4" Grid.Column="0"

  49:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="浮雕效果" />

  50:         <Image Grid.Row="4" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  51:             <Image.BitmapEffect>

  52:                 <BevelBitmapEffect />

  53:             </Image.BitmapEffect>

  54:         </Image>

55:

  56:         <TextBlock Grid.Row="5" Grid.Column="0"

  57:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="浮雕效果2" />

  58:         <Image Grid.Row="5" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  59:             <Image.BitmapEffect>

  60:                 <EmbossBitmapEffect />

  61:             </Image.BitmapEffect>

  62:         </Image>

63:

  64:         <TextBlock Grid.Row="6" Grid.Column="0"

  65:                    VerticalAlignment="Center" HorizontalAlignment="Right" Text="组合效果" />

  66:         <Image Grid.Row="6" Grid.Column="1" Margin="5" Source="cnblogs.gif">

  67:             <Image.BitmapEffect>

  68:                 <BitmapEffectGroup>

  69:                     <BlurBitmapEffect Radius="1" />

  70:                     <OuterGlowBitmapEffect GlowColor="Red" />

  71:                 </BitmapEffectGroup>

  72:             </Image.BitmapEffect>

  73:         </Image>

  74:     </Grid>

  75: </Window>

6、使用TransformedBitmap实现图片的旋转

   1: <Image Source="cnblogs.gif" Margin="60">

   2:     <Image.RenderTransform>

   3:         <TransformGroup>

   4:             <ScaleTransform ScaleX="1" ScaleY="1"/>

   5:             <SkewTransform AngleX="-30" AngleY="0"/>

   6:             <RotateTransform Angle="-33"/>

   7:         </TransformGroup>

   8:     </Image.RenderTransform>

   9: </Image>

评论这张

转发至微博

阅读(849)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_083065084086083075082086094095085086082064086080086066',
              blogTitle:'26.图形的操作',
              blogAbstract:'<h5\>1、使用BitmapImage加载图片</h5\>\r\n<h5\>2、使用RenderTargetBitmap创建图片</h5\>\r\n<h5\>3、使用RenderTargetBitmap修改图片</h5\>\r\n<p\>本文继续</p\>\r\n<h5\>4、使用WriteableBitmap修改图片</h5\>\r\n<p\>在使用RenderTargetBitmap修改图片中，原图片不变，只相当于在原图片的基础上添加一节新的内容，而如果对图片进行大的更改RenderTargetBitmap就不可以了，我们可以使用WriteableBitmap对图片进行修改，例如将生成一个返向位图：</p\>\r\n<div\>\r\n<div\></div\></div\>',
              blogTag:'',
              blogUrl:'blog/static/103326012009101352115320',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:0,
              publishTime:1258104075320,
              permalink:'blog/static/103326012009101352115320',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'积极的东西推动社会进步,消极的东西维系着社会平衡,不至于让整个社会体系崩溃。负面情绪不能无限制的发展,过犹不及。毁灭人类的决不是人类的野心,而是控制野心的能力失控。',
              hmcon:'0',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/103326012009101352115320">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

雅博

导航

日志