我虽然走得慢，但是我从未放弃
现在的每一天，都给自己定了目标，让自己朝着那个自己既定的目标去前进，所以每周会更新一篇，我自己的读书笔记以及日常学习进程。
从今天开始，自己开始做京东的原型图，虽然说不上高保真，但是中等版本吧，今天做的一点点的小成果。
今天首先做了顶部以及底部
mine.png
1.1 我的(板块制作)
板块最重要的是图标，所以我这个图标都是在阿里矢量图的那个网站里面找的，所以如果是做产品的小伙伴，可以以后多去看看这个网站，上面有各种各样的图标
http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
颜色搭配的话，大家可以按照app里面的来搭配就好。
1.2 卡片切换
当点击下面的突变，或者是按钮，这样就能够进行不同模块的切换，运用到的方法是在我的这个页面，对下面的小图标一一进行设置属性中的鼠标单击时的case，让小图标在点击的时候，能够进行模块的切换
属性设置.png
当点击之后会到购物车模块
image.png
购物车模块是蓝色的，这里我做一个解释，这个是正常的，这是运用了动态面板，下面就会说一下，为什么要运用动态面板以及怎么运用
1.3 动态面板的使用
购物信息之多，不可能只有一个面前展示的东西，所以肯定还会有垂直拉伸，所以这里就需要用到动态面板，动态面板怎么用的呢？
首先，顶部和底部是固定不动的，这个所以这里需要两个动态面板，第一个是大的动态面板，覆盖到全屏幕，里面加入顶部和底部。
在中间的地方，就是需要进行滑动的能够垂直移动的地方，进行第二个面板的设置
推荐面板.png
当第二个面板设置完以后，因为第二个面板是比第一个面板长，所以需要进行第二个面板设置顺序是置于底层的。
image.png
还需要对其进行设置移动，对第二面板进行移动属性的设置
image.png
在拖动时，进行设置移动
image.png
一般大家在使用app时，会发现，当下拉刷新的时候，会有一个效果，如果不设置，可能比较的难看，所以设置一下。
image.png
首先首页要固定的是当顶部确定以后，我的顶部是H：48，所以设置的公式应该是向下拉是，如果>=48时，就回到顶部，这个的话，不难理解，就是说，当你向下刷新，然后会以弹性的跳回顶部，所以这样就不会出现没有设置的时候的断片
image.png
那些设置方法，明天统一更新！
by：fatina
