ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 用XAML做网页!!—终结篇

用XAML做网页!!—终结篇

原创 Linux操作系统 作者:斯克迪亚 时间:2008-08-30 09:04:08 0 删除 编辑

 

 

    迄今为止的设计都很顺利,但这次就不得不接触我前面所说的非常糟糕的流文档了,但在此之前先来把标题弄好:

     

     

       

           

               

               

           

       

        MailMail简介

     

    效果:

     

     

    接下来就是流文档嵌入工作了,还记得之这篇文章中编辑的流文档吗?我的计划是使用一个Frame元素嵌入这个流文档,Frame元素类似于网页中的iFrame,相当于内嵌的一个小浏览器,Frame可以进行导航,这样在需要时可以通过超链接来导航以显示各个频道的内容。

     

    现在就插入一个Frame元素到标题下面:

     

     

     

    Source指向了我们以前编辑的那个流文档,这看起来很好,但是如果你在IE中预览它的效果的话,你就会震惊了:

     

     

    再往下看:

     

     

    如果非要我用一个字来作出评价,还不允许带脏字的话,那就是“惨”。

     

    我尝试过很多方法进行调整,比如列宽、列间距等等,均告无效,它始终都会以如此糟糕的形态出现。

     

    分析其原因:

     

    流文档的默认阅读器是FlowDocumentReader,这种阅读器过分复杂,并且我感觉很不完善。解决办法只能是在流文档文件中,为文档套上我们想要使用的阅读器FlowDocumentPageViewer,天哪,这令我作呕,我还怎么在多处重用流文档?

     

    但这样问题还未解决,文档被嵌入后仍然不能横向充满容器。

     

    这是因为我们的Frame没有固定的尺寸,被嵌入的流文档智商很低,无法跟随Frame进行伸缩,所以始终保持在一个窄小的横向空间中。解决方法还是用的一个龌龊的偏方,将Frame的宽度绑定到上层容器的实际宽度属性上:Width="{Binding ElementName=Content,Path=ActualWidth}"。

     

    这方法有个后遗症,就是假如你浏览器宽度在阅览期间一直不变或者只是增大,那不会产生问题,但如果你尝试在阅读时缩小浏览器宽度,那么页面不会随之缩小。

     

    WPF的液态布局中容器与内容间无法统一的缺陷真是太糟糕了,至少我一直都没找到优雅的方法。

     

    除此之外,还有一点让人不可理解,就是在此页面定义的样式不会影响到内嵌的流文档,也就是说想定义样式就必须得在流文档里定义,这再次粉碎了我重用流文档的念头。

     

    经过一番痛苦的蹂躏,先前的流文档被修改为这样:

     

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

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

       

           

           

            <!--MailMail字符突出显示样式-->

           

               

               

               

           

                    <!--超链接样式-->

                   

                        <!--设置单击超链接的事件处理程序-->

                       

                        <!--清除文字修饰(去掉下划线)-->

                       

                       

                           

                               

                                <!--在鼠标悬停时显示下划线-->

                               

                                   

                                       

                                           

                                       

                                   

                               

                           

                       

                   

                    <!--段落样式-->

                   

                       

                   

               

        <!--内容-->

       

            <!--内嵌环绕区域-->

           

                <!--流文档内的控件容器-->

               

                    <!--一个带边框的图片-->

                   

                        http://images.cnblogs.com/cnblogs_com/skyd/8.jpg" Stretch="UniformToFill" />

                   

               

           

            <!--Run,内联字符串,貌似和使用Span没什么区别,相当于HTML的-->

            MailMail 是一款独特的邮件发送工具,或许它独特到你从未感受过的地步,它可使你通过轻松、简单、愉快的操作完成日常邮件发送操作,当然,它肯定不是因“会发邮件”而独特,而是在于“怎么发”,相信我,你一定要自己来感受一下。

       

       

            通过

            MailMail ,你可以达成很多你所未曾尝试的邮箱应用,如备份文件、分享音乐、分发资料、提交工作文档、群发消息等,

            MailMail 提供了巧妙的选项设置及完善的配置系统让你得心应手地做这些事。

       

       

            当然,好东西也有坏处:

            MailMail 会让你的邮件服务商头大,因为他们许诺的1G、2G、5G空间可能都要被你充分利用掉。是的,你有很高几率发上瘾,就像一句老话:“一发不可收拾”。

       

       

            <!--LineBreak,换行符,相当于HTML的
    -->

           

            相关网址:

       

        <!--List,列表,相当于HTML的

      -->

         

              <!--ListItem,列表项,相当于HTML的

    • -->

             

                 

                      <!--Hyperlink,超链接,相当于HTML的-->

                      介绍及帮助:http://www.cnblogs.com/SkyD/archive/2008/08/09/1264083.html%22%3ehttp:/www.cnblogs.com/SkyD/archive/2008/08/09/1264083.html%3c/Hyperlink>

                 

             

             

                 

                      问题反馈及建议提交:http://www.cnblogs.com/SkyD/articles/1264078.html%22%3ehttp:/www.cnblogs.com/SkyD/articles/1264078.html%3c/Hyperlink>

                 

             

             

                 

                      更新信息及下载:http://www.cnblogs.com/SkyD/articles/1264080.html%22%3ehttp:/www.cnblogs.com/SkyD/articles/1264080.html%3c/Hyperlink>

                 

             

         

         

       

      请将这个保存为Info.xaml,然后将Fream元素也修改一下:

       

       

      效果:

       

       

      源文件下载

       

      总结

       

      可以看到,一帆风顺的设计伴随着一个糟糕的结局结束了,流文档让我大失所望,液态布局存在巨大缺陷。

       

      流文档如果不能很好的重用,那么它的意义非常渺小。

       

      液态布局中容器和内容的尺寸冲突很可能是设计上的BUG,它们本应该通过公开的依赖属性来完美协调,但是它们根本没有那么做。

       

      我希望这些只是因为我的用法不对而造成的结果,期待能有高手指出优雅的解决方式,如果无人能予以解决,那只能寄希望于微软完善了。

    10474909_200808300904231.jpg

    10474909_200808300904232.gif

    10474909_200808300904233.jpg

    10474909_200808300904234.gif

    10474909_200808300904235.jpg

    10474909_200808300904236.jpg

    10474909_200808300904237.jpg

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/10474909/viewspace-438994/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
暂无介绍

注册时间:2008-08-14

  • 博文量
    40
  • 访问量
    669473