https://www.gravatar.com/avatar/7a0c24f697ea1587001c36d00039b60f?s=240&d=mp

windows的qq自定义表情导入Mac下的qq

突然发现mac下最新版的qq已经支持eif格式的表情包了,不需要什么qqfm之类的东西了,只需要把你windows下的自定义表情导出为eif,然后在mac下双击就能自动导入了。目前还有的问题是不能调整组的顺序和自定义组名。

github上传代码的方法

今天研究了下github上传代码,果然是比较麻烦啊。把心得写在这里备忘。

首先在github上创建一个新的repositories,如图步骤

http://www.ithome.me/wp-content/uploads/2013/12/1.png

之后填入你的项目名称,描述,后面还有一个Initialize this repository with a README,建议够选上,因为这个东西是必备的,然后是选择你项目的程序语言,发布许可类型之类的,可以不选

http://www.ithome.me/wp-content/uploads/2013/12/2-300x176.png

点击Great repository按钮完成创建,这样我们就有一个资源库了,接下来是上传代码进入这个库。

http://windows.github.com/ 下载git工具,自动安装完成后有两个工具,GitHub和Git Shell,首先我们运行GitHub并且输入帐号密码,选择好你自定义的git路径,完成配置,然后回到网页的github帐号管理,

点击Account Settings-SSH Keys,此时应该会有一条自动加入的key等待你验证,点击approbate批准即可。

接下来运行刚才安装的Git Shell进入命令行,输入命令

[code lang=“shell”]ssh -T [email protected] [/code]

如果正确则会出现

如果出现其他信息,请检查网络原因,比如墙什么的。

从网页上得到你的项目地址:

http://www.ithome.me/wp-content/uploads/2013/12/3.png

接着继续在Git Shell输入命令: [code lang=“shell”]git clone https://github.com/cikichen/Plane-Fight.git[/code]

github添加图片描述

关于github项目的描述其实都是README.md文件的内容了,那么怎么显示图片呢?很简单。首先你需要一个网络的图片地址,最好的办法就是上传代码的时候建立一个screenshots 目录,然后里面放你的图片,这样可以通过下面的方法获取图片地址: 图片上传出成功后进入screenshots目录,点击图片出现如下所示图: http://www.ithome.me/wp-content/uploads/2013/12/4-300x87.png

点击raw得到图片的真实地址

接下来编辑README.md内容,插入图片的代码是

![image](picture url)

把picture url替换成你图片的地址即可。注意括号之类的不要去掉。

其实这就是markdown语法

win7下cocos2d-x最新版环境搭建

现在cocos2d-x环境搭建越来越方便了,今天这里只记录vs2010的搭建方法,基本是傻瓜式。

准备工作: win7,vs2010,python2.7,cocos2d-x2.2.1(这样pc开发环境就够了,关于移植android的以后再说)

  • vs2010安装方法略过,如果不会的请自行Google

  • python2.7:http://www.python.org/download/releases/2.7.6/  默认安装在c盘根目录,安装完成后需要手动添加环境变量。方法:计算机-右键-属性-高级系统设置-环境变量,从下面找到Path,双击加入C:\Python27;完成。

Test:打开命令行,输入python看是否成功。

cocos2d-x下载完成直接解压即可。

如果以上都没问题了。进入cocos2d-x目录,找到如下文件双击运行:

http://www.ithome.me/wp-content/uploads/2013/12/cocos2d-x-2010-300x215.png

vs2010启动后会得到如下界面:

http://www.ithome.me/wp-content/uploads/2013/12/cocos2d-x-pro-180x300.png

然后点击生成-重新生成解决方案,根据机器配置,等待时间有所不同。耐心等待几分钟。

编译完成后输入信息如下:

========== 全部重新生成: 成功 16 个,失败 1 个,跳过 0 个 ==========

失败的一个不用理会,然后右键选择TestCpp-设为启动项目,按Ctrl+F5运行,就会得到下面这个Demo程序了。这个程序收录了cocos2d-x的全部使用方法。大家可以先随便浏览一下。

