对“磁贴”的理解是一点也不抽象的,为什么呢?只要你愿意启动WP系统,无论你是在模拟器中还是在真机中,是的,桌面上那一块块像地板的玩意儿,就是磁贴了。
(图:磁贴)
在上图中,我们很直观地看到磁贴图块的“真”面目,呵呵,其实很明显,这个设计真的很有个性,老实说,WP刚推出的时候,很多人说它这个那个的,其实这些人只过是起起哄罢了。
我是挺喜欢桌面上那一块块的图块的,这也是WP第一次给我留下的深刻印象,毕竟在安卓和IOS上,我们看到的都是传统手机的图标显示方式,而WP总让我觉得很有个性。
好的,看完了整体的,我们来看看局部的,好吗?别小看这些正方形的图块,里面可是大有文章的哦。不信?一起去瞧瞧。
磁贴的一个图块基本上由三个元素组成——背景图,标题文字以及计数器,嗯,当然了,图块最有意思的地方,就是它有正反两面。
下图为图块正反两面的元素组成结构图。
=> 磁贴的分类。
磁贴分为应用程序磁贴和次要磁贴。
好不好理解呢?好,首先我们看看应用程序磁贴,它是指通过用户应用程序列表中长按应用程序来把应用程序固定到“开始”屏幕。
那么,如何删除呢?在“开始”屏幕上找到你要移除的图块,长按,图块左上角会出现一个小图标,我们点击这小图标即可移除该磁贴。当然了,如果你想把移动到其它位置,在此时,你只需把图标拖到对应的位置,然后在桌面上随便点一下即可完成移动操作。
次要磁贴就是相对于刚才的上面的应用程序磁贴而言的,它是由应用程序通过特定参数创建的,说直接一点嘛,就是通过我们开发者,用代码来创建的。
这个好比我们Windows桌面上的快捷方式,有的是直接指向可执行程序的,而有的是应用程序创建的,它后面带了命令行参数。举个例子吧,最典型的要数IE了,我经常上新浪微博,我希望在桌面上创建一个IE的快捷方式图标,双击运行IE的时候新打开新浪微博主页,那怎么做呢?请看下图。
这样一来,你双击快捷方式启动IE就自动打开新浪微博首页。呵呵,次要磁贴也和这相类似。
=> 动手实战。
下面,我们一起来动手做一个稍微综合一点的例子,嗯,现在,你可以坐下来,先喝几口奶茶,然后启动VS,新建一个WP项目。
界面布局大致如下,你可以自由发挥。
准备好两张美图,图片内容你喜欢,但要键康哦,尺寸为173*173像素,.jpg或.png都行,一张作为磁贴的正面背景,另一张作为磁贴的背面背景。
注意:把图片的生成操作改为“内容”。
当然,为了方便大家练习参考,我把XAML贴出来,希望大家不要直接复制,而是认认真真的在VS里面输一遍,要多写代码多练习才会找到感觉的哦。
好的,最后,当然是把C#代码也写完。
示例中我们重点是使用了ShellTile类,它并不复杂,成员不多,大家多玩几次就熟了。
运行之后,我们在“开始”屏幕中创建我们的磁贴,然后回到桌面,我们盯着它别动,你会发现,它的正面与反面会每隔几秒钟自动轮回切换。
分享到:
相关推荐
windows phone 8动态磁贴,实现flip, ironic, cycle三种磁贴的动态创建
需要从8858先升级到8860,在从8860升级到8862 windows7下测试通过,Windows 8下会报错!需要先安装驱动程序! 更新 7.10.8862.144: • 开始屏幕:提供可调整大小的小、中、大动态磁贴,以便您以全新方式自定义...
The tile template catalog (Windows Store apps)
XIU2 / TileTool Windows10磁贴美化小工具最近体验了下Win10 2004的新版磁贴(开启方法见网盘),统一背景颜色为主题色,磁贴半透明,感觉还不错。于是我闲的没事用C#合并并初始化了磁贴美化小工具(虽然也没人看)...
Win10 磁贴修改工具 可以让你自定义磁贴,满足强迫症需求
WP8动态磁贴示例源码 功能介绍: windows phone 8动态磁贴,实现flip, ironic, cycle三种磁贴的动态创建 对研究windowsphone8的很有帮助。
一个win10磁贴美化工具 我的第一个C#开源程序,代码量达到1700行 请原谅本人英语渣,变量命名都用的中式英语chinglish 功能 自定义磁贴背景颜色 自定义磁贴文字颜色(黑、白) 显示\隐藏磁贴文字 图片裁切,制作拼图...
仿win8磁贴响应式图片展示html5模板_黑色 灰色 仿win8 仿windows8 metro界面 磁贴 动画 导航 个性 仿win8磁贴响应式图片展示html5模板_黑色 灰色 仿win8 仿windows8 metro界面 磁贴 动画 导航 个性
黑色个性仿Windows 8 Metro界面网站模板_黑色 个性 窄 相册 摄影 简历 案例 metro界面 windows8 磁贴 交互.rar
ngTile 请看一下以查看带有详细标记,脚本和选项的示例。依存关系要使程序包正常运行,需要以下依赖项: v1.2.x v3.x v4.x(可选)安装npm 最简单的安装方法是通过npm npm install --save ngTile Unpkg CDN 链接到...
一个磁贴(Tile)包含多个磁贴项目(TileItem) * 2.TileItem其实封装的图片和坐标 * 3.当调用Tile的构造方法时就会启动计时(间隔时间后开始滚动图片) * 使用: * 1.声明一个LinkedList<TileItem> ...
Android两级磁贴列表,拥有完美的不同级磁贴互相接触推动的效果,适合多级分类嵌套展示
主要介绍了使用JS配合CSS实现Windows Phone中的磁贴效果,JS部分则使用到了JQuery库,需要的朋友可以参考下
适用于初学者,简单介绍如何将磁贴固定到开始桌面上,简单学习磁贴固定
jqury 前端动态磁贴技术。很好的哦
win10磁贴美化工具,有需要的下载看看,界面简介!!!!
描述 gtdownloader用于下载Google Maps卫星图块并合并成一个大块。 基本用法 ... 显示帮助信息: $ gtdownloader --help Usage of gtdownloader: -lyrs string lyrs parameter, y=hybrid s=satellite t=train m=map...
模仿win8磁贴效果很炫的菜单界面 点击其中一个菜单 其余菜单飞走