博客园_安静的角落

未能分配给属性“System.Windows.ResourceDictionary.Source”

2011-12-14T06:37:00Z

昨天下午也在报这个错误

昨晚搞几小时,上午调两个来小时,

结果才发现是路径的问题

我日!

发生了 System.Windows.Markup.XamlParseException
Message=未能分配给属性“System.Windows.ResourceDictionary.Source”。 [Line: 24 Position: 36]
LineNumber=24
LinePosition=36
StackTrace:
位于 System.Windows.Application.LoadComponent(Object component, Uri resourceLocator)
位于 ESRI.SilverlightViewer.App.InitializeComponent()
位于 ESRI.SilverlightViewer.App..ctor()
InnerException:

加载XAML文件时,就在报错!

未能分配给属性“System.Windows.ResourceDictionary.Source”

结果找到了,是路径的问题App.XAML里面的文件

<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/ESRI.SilverlightViewer;component/Themes/PrintMapPage.xaml" />
<ResourceDictionary Source="/ESRI.SilverlightViewer;component/Themes/MapNavigator.xaml" />
<ResourceDictionary Source="/ESRI.SilverlightViewer;component/Themes/LargeBlueWave.xaml" />
</ResourceDictionary.MergedDictionaries>

文件夹Themes下的文件不存在@@@

我勒个去!

本文链接

RadialGradientBrush使用随笔

2011-12-11T04:11:00Z

RadialGradientBrush使用的是与LinearGradientBrush一样的比例坐标系统,

如下图所示

RadialGradientBrush主要有三个属性:

Center:默认为(0.5,0.5)圆的中央,渐变的开始点

RadiusY:Y轴半径的比例

RadiusX:X轴半径的比例

GradientOrigin:单词直译为渐变原点,它主要负责渐变的偏移,

一般情况下,我都是保持Center不变,然后改变此值

截图:

XAML代码:

源码:

Download

本文链接

控制Storyboard播放

2011-12-10T14:03:00Z

无废话,直接上代码

XMAL代码:

C#代码

public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}

private void Storyboard_CurrentTimeInvalidated(object sender, EventArgs e)
{
Clock storyboardClock = sender as Clock;
if (storyboardClock.CurrentProgress != null)
{
myTextBlock.Text = storyboardClock.CurrentTime.ToString();
myProgressBar.Value = (double)storyboardClock.CurrentProgress*100;(注意这儿storyboardClock.CurrentProgres值范围是0至1)
System.Diagnostics.Debug.WriteLine(myProgressBar.Value);
}
else
{
myProgressBar.Value = 0;
myTextBlock.Text = "Stopped";
}
}
}

截图:

源码:

Download

本文链接

Storyboard使用随笔

2011-12-10T12:14:00Z

Sliverlight情景下使用

方法一、使用VisualStateManager 技术，调用 GoToState()

XAML代码:

C#代码:

private void Button_Click(object sender, RoutedEventArgs e)
{
System.Windows.VisualStateManager.GoToState(this, "Changed", true);
}

方法二、将Storyboard放在页面 Resources

XAML代码:

C#代码:

private void Button_Click(object sender, RoutedEventArgs e)
{
Storyboard sb = LayoutRoot.Resources["myButtonChanged"] as Storyboard;
sb.Begin();
}

WPF情景下使用

方法一,事件触发器

方法二,样式触发器

源码

本文链接

.XamlReader.Load()解决给定编码中的字符无效与无法创建未知类型

2011-11-30T08:05:00Z

为实现ArcGIS地图上标绘标注信息,如下图红色框选中部份

这个边框效果需要引用DLL:Microsoft.Expression.Drawing

与XAML的命名空间:http://schemas.microsoft.com/expression/2010/drawing

加载的XAML标签为:

用如下方法,报错:

