当前位置:  编程技术>移动开发
本页文章导读:
    ▪粗解Xcode 五新特性: Asset Catalogs        粗解Xcode 5新特性: Asset Catalogs 基础知识 Asset Catalog除了可以管理app icon以及启动图片,你还可以使用它管理任意图片。图片可以为所有设备使用,也可以为是某一设备的特定图片。这种方式.........
    ▪ 豆瓣读物查询升级版“扫扫图书”        豆瓣图书查询升级版“扫扫图书” 原文出自:http://fangjie.sinaapp.com/?p=88 首先可以看看效果展示:http://fangjie.sinaapp.com/?page_id=54 因为自己想参加某个APP比赛,就把之前做的豆瓣图书查询的Demo.........
    ▪ Google Chrome开发者工具-搬动仿真:触摸事件仿真       Google Chrome开发者工具-移动仿真:触摸事件仿真如果你在开发PAD/手机所用WEB版应用,需要在桌面审查页面元素、调试脚本,模拟移动设备尺寸、事件、位置等信息,那么可以使用Chrome开发者.........

[1]粗解Xcode 五新特性: Asset Catalogs
    来源: 互联网  发布时间: 2014-02-18
粗解Xcode 5新特性: Asset Catalogs

原文:http://schlu.org/2013/10/01/Xcode-Asset-Catalogs.html

 

基础知识
在今年的WWDC大会上苹果介绍了Asset Catalogs。Asset Catalogs是用来减少工程导航上的混乱,让图片使用情况变得更为有条理。它的方式是,你不必将所有图片都列出来,取而代之,你可以在工程中创建一个或者多个asset catalog,你可以把图片拖拽到一个合适的位置来进行管理。



Asset Catalog除了可以管理app icon以及启动图片,你还可以使用它管理任意图片。图片可以为所有设备使用,也可以为是某一设备的特定图片。这种方式非常方便,因为你不必在记住为iPhone或者iPad或者retina屏或者4英寸iPhone等设备提供的特定图片的名字。

 

Universal

特定设备 


切图以及改变尺寸
你可以使用Asset Catalog来切图。它会告诉iOS以及Xcode当view比图片更大的时候如何拉伸图片。这个功能iOS之前也使用几个UIImage的不同方法支持了,最新的方法是resizableImageWithCapInsets:。其中最大的改进就是Interface Builder现在图片即使会拉伸,插件仍然能正确显示。和之前一样,拉伸的方向是竖直拉伸,水平拉伸,或者双向拉伸。


在Xcode中切图有一个非常好的地方就是设计师们提供的图片的宽度是不受限制的。你不必告诉Xcode图片的末端在哪里。进行了一些小测试之后,我发现Xcode会在运行的时候就生成一些最小的图片以供需要。这就意味着它会在将图片打包格尼之前就切掉所有不需要的部分。这样就非常好了,在Xcode中你可以看到图片的完整大版本,但是打包的时候又只提供最小的部分。


详细情况你可以点此看看苹果关于切图的官方文档>>


技术问题
关于这点我没有深入进行研究,但是看上去似乎Asset Catalogs都被放到一个叫做Assets.car这个文件中。我并不清楚具体使用了哪个特定的二进制格式来打包所有图片,然后切图的,但是我猜这样做的有个有点事你不需要浪费block空间了。你可能知道你能分配给一个文件的最小空间是1block。由于iOS的block大小是8k,如果一张图片是12k,他就会占用1.5block,有半个block被浪费了。想想如果是1000张图片,那么这样的话节省多少blcok啊。这样为你的用户缩短下载时间。


加载Asset Catalogs有一些间接成本。我认为app会将所有的asset载入内存,这样就会有一些图片占用了内容,但是不会被使用。这也就是说,如果想要出问题的话你可能还没有足够的图片。但是有一件事情不管如何你都需要做的就是删除不需要的图片。使用了一款Mac app:Slender。它现在还不支持Asset catologs,但是希望以后它能支持。


