本文全然是翻译与总结谷歌官方的教程,已确保文档的正确性. 免得大家被五花八门的其它的资料弄混了,也没有系统行的学习. 一.设置窗体尺寸和适配屏幕分辨率 谷歌官方文档提到两个大的方面. 1.Viewport视图窗体 这个是html中设置的.主要是设置高度和宽度,还有初始的比列. 这个宽度与高度将绝对html里面CSS中有多少个像素可用. Viewport的宽度与屏幕的宽度没有决定性的关系.比方你的手机宽度是480PX可是你能够设置Viewport的宽度为960PX,这样一张800PX的图片就能一次…

背景 在做小程序时,关于默认导航栏,我们遇到了以下的问题: Android.IOS 手机对于页面 title 的展示不一致,安卓 title 的显示不居中 页面的 title 只支持纯文本级别的样式控制,不能够做更丰富的 title 效果 左上角的事件无法监听.定制 路由导航单一,只能够返回上一页,深层级页面的返回不够友好 探索 小程序自定义导航栏已开放许久>>了解一下,相信不少小伙伴已使用过这个功能,同时不少小伙伴也会发现一些坑: 机型多如牛毛:自定义导航栏高度在不同机型始终无法达到视觉上的…

这篇主要说一下手机插入之后的一些动作. 1)  捕获窗口消息 插入拔出一个USB设备windows 会给所有的窗口发送特定的消息,只要我们捕获这些消息就可以处理设备插入和拔出.需要注意的是插入或者拔出一个设备的时候windows 会在短时间里面通知N多次的消息,所以处理的时候最好注意一下,只处理最后一次消息就可以了.目前我知道的四个消息 DBT_DEVNODES_CHANGED DBT_DEVICEARRIVAL DBT_DEVICEREMOVECOMPLETE DBT_DEVICEQUERYR…

需求: 在不同的移动终端设备中实现,UI设计稿的等比例适配. 方案: 布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size. 假设设计稿是宽750px来做的,书写css方便计算考虑,根节点的font-size假定为100px,得出设备宽为7.5rem.设计稿中标注的任何px数值都可以换算成px/100的rem值. 就是说,每一个设备的宽度都定为7.5个rem,然后宽度非750px的设备里,就需要用JS对font-size做动态计算. 换算关系为:根节点的font-s…

 adb工具即Android Debug Bridge(安卓调试桥) tools.它就是一个命令行窗口,用于通过电脑端与模拟器或者真实设备交互.在某些特殊的情况下进入不了系统或者需要自动化测试的时候,adb就派上用场了 1 手机进入开发者模式,不同手机的进入方式不一样.一般是设置->关于手机,然后连续点击版本号,屏幕上回显示进入开发者模式,界面上可以显示出开发者选项 2 进入开发者选项,选择USB调试和指针位置.USB调试打开后才能使用ADB命令,指针位置打开后可以随时查看触摸点的坐标. 3 将…

主要分三块考虑   1 )界面配置   根据不同的分辨率,创建手机界面文件   例子: 在res下创建 layout-800x480            layout-480x320   并在各自不同分辨率的文件夹下创建界面文件   2)图片配置   不同的分辨率,界面的长宽比不一致,需要不同规格的图片   在drawable-hdpi,drawable-ldpi,drawable-mdpi 中放不同分辨率的图片   注:为了减小整个应用程序安装包大小,选用最高分辨率适配,特殊界面图片特殊处理…

1,图片适配(在不同像素密度的手机上,加载不同文件夹下的图片) 一套图(800*480,将截取的图片放置在hdpi下,小图(变形不明显), 大图(根据适配的手机,做单独的截取,比如有两款手机适配(做两套分辨率的图))) 总结:drawable下放置的图片分别可以加载到哪些类型的手机上: ldpi的图片加载到320*240的手机上 mdpi---->没有图片(可以放480*320) hdpi的图片加载到800*480的手机上 xhdpi的图片加载到1280*720的手机上( 5英寸) xxhdpi…

在做Android应用开发的时候,经常需要将已经完成的应用展示给一同开发的小伙伴,然而一直感觉没有找到一种十分方便的办法.特别是看到了开发IOS的小伙伴在做展示的时候的方便.因为Apple既做PC,也做终端.自己的设备在互联互通方面就可以做得非常的好.在展示IOS应用方面,Apple的airplay协议就是一个十分方便的工具.airplay既可以和apple推出的apple TV进行通信,将手机或者PC的屏幕投影到显示器或者投影仪上,同时也可以用来将手机的屏幕投影到PC上.利用airplay将手…

"又是屏幕适配,这类文章网上不是很多了吗?" 我也很遗憾,确实又是老问题.但本文重点对网上的各种方案做一个简短的总结,和具体使用方法. 若想了解具体Android设备适配的前世因果,请阅读hongyang文章:http://blog.csdn.NET/lmj623565791/article/details/45460089 据我的总结,屏幕适配可以有两种方法适配,dp和px,一一讲解. 一.PX适配. 现在常用的屏幕尺寸为1280x720,一般美工也会根据这个尺寸给图. 图上标注的都…

一个web页面既要在宽屏上显示,又要在窄屏上显示,既要在电脑上显示,又要在手机上显示,这个适配问题相当的麻烦. 其实解决电脑与手机的适配问题,一般有两个思路:一个是做判断,根据不同条件在css和js做相应的修改,一个是直接做两版,手机版和电脑版,手机版略精简. 1.宽屏与窄屏 由于现在宽屏电脑越来越频繁,所以如果再将内容宽度设为960就太不能满足要求了,所以将内容宽度设了两版分别为1190px和960px. 所有内容的外面包一个<div class="width-broad" i…