http://www.ithome.me/wp-content/uploads/2013/12/testcpp-300x208.png

然后我们设置HelloCpp为启动项目,按Ctrl+F5运行,经典界面出现:

http://www.ithome.me/wp-content/uploads/2013/12/hellocpp-300x233.png

这样环境就已经搭建成功。

接下来说下新版创建工程方法:

打开cmd命令行cd 到cocos2d-x-2.2.1\tools\project-creator目录:

[转]Android切图小贴士

用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图、精准的位置可以最大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果哦!

我们经常会做一个俗称“点九”的切图,什么是“点九”呢?“点九”是Android平台处理图片的一种特殊的形式,由于文件的扩展名为:“.9.png”,所以被称为“点九”。“点九”也是由于Android平台多种分辨率需适配的需求下,发展出来的一种独特的技术。它可以将图片横向和纵向随意进行拉伸,而保留像素精细度、渐变质感和圆角的原大小,实现多分辨率下的完美显示效果,同时减少不必要的图片资源,可谓切图利器。

“点九”的制作工具为“draw9patch”,具体制作步骤这里不多讲了,插播小贴士第一条:舍弃这个制作工具吧,减少繁琐的步骤,不要再每张图片都拖到工具里画啦!直接用ps+铅笔就可以画哦。

“点九”的学问当然很大,但Android切图不仅需要清楚“点九”的方法,还有其他各种小技巧。下面为大家分享我在工作中总结的几个关于切图的心得。

(一)站在开发的角度来切图

了解技术实现方式,就像了解一位开发同学,更多的了解,会让工作更加顺畅。 如为下图按钮做“点九”图,一部分同学可能会这样做: http://mux.baidu.com/img2/1/02.png

这是一张高度不变左右拉伸的“点九”图片,内容显示区域为整个按钮范围。按钮效果图上看,文字是垂直居中显示的,开发同学拿到这张“点九”图片,就会在代码里写上center的属性,此属性就是设定让文字在按钮的垂直居中位置。说到这,有没有察觉出问题呢?先让我们看一下实现出来的效果怎么样。 http://mux.baidu.com/img2/1/03.png

拥有像素眼的设计师们,立刻会察觉文字偏下了。然后找开发同学调整文字的位置,“把文字向上n个像素吧,没有居中”等等,这是很经常发生的对话,开发同学会增加代码微调文字的位置以达到效果图效果。事情圆满解决了吗?不然。其实是我们错了。

当我们了解开发同学实现方法后,我们可以试试用逆推法验证这张“点九”图片是否还有进一步精确的可能。

http://mux.baidu.com/img2/1/04.png 如上图,设计效果图中红色区域是文字排版区域,是理想化的位置,1和2的高度是相等的;而实现效果图中3和4的高度是相等的。问题出现了!在我们画点九的时候,把投影的高度也画进去了,所以视觉上文字就偏下了。

我们通常的画法应该是:http://mux.baidu.com/img2/1/05.png

1. 在高度不拉伸的情况下,在空白区域点一像素的点。

这是与开发同学之间约定俗成的习惯,凭着默契就知道此按钮高度不进行拉伸,而且就是被拉伸了,拉伸的是空白区域,视觉上也不会造成影响。

对比如图所示: http://mux.baidu.com/img2/1/06.png

2. 内容显示区域的高度要避开投影区域,这样可以保证文字视觉的居中。

“点九”图片的内容显示区域,我喜欢称为内容排版区域。在切图的过程中,还会发现不同的情景,要时刻想着你要的结果,通过对此区域的仔细处理,可以更好的为图片上所承载的内容做排版。这样开发同学只要通过一些简单的属性设定,就可以实现效果图上精确的布局。同时减少不必要的开发,精简代码,提高产品的性能,积少成多,带给用户更好的体验感受。

(二)选择更优的切图方式

当我们遇到异形或较为复杂的切图时,往往需要抛开固有的思维程式,去找到更适合的切图方式。举例如为下图浮层切图的时候,我们还可以用我们的利器“点九”么? http://mux.baidu.com/img2/1/07.png