帖子位于 "Blog Challenge" 分类 RSS

跟燕青一起学Windows8应用开发：使用HTML+CSS制作居中布局

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 28, 2012 在 10:23 下午
评论 (0)

         在跟燕青一起学Windows8应用开发：使用HTML+CSS自适应水平方向分辨率和跟燕青一起学Windows8应用开发：使用HTML+CSS自适应垂直方向分辨率中笔者介绍了自适应的水平和垂直布局，那么还有神秘布局是程序经常遇到的呢？嗯…，猜对了，那就是居中布局。最为常见的运用场合是登录窗口，本篇博客也将以此例，讨论如何制作居中布局。          在设计居中布局时，HTML和CSS对运行的屏幕分辨率一无所知，那么如何才能够自适应屏幕分辨率呢？非常幸运，CSS中的top和left属性能够按照百分百进行定位，对于屏幕中心点，它的位置应该是left：50%; top: 50%;。接下一个问题是：我如何制定界面的左上角坐标呢？在跟燕青一起学Windows8应用开发：使用HTML+CSS自适应水平方向分辨率一文中，我们知道了margin属性可以制定其于边界的距离，并且让人兴奋的是，它还能够是负值！WOW，看到了胜利的曙光了吗？:-)   在介绍CSS设置之前，不管三七二十一，我们先写个HTML的DIV吧，如图1所示 ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

跟燕青一起学Windows8应用开发：使用HTML+CSS自适应垂直方向分辨率

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 28, 2012 在 9:40 下午
评论 (0)

         在跟燕青一起学Windows8应用开发：使用HTML+CSS自适应水平方向分辨率一文中，笔者主要讲述了如何通过HTML+CSS的使用，自动根据屏幕的水平分辨率进行宽度的自适应调整。本篇博客将着重讲述如何使用HTML+CSS自适应垂直方向分辨率，通过水平和垂直方向的综合使用，Win8应用程序能够非常容易地自适应不同设备分辨率变化的挑战。          阅读跟燕青一起学Windows8应用开发：使用HTML+CSS自适应水平方向分辨率后，读者已经知道：在默认情况下，DIV是自动扩展其宽度以适合屏幕的实际宽度，那么在垂直方向，DIV的行为方式是否和水平一致呢？为了搞清楚这个问题，不妨我们先做个实验看看吧:-)。   在Study Metro App项目中，我们添加两个DIV（TopPanel和BottomPanel），如图1所示。 ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

跟燕青一起学Windows8应用开发：使用HTML+CSS自适应水平方向分辨率

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 26, 2012 在 2:34 下午
评论 (0)

         在跟燕青一起学Windows8应用开发：用CSS文件妆点你的应用一文中，我们介绍了如何在HTML中引入CSS文件，配置CSS中p元素的属性，让HTML显示更加的丰富多彩。本篇博客将继续学习如何使用CSS的属性，在水平方向布局，实现自适应屏幕水平方向分辨率的Metro Style应用。          在HTML中，有两种方法规范化HTML元素的展现，一种是table；另外一种是div。table主要是规范数据的展现方式，它不是一种布局手段（虽然它在一定程度上能够实现布局需求），因此本篇博客将着重介绍div方式的布局。如果博友对table布局特别有偏好，请参考http://www.w3schools.com/html/html_tables.asp中关于table的文章。笔者还是按照以往的思路，从简单的例子讲解如何在水平方向自适应屏幕分辨率，布局的要求如下：屏幕分左右两块：左边一块占用水平方向200个像素点，右边一块占用屏幕剩下的水平空间。 在开始布局之前，我们先看看div在默认情况下，它是如何顺序布局的。注意：所有的代码都是在Study Metro App的工程中创建，对于如何参见Study Metro App工程，请参见跟燕青一起学Windows8应用开发：创建HTML5 Metro应用程序一文。   在default.html中添加两个部门面板：LeftPanel和RightPanel，如图1所示。 ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

跟燕青一起学Windows8应用开发：用CSS文件妆点你的应用

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 26, 2012 在 9:59 上午
评论 (0)

         在跟燕青一起学Windows8应用开发：创建HTML5 Metro应用程序一文中，我们已经用Visual Studio 2011 Beta建立了Study Metro App的项目。在运行后程序后，出现了一个非常单调的黑白文本界面，那么能否给它点缀一下呢？毕竟咱们的生活世界是色彩斑斓的:-)。本篇博客将介绍如何使用CSS文件来为HTML进行点缀。          CSS是Cascading Style ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

跟燕青一起学Windows8应用开发：创建HTML5 Metro应用程序

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 24, 2012 在 10:32 下午
评论 (0)

跟燕青一起学Windows8应用开发：创建HTML5 Metro应用程序          在前两篇博客跟燕青一起学Windows8应用开发：安装Windows8操作系统和跟燕青一起学Windows8应用开发：安装Visual Studio 2011中，燕青已经搭建了Windows8应用开发的基本开发环境。本篇博客将讲述我们如何创建HTML5 Metro应用程序。          在安装玩Windows8和Visual Studio 2011Beta后，我们可以在桌面上看到Visual Studio 2011Beta的图标，如图1所示（红色方框部分）： 图1 创建HTML5 ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

