菜鸟学习之Android Fragment 开发，快速提升用户体验的方法-布局规划之如何借鉴？

最近在写一个教育类的app，有用到fragment方面的知识，就做一下记录和分享：

首先讲一下fragment吧，网上通俗的说法就是碎片，一个界面的碎片或者一个activity的碎片都好，反正你可以理解就好。简单的来说：

fragment将原本局限在activity里面的代码拆分了，不论是后台的java代码或者是前端的layout文件，都拆分带fragment里面去，而你所要做的

就是在一个继承FragmentActivity的Activity里面去拼凑这些fragment，然后到各自的功能模块里面去实现各自的功能代码。

至于fragment的生命周期这些我就不多说了，百度一下，你值得拥有。直接进入这个文章的主题吧：

主要的内容应该包括：

1.ui开发的一些个人经验

2.fragment基础开发

3.animation动画

当然，没这么死板，肯定会有比较多的个人开发经验，不是教科书，没那么严谨。

一、UI开发之布局设计

相信很多同学都在学习android开发中遇到的除了java代码以外的第一个问题，就是前端的开发，总是做得特别丑，觉得功能就算很niubi,

肯定自己都不想用。既然，讲到要提升用户体验，那么就讲讲最直观的ui开发，而ui开发中第一步要做的，我想就是设计，从布局规划开始。

一讲到设计这么高逼格的词，想想都好开心，当然菜鸟肯定有点怂。其实很简单，网上可以搜到的资源归结为两种：

1.逼格高大上，完全搞不懂，觉得飘在天上，比如尺规图，其实这是比较良心的，可惜不适合纯程序员，比如这样：



当然了，各位前辈也有做各种详细的教程，但是，作为一个coding出身的diao丝程序员，很少能学会（不过你要是真用心，当然肯定能会，

那就成了一个射鸡湿了- -），不说这个技能，就是这种设计思维和对图形的敏感性都难培养。我想虽然一个程序要具备各方面的技能，比如射鸡

湿的技能，但是起步肯定不需要这么专业和高大上，所以我们需要贴地气一点的。

2.第二种呢，也差不多，不过不是教程，更多的是素材，ps，ai什么一起上才能解决，更头疼，比如你百度：ui 设计 素材等等关键字的时候找到

的那些东西，不能直接用，但是我觉得这是一个起步的捷径：

素材分析吧，姑且这么说，学一个新的东西肯定要有敏感性，不能光抄，要记住它的特征，这一点在什么地方都通用，ui开发里面也一样。

我们举个例子，比如下面这张图：



你找到的素材往往都是别人的作品，是成型的，所以充斥着满满的元素和设计组合，那么你要去拆解它，作为一个程序员，肯定是从开发步骤来拆解，

第一步就是布局，那么上面的图片，你只看布局的划分就很容易，三个区域，这个就是它的第一特征。我们做个图来看看，当然，你可以更精心一点，先

确定下各个区域的比例再做布局规划图：



首先就是纵向的划分了，上半部分和下班部分，然后再在下班部分里面去划分左右两个部分。这个布局用xml代码来写并不难。而比例是比较重要的 一点，

你可以量一下，不过通常都是遵循黄金比例的，或者是近似值;

布局画好，可以通过android:background属性来先填充颜色，确定划分区域，最直接的当然是直接取得素材上面的颜色了，推荐一个取色器软件：

ColorSchemer Studio

接下来就是填充里面的元素，同样的，在子布局上面做新的布局规划，直到把所有的块级布局都画出来：



布局的借鉴是最通用的一个步骤，内容的填充 因为需求的不同是有差别的，但是大布局上却因为app的类型而大同小异。上面的布局图，在详细的布局

上都是抄原图的，在实际开发中，你需要的仅仅是第一次的最大的布局规划，而后，需要的则是自己的内容来填充这些区域，对详细位置的布局进行调整。

比如说我的：



对于主要区域内容的规划是根据自己需求来定的。而这样的布局绘图，你只要会使用window的画图，就可以实现，全部都是矩形框。

好了，这个是初步的布局借鉴方法，本来想一次写完的，但是发现内容已经很多了，只好把其他内容放到以后的文章里面了。