Win8 Metro风格的Web桌面HteOS

【Win8 Metro风格的Web桌面HteOS】的更多相关文章

Win8 Metro风格的Web桌面HteOS

前言曾经天天折腾ExtJS,折腾累了.近期这段时间開始用jquery来做一些东西,发现还是蛮有意思的.可是做到最后才发现,原来做好设计真的很重要. 上图就是HteOS项目的截图,眼下正在开发中.不多如今你可以訪问http://www.hteos.com进行体验做Web桌面,最主要的功能包含:自己定义桌面.桌面磁贴自己主动排列.磁贴拖拽.窗体.右键等功能都具备,看到了那么多Web桌面,发现大多数都是在仿着WebQQ做,看的有点疲劳,自己就參照眼下比較新颖的Win8 M…

VC/Wince 实现仿Win8 Metro风格界面1——设计概述和自绘Button(附效果图)

去年用VC做了一个仿Win8 Metro风格的界面,感觉挺有意思,最近打算把实现过程和一些技术原理记录下来. 主要是风格上类似Win8,其实功能上很多借鉴了Android的操作方式.界面只支持两种大小的Metro磁铁. 原创博文,转载请标明出处:http://www.cnblogs.com/mythou/p/3157205.html 1.主要实现了以下功能: 手指滑动切换页面. 图标位置交换. 从全部列表拖动添加到主页面. 主页面按钮拖动添加删除操作. 主页面按钮拖动添加到导航栏上. 背景更换…

VC/Wince 实现仿Win8 Metro风格界面2——页面滑动切换（附效果图）

前几天开始写仿Win8 Metro界面文章,部分网友觉得不错,感谢各位的意见.本来今天一直在折腾Android VLC播放器,没时间写.不过明天休息,所以今天就抽时间先写一下. 言归正传,我们都知道Win8的Metro界面只要手指一划,页面就跟着滑动(准确来说是按钮跟着滑动,背景其实没动),这个操作目前的Android和iPhone都是这种操作,个人感觉都是从iPhone借鉴来,滑动切换很早就有,不过按钮和壁纸分开滑动,这个还是iPhone时代开始. (这效果图是截了几张图弄的,所以看上去不流畅…

windows8开发-关于wp7应用迁移到win8 metro风格

虽然微软说,wp7应用移植到win8上面是比较简单,只需要修改部分API和设计原则上的细节,同时它也提供了一份比较简洁的参考文档: 而实际上这种移植的工作量还是不小的,尤其当应用引用了较多底层的API的时候. 下面是移植应用过程中需要考虑的几个问题: (1)UI: 基本所有的UI页面都会有所改动,主要是一个引用库的变迁,某些wp7上的控件在win8上面是不支持的,例如PhoneApplicationPage. (2)数据库: 目前win8没有源生数据库,不过可以使用sqlite来实现数据存储;w…

VC/Wince 实现仿Win8 Metro风格界面3——按钮移动交换、删除、添加快捷方式（附效果图）

上一篇文章写了如何进行页面滑动切换,今天我讲一下如何实现两个按钮拖动交换位置,包括同一个页面按钮交换或者两个页面之间的按钮交换.另外就是如何拖动删除界面上的快捷方式.按钮交换和拖动删除,这两个功能基本上是现在智能手机的标准功能,不管是IOS或者Android都有类似功能.我实现的功能,主要是参考Android的功能实现. 下面这个就是动态交换按钮效果图: 还是先把逻辑关系图放出来: 1.按钮拖动怎么样才能实现拖动一个按钮到另外一个按钮位置上,实现交换?这个首先一个需要做的就是拖动按钮的操作.按…

devexpress实现模仿Win8桌面metro风格

1.devexpress强大的控件库,可很容易的实现Win8桌面metro风格.使用的TileControl控件,拖动与Win效果相同.所有图片均来自网络资源.每个块也可实现如图所示的四种大小,如何实现下一博客将会进行进一步的实现.这是简单的效果图(其中右上角是一个轮播的): 2.制作了格gif,比较小不过还可以看: 3.项目源代码示例: http://download.csdn.net/detail/kehaigang29/8839871…

Droptiles - 炫酷的 Metro 风格的层叠式 Web 面板

介绍 Droptiles是一套Metro风格的类似Win8的Web2.0控制面板.它采用图块(tiles)建立用户体验.图块(tiles)是一些可以从外部资源中获取数据的迷你应用.点击图块(tile)就能够启动全部应用.应用可以是任意已存在的网站,抑或专门为面板式体验而设计的自定义网站.Droptiles几乎全部是用HTML, Javascript 和CSS创建的,因此它具有很高的平台可移植性.示例工程采用ASP.NET创建,展示了一些服务端功能:如注册.登录以及从服务器获取动态数据.你也可以很…