更新以及比较分辨图片
使用Asset Catalogs有一个最大的问题就是更新图片。我和设计师一起工作时他们经常要迭代多次来确保app看上去很完美。一般我会从设计师那儿拿到一组新图,然后把它们拖到工程中使用。正如之前说的,在Asset Catalog中如果你希望更新图片你需要把它们拖到正确的盒子当中,这么做有些麻烦。但是现在我也没有一个很好的方法来优化这个流程。由于Asset Catalogs的重点就是从繁杂的文件名中解放出来,所以我不知道Xcode可以怎么样知道如何把图片放到正确的位置。


另一个问题就是   。以前可以再Xcode的版本编辑器中看到新旧图片会紧挨在一起
。而现在的Asset catalogs,就算只有一张图片变化了,它就认为这个catalog整个变化了。这对我来说基本不是个问题,因为我使用Black Pixel公司的Kaleidoscope 来处理我比较分辨图片的需要。Kaleidoscope在比较分辨图片的时候仍然很好用。但是不能在工程的导航处了解到哪些东西变化了还是不太方便。


本地化以及翻译
图片和app中的其他东西一样也需要本地化和翻译。在这一点上我不知道本地化Asset Catalogs的方法。但是这个问题可能不太要紧,因为图片本地化的需要进行也是因为某个icon在某个国家代表了完全不同的意义。如果发生了,也没有足够的理由不让你使用Asset Catalogs。如果需要翻译一张图片的话还可以使用过去的方式。



iOS 6
这也可能不是什么问题,因为很多人都会很快只为iOS 7进行开发。如果你想同样兼容iOS 6,它会包含Assets.car文件以及所有的图片文件。我没有去研究它会如何影响变化图片大小。这个问题无关紧要,因为如果你想要兼容iOS 6的话,因为会增加app的大小,你根本就不应该使用Asset Catalogs。
 

 

 论坛原帖:http://www.cocoachina.com/bbs/read.php?tid=161717


    
[2] 豆瓣读物查询升级版“扫扫图书”
    来源: 互联网  发布时间: 2014-02-18
豆瓣图书查询升级版“扫扫图书”

原文出自:http://fangjie.sinaapp.com/?p=88

首先可以看看效果展示:http://fangjie.sinaapp.com/?page_id=54 因为自己想参加某个APP比赛,就把之前做的豆瓣图书查询的Demo拿来改进了下。本作品正在参加华为APP创意设计大赛,去给他投上一票吧!http://zh.ui.vmall.com/partner/?f=events&on=show&id=662 还有机会抽取礼品(直接选择QQ登录)

 

MainActivity.java是主界面的Activity ;BookView.java是显示图书基本信息的界面;CaptureActivity.java是扫描镜头界面;ReviewActivity是笔记的列表界面;ReviewContent.java是笔记的详细界面;BookInfo是book的实体类(在原来的基础上增加很多信息);Review是笔记的实体类。

主要的技术就是Zxing开源库的使用,简单的网络通信,数据解析及UI更新的要点。原来的Demo是直接调用Zxing的apk来使用的,这样就必须要求用户必须安装Zxing的apk,这样的应用肯定不行,所以我就把Zxing的一些包整到自己的项目中。

一.Zxing的使用: 首先将Zxing的核心包倒到自己的程序中, 在把Zxing官方的android demo包中去掉不用的,精简之后如我上面的工程文件一样。这几个包大致做的是有关Camera和解析的工作,我们只需稍微改动CaptureActivity.java和CaptureActivityHandler.java文件。CaptureActivity.java是一个Activity的子类,就是扫描开启摄像头的界面。其实真正对扫描界面处理的程序在CaptureActivityHandler.java中。我们需要的是在扫描得到ISBN值之后将其返回到MainActivity中。

MainActivity.java

//开启扫描按钮
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent=new Intent(MainActivity.this,CaptureActivity.class);
startActivityForResult(intent,100);
}
});

CaptureActivityHandler.java

