一、一种非常好用的Android屏幕适配

网上关于屏幕适配的文章已经铺天盖地了，为什么我还要讲？因为网上现在基本都是使用屏幕分辨率限定符进行适配，即每种屏幕分辨率的设备需要定义一套dimens.xml文件。由于不同分辨率的设备太多了，而且有些设备还有虚拟按键（例如华为手机），这样就还需要每个有虚拟按键的设备加多一套dimens.xml文件，再加上平板那些你会发现dimens.xml文件所占的体积已经超过2M了！这绝对不是我们想要的。

我这里要讲的是使用sw<N>dp限定符，即smallestWidth（最小宽度）限定符来进行适配，使用这种方式只需要少量dimens.xml文件即可达到适配，而且根本不用考虑虚拟按键的问题。如果只适配手机，dimens.xml文件所占的体积只有100多KB，即使加上平板和TV，也就500多KB，完全可以接收。这种方案已经在自己多个项目中应用过了，经过几十台手机测试过，基本不会出现适配有问题的情况。制作生成对应dimens.xml文件插件（后面会讲）的作者也说过他在待过的两家大公司实践过，所以请放心使用。

关于为什么要进行屏幕适配，什么是dp、dpi这些概念我就不去一一讲解了，网上很多文章。这里我推荐几篇讲的比较好的：

屏幕分辨率限定符适配需要在res文件夹下创建各种屏幕分辨率对应的values-xxx文件夹，如下图：

然后根据一个基准分辨率，例如基准分辨率为1280x720，将宽度分成720份，取值为1px~720px，将高度分成1280份，取值为1px~1280px，生成各种分辨率对应的dimens.xml文件。如下分别为分辨率1280x720与1920x1080所对应的横向dimens.xml文件：

假设设计图上的一个控件的宽度为720px，那么布局中就写android:layout_width="@dimen/x720"，当运行程序的时候，系统会根据设备的分辨率去寻找对应的dimens.xml文件。例如运行在分辨率为1280x720的设备上，系统会自动找到对应的values-1280x720文件夹下的lay_x.xml文件，由上图可知x720对应的值为
720.px，可铺满该屏幕宽度。运行在分辨率为1920x1080的设备上，系统会自动找到对应的values-1920x1080文件夹下的lay_x.xml文件，由上图可知x720对应的值为1080.0px，可铺满该屏幕宽度。这样就达到了屏幕适配的要求！

smallestWidth限定符适配原理与屏幕分辨率限定符适配原理一样，系统都是根据限定符去寻找对应的dimens.xml文件。例如程序运行在最小宽度为360dp的设备上，系统会自动找到对应的values-sw360dp文件夹下的dimens.xml文件。区别就在于屏幕分辨率限定符适配是拿px值等比例缩放，而smallestWidth限定符适配是拿dp值来等比缩放而已。需要注意的是“最小宽度”是不区分方向的，即无论是宽度还是高度，哪一边小就认为哪一边是“最小宽度”。如下分别为最小宽度为360dp与最小宽度为640dp所对应的dimens.xml文件：

ScreenUtils——>ScreenUtils

既然原理都一样，都需要多套dimens.xml文件，那为什么要选择smallestWidth限定符适配呢？

大多数UI设计师提供的设计图无非就几种，它们对应的获取方式如下：

这些文件当然不会手动去写，网上已经有大神提供了自动生成这些文件的插件ScreenMatch。但是这个插件还是有点问题的：

基于以上问题，我在该插件的源码上优化生成了新的插件ScreenMatch，由于插件库已经有原作者的插件了，所以我就不重复造轮子上传到插件库了，你直接用本地安装的方式安装即可。

工具使用步骤：

然后选择在哪个module下执行适配。即基于哪个module下的res/values/dimens.xml文件作为基准dimens.xml文件，生成的其他尺寸dimens.xml文件放在哪个module下。例如选择app，然后点击OK，出现如下界面表示生成文件成功。如下图：

然后再看看res目录下会自动生成一堆dimens.xml文件，如下图：

通过上面的步骤就已经生成了所有设备对应的dimens.xml文件。

步骤3是以插件默认的最小宽度基准值为360dp，适配的设备最小宽度为
320，360，384，392.7272，400，410，411.4285，432，480，533，592，600，640，662，720，768，800，811，820，960，961，1024，1280，1365（包含了平板和TV）生成的文件，但实际情况要根据设计图和需求设置。

例如设计图的最小宽度为375dp，则需要更改最小宽度基准值为375dp。如果项目只需要适配手机的话，适配的设备最小宽度保留320，360，384，392.7272，400，410，411.4285，432，480即可，若发现手机还有其他最小宽度自行加上即可，也麻烦把该最小宽度提供给我，我们一起来完善该份适配。

以上修改需要在配置文件里修改，即screenMatch.properties文件，该配置文件是执行完上面第3步后自动生成在项目的跟目录下的。如下图：