string strXaml = "<ControlTemplate xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\" xmlns:ed=\"http://schemas.microsoft.com/expression/2010/drawing\" > <ed:Callout AnchorPoint=\"0.139,1.462\" CalloutStyle=\"Oval\" Content=\"提示\" Margin=\"0\" Stroke=\"#FF2E50BA\" Fill=\"#FFF5F4F4\" StrokeThickness=\"1\" Width=\"100\" Height=\"60\"/> </ControlTemplate>";
_markerSymbol.ControlTemplate = (ControlTemplate)System.Windows.Markup.XamlReader.Parse(strXaml);

无法创建未知类型“{http://schemas.microsoft.com/expression/2010/drawing}Callout”。

原本以为在工作里面引用DLL:Microsoft.Expression.Drawing

和在页面加命名空间:xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"

还是不能解决问题,继续报错

后来在网上搜索到,这个解决办法,使用ParserContext(类描述为: 提供 XAML 分析器所需的上下文信息。)

通过引用外部的DLL

代码如下:

ParserContext pc = new ParserContext();
pc.XamlTypeMapper = new XamlTypeMapper(new string[] { });
pc.XamlTypeMapper.AddMappingProcessingInstruction("http://schemas.microsoft.com/expression/2010/drawing", "Microsoft.Expression.Controls", "Microsoft.Expression.Drawing");
pc.XmlnsDictionary.Add("ed", "http://schemas.microsoft.com/expression/2010/drawing");
string strXaml = "<ControlTemplate xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\" xmlns:ed=\"http://schemas.microsoft.com/expression/2010/drawing\" > <ed:Callout AnchorPoint=\"0.139,1.462\" CalloutStyle=\"Oval\" Content=\"提示\" Margin=\"0\" Stroke=\"#FF2E50BA\" Fill=\"#FFF5F4F4\" StrokeThickness=\"1\" Width=\"100\" Height=\"60\"/> </ControlTemplate>";
_markerSymbol.ControlTemplate = (ControlTemplate)System.Windows.Markup.XamlReader.Parse(strXaml,pc);

这个办法在加载的XAML标签中没有中文的情况下,没有问题,

有中文的话,又报错啦......

给定编码中的字符无效。

纠结了很久找到了正确的解决办法

关键是这句:

new MemoryStream(Encoding.UTF8.GetBytes(strXaml))将编码转换成UTF-8的流文件

本文链接

Jquery判断浏览器类型

2011-09-26T07:35:00Z

jQuery.browser

浏览器内核标识。依据 navigator.userAgent 判断。

可用值:

safari

opera

msie

mozilla

此属性在 DOM 树加载完成前即有效，可用于为特定浏览器设置 ready 事件。

浏览器对象检测技术与此属性共同使用可提供可靠的浏览器检测支持。

苹果的Safari、谷歌的Chrome浏览器都是基于WebKit 这个框架来开发的

因此对于这Chrome浏览器,可以使用以下方法判断

if ($.browser.Webkit) {
alert("this is safari or Chrome!");
}

本文链接

ie中jQuery无法解析xml文件的解决方案[转帖]

2011-03-10T08:42:00Z

功能描述：使用jQuery解析已经定义好内容的xml文件

1.xml文件:menu.xml

<?xml version="1.0" encoding="gb2312"?>
<menus>
    <menu>
        <id>1</id>
        <name>system</name>
        <parentId>0</parentId>
        <target>mainFrame</target>
        <url></url>
    </menu>
    <menu>
        <id>2</id>
        <name>company</name>
       <parentId>1</parentId>
        <target>mainFrame</target>
        <url></url>
    </menu>

</menus>

2.自定义js文件解析xml文件:index.js

$(document).ready(function(){
    $.ajax({
           url:"xml/menu.xml ",
           type:"POST",
           dataType:"xml",
           success:function(data){
                      $(data).find("menu").each(function(){

                               alert("success");
                               alert($(this).text());
                      });
           },
           error:function(data){
                    alert("fail:");
           }
    });
});

3.新建index.html文件引入jQuery.js、xml文件及index.js文件，在ie中（任何版本）运行index.html，结果总是弹出“fail”，但是在Firefox中的结果却是“success”。

在网上搜了很多资料，最后在这篇文章http://www.newmediafun.com/2009/07/parsing-xml-with-jquery-in-internet-explorer/上找到了解决方案。是因为ie中的限制无法正确解析xml文件，它解析出的是一个text对象(在我引用的文章中有更详细的解释)所以针对这个加入判断就可以解决了

正确代码index.js

$(document).ready(function(){
    $.ajax({
         url:"xml/menu.xml",
         type:"POST",
         dataType:($.browser.msie) ? "text" : "xml",
         success:function(data){
                var xml;
                if( typeof data == "string" ){
                         xml = new ActiveXObject("Microsoft.XMLDOM");
                         xml.async = false;
                        xml.loadXML(data);
                } else {
                         xml = data;
                }
              $(xml).find("menu").each(function(){

                  alert("success");
                  alert($(this).text());
              });
        },
       error:function(data){
               alert("fail:");
      }
    });
});

转自:http://www.javaeye.com/topic/691167

本文链接

Juqery中serialize方法

2011-03-06T07:48:00Z

首先建立一个Ajax接受页面,暂时使用GET方式获取数据,后台代码如下:

namespace WebApp
{
public partial class Index1Ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(GetRequestParamByGET("UserName"));
Response.End();
}
/// <summary>
/// 获取GET方式传入的参数
/// </summary>
/// <param name="strKey">参数名</param>
/// <returns></returns>
private string GetRequestParamByGET(string strKey)
{
string strTemp = string.Empty;
if (Request.QueryString[strKey]!=null)
{
strTemp = Request.QueryString[strKey];
}
else
{
strTemp = "未传入参数:["+strKey+"]";
}

return strTemp;

}
}
}