public void handleMessage(Message message) {
switch (message.what) {
case R.id.auto_focus:
//Log.d(TAG, "Got auto-focus message");
// When one auto focus pass finishes, start another. This is the closest thing to
// continuous AF. It does seem to hunt a bit, but I'm not sure what else to do.
if (state == State.PREVIEW) {
CameraManager.get().requestAutoFocus(this, R.id.auto_focus);
}
break;
case R.id.restart_preview:
Log.i("OUTPUT", "Got restart preview message");
restartPreviewAndDecode();
break;
case R.id.decode_succeeded://扫描成功
Log.i("OUTPUT", "Got decode succeeded message");
state = State.SUCCESS;
Bundle bundle = message.getData();
Bitmap barcode = bundle == null ? null :
(Bitmap) bundle.getParcelable(DecodeThread.BARCODE_BITMAP);
String str_result=((Result) message.obj).getText();
activity.handleDecode((Result) message.obj, barcode);
Intent intent=new Intent(activity,MainActivity.class);
intent.putExtra("result", str_result);
activity.setResult(100,intent);
activity.finish();
break;
case R.id.decode_failed://扫描失败
Log.i("OUTPUT", "Got return scan result message");
state = State.PREVIEW;
CameraManager.get().requestPreviewFrame(decodeThread.getHandler(), R.id.decode);
break;
case R.id.return_scan_result://退出扫描
Log.i("OUTPUT", "Got return scan result message");
Intent intent2=new Intent(activity,MainActivity.class);
activity.startActivity(intent2);
break;
}
}


MainActivity.java

//获取扫描之后的ISBN码,并在豆瓣上搜索图书信息
protected void onActivityResult(int requestCode,int resultCode,Intent data)
{
super.onActivityResult(requestCode, resultCode, data);
if(((requestCode==100)||(resultCode==Activity.RESULT_OK))&&data!=null)
{
Log.i("OUTPUT","NGYUFU");
progressDialog=new ProgressDialog(this);
progressDialog.setMessage("请稍候,正在读取信息...");
progressDialog.show();
String urlstr="https://api.douban.com/v2/book/isbn/"+data.getExtras().getString("result");
//扫到ISBN后,启动下载线程下载图书信息
new DownloadThread(urlstr).start();
}
}

 返回ISBN值之后,剩下的就是去豆瓣API上获取数据,然后解析,更新到UI上了。这些东西在之间的那篇博客已经讲过了,不一样的就是增加了Book的属性,增加了一个笔记显示列表和笔记具体内容的界面,这些东西会了网络通信和数据解析就很简单了,不多讲了。

 
二:豆瓣图书API:http://developers.douban.com/wiki/?title=book_v2
我用的是下面的两个,具体的数据属性自己去看API文档。这里因为豆瓣书评的数据必须要授权之后才能获取完整数据,没有授权的用户只能获取概要信息,为了简单,我就没有做OAuth认证部分,直接选择了笔记信息,这个数据不需要授权。


根据isbn获取图书信息 GET /v2/book/isbn/:name
获取某本图书的所有笔记 GET /v2/book/:id/annotations


    
[3] Google Chrome开发者工具-搬动仿真:触摸事件仿真
    来源: 互联网  发布时间: 2014-02-18
Google Chrome开发者工具-移动仿真:触摸事件仿真

如果你在开发PAD/手机所用WEB版应用,需要在桌面审查页面元素、调试脚本,模拟移动设备尺寸、事件、位置等信息,

那么可以使用Chrome开发者工具(DevTools)提供的强大的移动仿真功能,支持主流移动触摸设备,并且支持对Android的远程调试。

本文是对Google官方文档Mobile Emulate章节的翻译,原文链接如下:

https://developers.google.com/chrome-developer-tools/docs/mobile-emulation?hl=zh-CN


移动仿真
内容
  • 仿真触摸事件
  • 仿真设备视角(尺寸/规格/版本)
  • User Agent模仿
  • 网络带宽流量控制
  • 地理定位覆盖
  • 设备方向覆盖
  • CSS媒体类型仿真
  • FAQ
仿真触摸事件