打开配置文件，修改下图中1、3、4的值即可。(图中单位均为dp)
1：最小宽度基准值，填写设计图的最小宽度值即可。
2：插件默认适配的最小宽度值，即默认情况下会生成如下值的dimens.xml文件。
3：需要适配的最小宽度值（如果是小数，则保留4位小数。例如392.727272...，则取392.7272），即你想生成哪些dimens.xml文件。
4：忽略不需要适配的最小宽度值，即忽略掉插件默认生成的dimens.xml文件。

配置文件修改完成后，重新执行第3步，生成新的dimens.xml文件。

当然！如果你的设计图也是标准的360dp，那么上面的步骤你可以忽略。直接复制我github上你需要的dimens.xml文件到你的项目即可，默认的values文件夹下也需要一份。

设计图标注多少dp，布局中就写多少dp，非常方便！

大多数UI设计师提供的设计图无非就几种，它们对应的使用方式如下：

说了这么多，其实只需要简单的2步：

很多人肯定会有疑问，难道我用了这套适配方案就可以全部直接写死宽高了？那肯定不是的，如果一些好用的适配技巧能实现的，那就不要用直接写死宽高的方式。这套适配方案搭配下面这些适配技巧可以让你的屏幕适配更完美。

绝对布局（AbsoluteLayout）直接使用X、Y坐标来控制控件的位置，对于屏幕碎片化这么严重的今天，使用绝对布局对于屏幕适配来说就是灾难性的，所以Google已经废弃了该控件。

相对布局（RelativeLayout）或者约束布局（ConstraintLayout）就不一样了，相对布局的子控件之间使用相对位置的方式排列，即使屏幕的大小改变，控件的相对位置也不会变化，与屏幕大小无关，灵活性很强。约束布局也是类似的，通过对某些控件进行约束来确定它们之间的位置。

Nine-Patch图片是一种被特殊处理过的PNG图片，你可以指定哪些区域可以拉伸而哪些区域不可以。例如聊天界面中的聊天气泡背景图就需要做成Nine-Patch图片，因为每条消息的字数不是固定的，如果背景图片不能随着字数的长短进行缩放，那么就会导致背景图片变形。

因为各种屏幕高宽比并不是固定的，有16:9、4:3，还有全面屏的19.5:9等等，如果强行将宽高都适配那只会导致布局变形。

例如一个控件的宽高为360dp和640dp，如果将它显示在宽高为360dp和640dp的设备上是正常铺满整个屏幕的，但是显示在宽高为360dp和780dp的设备上高度则不能铺满，如果你让高度铺满，而宽度又保持不变，那就会出现变形的情况。所以这也就是为什么目前市面上的屏幕适配方案只能以宽或高一个维度去适配，另一个方向用滑动或权重的方式去适配的原因。

那你为什么说高度也能适配呢？
这里说的高度也能适配指的是在不同分辨率和密度的手机上能达到等比缩放的适配，其他屏幕适配方案也是一样的。

注意：smallestWidth限定符适配的效果是让不同分辨率和密度的设备上能达到以设计图等比缩放的适配，如果设备与设计图相差太大时并不能达到很好的适配效果，需要单独出图，其他屏幕适配方案也是一样的。

同横屏道理一样，平板、TV与手机的宽高差距太大，想要平板、TV也能完全适配，那就只能让设计师出一套平板、TV的设计图，然后单独写一套平板、TV的布局文件。

注意：再说一遍，smallestWidth限定符适配的效果是让不同分辨率和密度的设备上能达到以设计图等比缩放的适配，如果设备与设计图相差太大时并不能达到很好的适配效果，需要单独出图，其他屏幕适配方案也是一样的。

github地址：ScreenAdaptation

参考资料：

二、百度网页怎么制作?

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

首先是要去注册一个自己的域名，百度输入域名注册，很多网站都可以。在这里，我看很多人刚开始做站，不想花钱，就想自己去申请免费的域名，我不这么认为是对的，因为现在免费的

域名多数都是二级的，甚至三级的，要么就是权重比较低的一些，域名这个是全球唯一的，越早申请越好，越短越好。你不如自己花钱申请一个自己的顶级域名，并且现在价格很低，只要一

年续一次费用就行。当然了，域名申请下来还是有时需要备案的这取决于你是否用国内的空间，建议刚开始做的先不备案，熟悉点之后再备案。

2，申请空间。说到空间，可能有人就说这个还要花钱啊，在这里，我想说的是，初学者可以先自己申请个免费空间，先试用着，等你熟悉这些流程之后再购买自己的空间。

3，下载程序，现在网上很多程序都是免费的，并且源码都是完整的，你完全可以去下载个适合你自己的，当然你要是会写的话就更好了，网上的很多程序虽然不是很完美，但是免费的

东西你想想要非常适合你的心意，人家也到喝西北风的时候了，所以要真想有完全适合自己的还是要花钱找人做的。

4，把你下载的程序上传到你申请的空间中去，做好域名解析和空间绑定等操作之后发布网站，这个时候就可以访问你的网站了。