一般情况下我们这样使用AJAX方法,代码如下

注意这句代码:

data: { UserName: $("#txtUserName").val() },

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery序列化元素DEMO1</title>
<script src="Public/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btnSave").click(function() {
$.ajax({
type: "GET",
url: "Index1Ajax.aspx",
data: { UserName: $("#txtUserName").val() },
beforeSend: function() {
$("#divResult").html("数据加载中请稍候.....");
},
success: function(data, textStatus) {
alert("操作成功返回数据:" + data);
$("#divResult").html(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("操作失败返回XMLHttpRequest:" + XMLHttpRequest.readyState);
alert("操作失败返回状态:" + textStatus);
alert("操作失败返回errorThrown:" + errorThrown);
},
complete: function(XMLHttpRequest, textStatus) {
alert("操作完成返回XMLHttpRequest:" + XMLHttpRequest.readyState);
alert("操作完成返回状态:" + textStatus);
}
});
});
});
</script>

</head>
<body>
<form id="form1" action="#">
<p>
Serialize方法示例:</p>
<p>
姓名:
<input id="txtUserName" type="text" name="UserName" /></p>
<p>
<input id="btnSave" type="button" value="提交" /></p>
<p>
</p>
<div id="divResult" style="color: Red;">
</div>
</form>
</body>
</html>

这种方式在只有少量表单元素的时候,还可以使用,如果表单元素过多的话,就会重复性动作太多...

所以就有了serialize()方法

着重注意:

data: $("#form1").serialize(),

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery序列化元素DEMO1</title>

<script src="Public/jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#btnSave").click(function() {
$.ajax({
type: "GET",
url: "Index1Ajax.aspx",
data: $("#form1").serialize(),
beforeSend: function() {
$("#divResult").html("数据加载中请稍候.....");
},
success: function(data, textStatus) {
alert("操作成功返回数据:" + data);
$("#divResult").html(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("操作失败返回XMLHttpRequest:" + XMLHttpRequest.readyState);
alert("操作失败返回状态:" + textStatus);
alert("操作失败返回errorThrown:" + errorThrown);
},
complete: function(XMLHttpRequest, textStatus) {
alert("操作完成返回XMLHttpRequest:" + XMLHttpRequest.readyState);
alert("操作完成返回状态:" + textStatus);
}
});
});
});
</script>