由于大部分桌面机器都不支持触摸事件,所以对触摸(Touch)事件进行测试比较难。如果需要在移动设备上进行测试将拖长你的开发周期,因为每个变更都得部署到服务器上然后用设备访问,而且设备上还无法利用调试工具。

是在你的桌面机器上模拟触摸事件。对于单点触摸事件,Chrome开发者工具支持单点触摸事件(single touch event)模拟,这样在桌面上调试移动网页应用会更加容易。

为了启用触摸事件模拟(touch event emulation),需要做如下设置:

  • 点击开发者工具右下角Settings图标  并点开Overrides设置面板
  • 向下滚动并勾选"Enable touch events"单选框
  • 重新加载页面

  • 现在你的鼠标会变成一个小圆状,并且在页面右上角会提示Overrides:Touch字样,这样你的鼠标操作就可以模拟相关的触摸事件:touchstart, touchmove和touchend.

    注意:
    • 功能探测比如Modernizr.touch现在可以在页面刷新时获得;
    • 和其他很多覆盖(overrides)功能一样,这个功能也仅在开发者工具打开的情况下工作;
    • 鼠标会变成一个小圆状,用来模拟手指触摸点大小;
    • 启用"Emulate touch events"并不会完全禁用鼠标事件,就如同在触摸屏上一样;
    • 在鼠标点击时,触发事件的次序目前是:touchstart > mousedown > touchmove > touchend > mouseup > click. 而在触摸设备上,这个顺序有点不一样。这是个问题,开发者工具将会很快更新为使用正确的顺序;
    • elem.ontouch* 事件目前不能被Enable touch events设置触发,但可以使用命令行标志来触发这些事件处理器,以Windows为例,桌面Chrome图标右键菜单的属性-〉运行中,添加 --touch-events 命令行运行参数,重启Chrome。

    调试触摸事件

  • 打开 Canvas Fingerpaint Demo
  • 打开源码(Sources)面板
  • 展开"Event Listener Breakpoints"子面板
  • 在"Touch"勾选"touchstart" 和 "touchmove" 事件
  • 把鼠标移动到画图区域
  • 调试器会中断在draw()方法上

  • 多点触摸(Multi-touch)

    如果你有一个支持触摸输入的设备,那么还可以模拟多点触摸事件,比如最新的苹果MacBook。更多辅助信息可以阅读文章Multi-touch web development guide on HTML5 Rocks的"Developer tools"章节。


    by iefreer



        
    最新技术文章:
    ▪Android开发之登录验证实例教程
    ▪Android开发之注册登录方法示例
    ▪Android获取手机SIM卡运营商信息的方法
    ▪Android实现将已发送的短信写入短信数据库的...
    ▪Android发送短信功能代码
    ▪Android根据电话号码获得联系人头像实例代码
    ▪Android中GPS定位的用法实例
    ▪Android实现退出时关闭所有Activity的方法
    ▪Android实现文件的分割和组装
    ▪Android录音应用实例教程
    ▪Android双击返回键退出程序的实现方法
    ▪Android实现侦听电池状态显示、电量及充电动...
    ▪Android获取当前已连接的wifi信号强度的方法
    ▪Android实现动态显示或隐藏密码输入框的内容
    ▪根据USER-AGENT判断手机类型并跳转到相应的app...
    ▪Android Touch事件分发过程详解
    ▪Android中实现为TextView添加多个可点击的文本
    ▪Android程序设计之AIDL实例详解
    ▪Android显式启动与隐式启动Activity的区别介绍
    ▪Android按钮单击事件的四种常用写法总结
    ▪Android消息处理机制Looper和Handler详解
    ▪Android实现Back功能代码片段总结
    ▪Android实用的代码片段 常用代码总结
    ▪Android实现弹出键盘的方法
    ▪Android中通过view方式获取当前Activity的屏幕截...
    ▪Android提高之自定义Menu(TabMenu)实现方法
    ▪Android提高之多方向抽屉实现方法
    ▪Android提高之MediaPlayer播放网络音频的实现方法...
    ▪Android提高之MediaPlayer播放网络视频的实现方法...
    ▪Android提高之手游转电视游戏的模拟操控
     


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3