跟燕青一起学Windows8应用开发：安装Visual Studio 2011

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 24, 2012 在 9:36 下午
评论 (0)

         在跟燕青一起学Windows8应用开发：安装Windows8操作系统一文中，燕青已经安装了Windows8操作系统。为了能够在Windows8上开发Metro-style应用，还需要安装微软的Visual Studio 2011软件。本篇博客将讲述燕青是如何安装Visual Studio 2011 Beta版本的。   安装步骤如下： l  打开页面http://www.microsoft.com/visualstudio/11/en-us，点击红色标注方框，如图1所示。 图1 l  点击图2中的红色方框（http://www.microsoft.com/visualstudio/11/en-us/products） ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

9步搞定Win8 MetroUI应用移植

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 五月 8, 2012 在 3:29 下午
评论 (1)

Win8 Metro UI应用的开发是一件非常有趣的事情，特别是它使用了非常奇特的Metro UI设计。如果现有传统UI设计的应用，能够很方便的移植到Win8上，并且也能够充分利用Metro UI的魔力，那么将是非常有有意义的事情。本篇博客就是讲述，在一般情况下，如何将传统UI应用移植成Metro UI应用。 移植工作看上去比较的难，但是按照规律办事，很多事情仅仅是时间和耐心问题。网友不妨使用9步法来完成你的应用移植： 1.         下载并安装Windows 8 Consumer Preview，下载并安装Microsoft Visual ...

继续 ›

分类: Blog Challenge, Ultrabook, 其他, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

燕青杂谈：工欲善其事，必先利其器 --- Windows8 编程助手

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 四月 5, 2012 在 3:20 下午
评论 (4)

  Windows8 Beta版的发布为软件开发者提供了一个新的平台，它独特Metro风格的UI设计，让众多用户眼前一亮。Windows8的应用软件开发，它不仅仅能够使用当前最为火热的HTML5+CSS3+Javascript组合，而且也同时支持传统的开发语言，比如说C/C++，#C，VB等。微软的最新版本Visual Studio 2011 Beta（http://www.microsoft.com/visualstudio/11/en-us/downloads）版本也提供了HTML5的集成开发环境，并且还支持Intel ATOM CPU框架的软件优化，充分挖掘出Intel CPU的性能优势，这对于HTML5应用软件的用户体验而言是非常有帮助的。 MS Visual Studio是Windows8应用软件开发的重要工具，对于软件开发着而言，如果能够找到一个很好的MS ...

继续 ›

分类: Blog Challenge, Ultrabook, 图形和视觉计算, 英特尔® 软件网络 2.0

燕青杂谈：如何检查DLLs库之间的相关性？

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 二月 24, 2012 在 4:39 下午
评论 (1)

在打包应用程序的时候，笔者经常会遇到相关的动态链接库（DLLs）会出现遗漏，导致的后果是用户在安装应用后无法运行，抱怨声很大。那么如何在打包之前查看是否对应的DLLs已经被加入呢？   普通的方法是使用微软的VS Studio，查看程序运行时候调用的DLLs。这种方法虽然能够查出所有的DLLs，但是使用麻烦，并且需要设置断点来逐一查看，比较麻烦。   那么有没有其他方法可以使用呢？   幸运的是，Dependency Walker可以帮助我们检查是否相关的文件已经查找到。网友可以从http://www.dependencywalker.com/ 中下载到最新版本。   笔者打开了Windows自带的记事本应用，可以看到Notepad.exe依赖于很多系统DLLs，如图1所示。 图1 如果当前的系统缺少某个或者几个相关的DLLs，那么它将会用红色标注出来。通过它，打包人员能够比较容易理清楚哪些DLLs是需要加入打包器打包的。   【小结】 l  VS Studio可以检查DLLs的相关性，但是缺点是比较麻烦，不直观。 l  Dependency Walker是一个小工具能够对DLLs和EXE文件进行DLLs相关性检查，直观和易用。 笔者写文章之时，最新的Dependency Walker软件  

继续 ›

分类: Blog Challenge, 其他, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证

OpenCV轻松进阶初级篇（三）如何添加Intel IPP和TBB库

作者： Yanqing Wang (Intel) (109 篇文章) 日期： 二月 6, 2012 在 11:24 上午
评论 (2)

  Intel IPP和TBB能够给OpenCV带来性能上的很大提升，那么如何在编译OpenCV的时候讲其打开呢？   OpenCV轻松进阶初级篇（二）编译OpenCV中已经介绍了使用CMake工具来产生各种编译器的项目文件，那么是否可以通过它来Enabled这些Features呢？   非常的运气，在CMake的配置键值对中，我们找到了IPP和TBB的身影，如图1所示。 ...

继续 ›

分类: Blog Challenge, 全国博客大奖赛, 其他, 图形和视觉计算, 英特尔® 软件网络 2.0, 软件技术学习及认证