</head>
<body>
<form id="form1" action="#">
<p>
Serialize方法示例:</p>
<p>
姓名:
<input id="txtUserName" type="text" name="UserName" /></p>
<p>
<input id="btnSave" type="button" value="提交" /></p>
<p>
</p>
<div id="divResult" style="color: Red;">
</div>
</form>
</body>
</html>

serialize()方法作用于一个jquery对象,它能够将DOM元素内容序列化字符串

也可对中文字符解决编码问题造成的乱码

如$("#txtUserName").val().serialize();

附件地址:

http://files.cnblogs.com/liangwei389/Jquery%e5%ba%8f%e5%88%97%e5%8c%96%e5%85%83%e7%b4%a0.rar

本文链接

background-position 用法详细介绍[转帖]

2011-01-20T07:45:00Z

background-position 用法详细介绍

语法：
background-position : length || length
background-position : position || position
取值：
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : top | center | bottom | left | center | right

说明：
设置或检索对象的背景图像位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center ，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition。

注：本文中使用的图片大小为 300px*120px，为了能很清晰的表达图形的哪部分被隐藏了，按照图片的大小平均分成了9等份。同时背景图片容器区域绘制出绿色边框清晰显示容器的范围。
1、background-position:0 0;
背景图片的左上角将与容器元素的左上角对齐。该设置与background-position:left top;或者background-position:0% 0%;设置的效果是一致的。例如：

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll 0 0;
        border:5px solid green;
    }

效果如下图1：

图 1

2、该属性定位不受对象的补丁属性( padding )设置影响。

例如，我们给容器元素增加padding值，背景图片的左上角还是与容器元素的左上角对齐。在此处只是影响到了容器元素的高度和宽度。

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll 0 0;
        border:5px solid green;
        padding:50px;
    }

效果如图2：

图 2

3、background-position:-70px -40px;

图片以容器左上角为参考向左偏移70px，向上偏移 40px，示例：

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll -70px -40px;
        border:5px solid green;
    }

效果如图3：

图 3

4、background-position:70px 40px;

图片以容器左上角为参考向右偏移70px，向下偏移 40px，示例：

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll 70px 40px;
        border:5px solid green;
    }

效果如图4：

图 4

5、background-position:50% 50%;

图片水平和垂直居中。与 background-position:center center;效果等同。

等同于x：{容器(container)的宽度—背景图片的宽度}*x百分比，超出的部分隐藏。
等同于y：{容器(container)的高度—背景图片的高度}*y百分比，超出的部分隐藏。

例如： .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll 50% 50%;
        border:5px solid green;
    }

其x=(300-210)*50%=45px;

y=(150-120)*50%=15px;

效果如图5：

图 5

由于超出部分别往两端延伸，所以我们可以先制作一张宽度足够宽图片设置水平值为50%，这样可以用来适应不同的浏览器，使得图片水平充满浏览器窗口并且居中。替代margin:50 auto的功能。

6、background-position:-50% -50%;

等同于x：-{容器(container)的宽度—背景图片的宽度}*x百分比，超出的部分隐藏。
等同于y：-{容器(container)的高度—背景图片的高度}*y百分比，超出的部分隐藏。

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll -50% -50%;
        border:5px solid green;
    }

效果如图6：

图 6

7、background-position:100% 100%;

图片处于容器元素的右下角，与 background-position:right bottom;效果等同。

示例：

    .container{
        width:300px;
        height:150px;
        background:transparent url(bg.jpg) no-repeat scroll 100% 100%;
        border:5px solid green;
    }

效果如图7：

图 7

转自:http://www.cnblogs.com/huazaizai/archive/2010/11/03/1867907.html

本文链接

HTML中，表格中禁止换行，td的nowrap属性[转帖]

2011-01-11T09:59:00Z

属性表示禁止单元格中的文字自动换行。
但使用时要注意的是，td元素中nowrap属性的行为与td元素的width属性有关。
如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。

本文链接