社区
WPF/Silverlight
帖子详情
如何自定自己的 loading bar ?
dui_cky
2010-08-26 11:26:23
打开一个silverlight程序的时候默认的 是
如何修改设置成自己想要的效果 ? 如图
期待解答中 ~~~
...全文
97
3
打赏
收藏
如何自定自己的 loading bar ?
打开一个silverlight程序的时候默认的 是 如何修改设置成自己想要的效果 ? 如图 期待解答中 ~~~
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xingjunli
2010-08-26
打赏
举报
回复
个人建议方案 通过动态加载的方式处理 参考:
动态加载Silverlight应用的dll文件(可实现插件功能)
1、自已构件一个很小的主XAP就是显示一个加载条(这样很快闪过MS默认的进度条,显示自定义进度条);
2、通过后台动态加载主的XAP完成后再显示了来
MicrosoftCenterOfHN
2010-08-26
打赏
举报
回复
前提条件,你的silverlight project要有一个website来host,创建sl应用程序时的默认选择.
1.创建你的加载页面。
在soulution explorer中的asp.net website中新加一个xaml页面,如DownloadingProgress.xaml,代码如下: 注意这里不支持Intellisense的,所以要认真写,这是我的布局,你可以适当调整,做出适合自己的。
<Grid
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<StackPanel VerticalAlignment="Center">
<Canvas Width="400" Height="50">
<Rectangle x:Name="progressBarBackground" Fill="White" Stroke="Black" StrokeThickness="1" Height="30" Width="200" Canvas.Left="100" Canvas.Top="10"></Rectangle>
<Rectangle x:Name="progressBar" Fill="Yellow" Height="28" Width="0" Canvas.Left="101" Canvas.Top="11">
</Rectangle>
</Canvas>
<TextBlock x:Name="progressText" HorizontalAlignment="Center" Text="0% downloaded ..."></TextBlock>
</StackPanel>
</Grid>
2.在你的asp.net website中的***TestPage.aspx中加一段js脚本如下:
<script language="javascript">
function onSourceDownloadProgressChanged(sender, eventArgs) {
sender.findName("progressText").Text =
Math.round((eventArgs.progress * 100)) + "% downloaded ...";
sender.findName("progressBar").Width =
eventArgs.progress * (sender.findName("progressBarBackground").Width-2);
}
</script>
3.在***TestPage.aspx中加参数,将加载页面和js脚本联系起来,如下:
<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/ProgressBar.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="splashscreensource" value="DownloadingProgress.xaml" />
<param name="onsourcedownloadprogresschanged" value="onSourceDownloadProgressChanged" />
<param name="minRuntimeVersion" value="4.0.50401.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration:none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>
</a>
</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>
这样就可以了。如有问题,再回贴问,先吃饭去了……
dui_cky
2010-08-26
打赏
举报
回复
感谢 MicrosoftCenterOfHN ,和 xingjunli 的回答 。 问题解决
MicrosoftCenterOfHN 的解决方案 运行效果如下
谢谢 ,xingjunli 提出的 建议方案 , 准备这样实现
Angular
Loading
Bar插件实战项目
本文还有配套的精品资源,点击获取 简介:本文档提供了Angular
Loading
Bar插件的0.4.2版本源代码。Angular
Loading
Bar是一款用于AngularJS应用的加载条组件,它能够自动跟踪页面请求并在加载过程中显示进度条,从而提升用户体验。该插件适用于包含多个异步数据请求的应用场景。此外,本简介还提到了基于Pegdown的Markdown解析服务...
Unity |
Loading
Bar 如何制作一个进度条
文字教程 Implementing a
Loading
Bar in Unity 视频教程 How to make a
LOADING
BAR in Unity (youtube) 1 设置场景 在 Scene 文件夹中新建两个场景,分别命名为 LoadLevel 和 Level 1, LoadLevel 为开始的场景, Level 1 为需要加载的场景 添加场景, 导航栏 file - >...
Android
自定
义
Loading
ProgressBar
Header 看见一些
loading
,有时候对于刚入门的开发者来说,当产品中有一些效果需求时,一般会找找别人写的,那么就分享下关于
loading
和progressbar的
自定
义,看完就会,很简单,也就不再需要用别人的了,看效果吧 关于
自定
义控件的一些知识点网上可以搜搜。 CircleProgressBarTextProgressBarWaterRippleProgressBa...
js spin 加载动画(
loading
)
js spin 加载动画 最近做页面ajax加载是又用到
loading
动画,还好有一个spin.js 具体的包大家可以去http://fgnass.github.com/spin.js/下载, 如果想在页面里出现
loading
动画,大家只要这么做就可以了 首先页面里要有:<div class="w-load"><div class="spin"></div&g...
Easyui datagrid 添加
自定
义
loading
效果 附效果图
Easyui datagrid 添加新
loading
遮罩,并隐藏原生的
loading
datagrid自带的
loading
在Easyui官方文档中,datagrid有一个默认的属性。可查看:Easyui官方中文文档。 官方文档中datagrid中有一个loadMsg属性,其描述是:在从远程站点加载数据的时候显示提示消息。默认会显示一个Processing, please wait … 但是这并不是我们想要的,下面的方法是利用Easyui messager消息窗口创建数据加载的显示内容。 在前台展示重
WPF/Silverlight
8,756
社区成员
12,030
社区内容
发帖
与我相关
我的任务
WPF/Silverlight
WPF/Silverlight相关讨论
复制链接
扫一扫
分享
社区描述
WPF/Silverlight相关讨论
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章